#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#000;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(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(prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background: url(next.gif) right 15% no-repeat;}
#imageDataContainer{color:#FFFFFF;font: 10px Verdana, Helvetica, sans-serif;background-color:#000;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width: 70%;float: left;text-align: left;}
#imageData #caption{font-weight: bold;	}
#imageData #numberDisplay{display: block;clear:left;padding-bottom: 1.0em;	}
#imageData #bottomNavClose{width:26px; float: right;padding-bottom: 0.7em;	}
#imageData #bottomNavClose img{height:26px;width:26px;}
#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 */
}