#lightbox{position: absolute; top:40px;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{position:relative; background-color:#fff; width:500; height:500; margin:0 auto; overflow: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(img/bg/spacer.gif) no-repeat; display: block; }

#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}

#imageDataContainer{background-color:#000; margin:0 auto; width:250px;width:100%; overflow:auto;}

#imageData {background-color:#fff; height:30px; text-align:left; padding:10px; padding-top:0px;}
#imageData #imageDetails{text-align:left;}	
#imageData #caption{font-weight:bold; color:#000; text-align:center; padding:1 0 0 1px; line-height: 14px;float:left;}
#imageData #numberDisplay{color:#fff; padding:1 2 0 2px; line-height: 14px;text-align: left;float:left;margin-right: 10px;}
			
#imageData #bottomNavClose{ text-align:right;}	 	

#overlay{position:absolute; top:0; left:0; z-index:90; height:500px; background-color:#fff;}

#bottomNav {float:right;}
#close_image {position:relative;right:0px; text-align:right;}