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

#lightbox a img{border:0;}

#outerImageContainer{	width:250px;height:250px;position:relative;margin:0 auto;background:#fff;}

#imageContainer{padding:10px;}

#loading{width: 100%;height:25%;position:absolute;top:40%;left:0;text-align:center;line-height: 0;}

#hoverNav{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/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(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background: url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{width:100%;overflow:auto;margin:0 auto;background:#fff;font:11px Verdana, Helvetica, sans-serif;line-height:1.4em;}

#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;font-size:.9em}			
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em;}	
		
#overlay{width:100%;height:500px;position:absolute;top:0;left:0;z-index:90;background:#000;}