*{behavior: url(/reach-galleries/iepngfix.htc);}
body,html{margin:0;padding:0;height:100%;}
body{background:url(/reach-galleries/sophis/back.gif);font-family:"Garamond",Georgia, "Times New Roman", Times, serif;color:#222;}
img{border:none;}
h1,h2{color:#3c2819;}
h2{border-bottom:1px dotted #3c2819;}
h1{background:url(/reach-galleries/sophis/line.gif) no-repeat center 0;text-align:center;text-transform:uppercase;font-size:1.8em;letter-spacing:.2em;padding:15px 0 0 0;margin:0;font-weight:lighter;}
a{text-decoration:none;}
a:hover,.cur{text-decoration:underline;}
a:active{outline: none;}a:focus{-moz-outline-style:none;}
#imageDetails{font-family:"Garamond",Georgia, "Times New Roman", Times, serif;color:#222;font-size:1.5em;font-weight:lighter;}
.title{font-size:2em;margin:10px 0;color:#5B6280;border-bottom:1px dotted #5B6280;padding-bottom:10px;line-height:.85em;}
#medium,#dimensions,#price,#payPal{margin-top:15px;text-indent:20px;}
#medium,#dimensions,#price{border-bottom:1px dotted #CCC;color:#5B6280;}
#out{margin:0 auto;text-align:center;width:520px;background:url(/reach-galleries/sophis/back.png) repeat-y;min-height:100%;}
#main{padding:20px 40px;text-align:left;}
#footer{padding-top:30px;text-align:center;}
#footer p{padding:10px 0 0 0;margin:0;}
#foot{padding-top:30px;}
#foot a{color:#666;font-size:.8em;text-align:center;}
#nav ul{margin:0;padding:0;}
#nav {margin:0 -10px;padding:0 10px;list-style-type:none;border-top:1px dotted #EEE;border-bottom:1px dotted #EEE;background:#807873;text-align:center;}
#nav li{border-right:1px solid #AAA;border-left:1px solid #AAA;padding:0 7px;display:inline;height:30px;line-height:30px;vertical-align:middle;color:#FFF;margin-right:7px;text-transform:uppercase;}
#nav li a{color:#FFF;}
#thumbs{margin-top:15px;text-align:center;}
#thumbs img{width:70px;height:auto;max-height:70px;margin:0 7px 7px 0;border:3px solid transparent;}
#thumbs a:hover img {border:3px solid #FFF;}
#email{margin-top:7px;}
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 1000;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(/reach-galleries/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/reach-galleries/sophis/previous.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/reach-galleries/sophis/next.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #numberDisplay{ display: block; clear: left; padding: 1em 0;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}