#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 101; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; width: 780px; height: 260px; margin: 0 auto; background-color: #3C4959;
						background-image: url('images/lightbox/bg.png'); background-repeat: repeat-x; color: #FFFFFF; }
#imageContainer{ position: absolute; left: 0px; padding: 10px; }

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

#imageDetails { position: relative; bottom: 0px; left: 0px; width: 880px; height: 37px; background-color: #3C4959; }
#prevLink, #nextLink{ position: absolute; top: -2px; width: 40px; height: 37px; }
#prevLink {left: 8px; background: url(../images/lightbox/arrowleft.jpg) no-repeat;}
#nextLink {left: 388px; background: url(../images/lightbox/arrowright.jpg) no-repeat; }
#bottomNavClose { position: absolute; top: 0px; right: 0px;  }

#imageData{	padding:0 10px; color: #666; width: 880px; text-align: left; background-color: #3C4959; }	
#numberDisplay{ position: relative; left: 180px; top: 4px; color: #CCCCCC}	

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

#overlay{ position: absolute; top: 0; left: 0; z-index: 101; width: 100%; height: 500px; background-color: #000; }
#caption { position: absolute; left: 460px; top: 10px; width: 430px; height: 320px; font: 11px Verdana, Helvetica, sans-serif; text-align: left; }