@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
/*background-color: #e9eaee;*/
background: url('ripple.gif') top right fixed no-repeat #000000;

}

#container {
width: 850px;
height: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
/*background: #FFFFFF url(images/wallpaper92.jpg) top left no-repeat;*/
}

#navigation {
margin-bottom: 10px;
float: right;
width: 228px;
height: 600px;
/*background: url(images/cornerleft.gif) top left no-repeat;*/
}

/*
#navigation h1 {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 30px;
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
text-align: right;
}
*/

h1 {
font-family: Helvetica, Arial, sans-serif;
color:#FFFFFF;
font-size: 43px;
padding: 30px 10px 10px 30px;
word-spacing: 2px;
	position: fixed;
	top: 0px;
      width: 100%;
	
}

#ocean {
	position: fixed;
	top: 0px;
    left: 400px;
    margin: 0px;
	
}

#mainContent img {
    margin-top: 124px;
    margin-right: 15px;
    margin-left: 0px; 
    border: 1px solid #FFFFFF;
    /*position: absolute;
	top: 0px;*/
}

#mainContent a:hover img {
    border: 1px solid #2d70f2;
    /*position: absolute;
	top: 0px;*/
}




#navigation a {
color:#FFFFFF;
font-size: 30px;
font-weight: bold;
text-decoration: none;
}

#navigation h2 {
font-family: Arial, Helvetica, sans-serif;
color: #9ECEFF;
font-size: 20px;
font-weight: bold;
padding-right: 10px;
padding-bottom: 60px;
text-align: right;
}

#navigation h3 {
font-family: Arial, Helvetica, sans-serif;
color: #FFB683;
font-size: 20px;
font-weight: bold;
padding-right: 10px;
text-align: right;
}

#navigation h3 a {
text-decoration: none;
color: #FFB683;
font-size: 20px;
}

#artwork {
margin-bottom: 10px;
float: right;
width: 622px;
height: 600px;
text-align: center;
/*background: url(images/cornerright2.gif) top right no-repeat;*/
}

#artwork #img {
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
width: 600px;
height: 502px;
text-align: center;
    position: relative;
	top: 100px;
}

#artwork img {
border: 1px black solid;
}

a img {
border: none;
}

#artwork #imgnav {
border-spacing: 0;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#AAAAAA;
}

#artwork #imgnav #stepback {
text-align: left;
width: 25%;
padding-left: 10px;
padding-top: 10px;
}

#artwork #imgnav #stepback a {
color:#FFFFFF;
font-size: 13px;
text-decoration: none;
font-weight: normal;
}

#artwork #imgnav #stepback a:hover {
color:#FFFFFF;
font-size: 13px;
text-decoration: underline;
font-weight: normal;
}

#artwork #imgnav #artworktitle {
text-align: center;
width: 50%;
padding-top: 10px;
font-style: italic;
color: #AAAAAA;
font-size: 13px;
}

#artwork #imgnav #artworktitle a {
text-decoration: underline;
color: #FFFFFF;
}

#artwork #imgnav #artworktitle a:hover {
text-decoration: none;
color: #FFFFFF;
}

#artwork #imgnav #stepforward {
text-align: right;
width: 25%;
padding-right: 10px;
padding-top: 10px;
}

#artwork #imgnav #stepforward a {
color:#FFFFFF;
font-size: 13px;
text-decoration: none;
font-weight: normal;

}

#artwork #imgnav #stepforward a:hover {
color:#FFFFFF;
font-size: 13px;
text-decoration: underline;
font-weight: normal;
}

#message {
	position: fixed;
	top: 95px;

padding: 0px 0px 0px 30px;
}

#message p {
font-style: italic;
font-size: 12px;
color: #888888;
}

#fineprint {
	position: fixed;
	top: 644px;

padding: 0px 0px 0px 30px;
}

#fineprint p {

}

p {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
color:#FFFFFF;
text-align: left;
}

p a {
text-decoration: none;
color: #2d70f2;
}

p a:hover {
text-decoration: underline;
color: #2d70f2;
}