#lightbox {	

	left: 0; 

	line-height: 0;

	position: absolute;	

	text-align: center; 

	width: 100%; 

	z-index: 100;	

}

#lightbox img { 

	height: auto;

	width: auto; 

}

#lightbox a img { border: none; }



#outerImageContainer { 

	background-color: #fff; 

	height: 250px; 

	margin: 0 auto; 

	position: relative; 	

	width: 250px; 	

}

#imageContainer { padding: 10px; }



#loading { 

	height: 25%; 

	left: 0;

	line-height: 0; 	

	position: absolute; 

	text-align: center; 

	top: 40%; 

	width: 100%; 

}

#hoverNav { 

	height: 100%; 

	left: 0; 

	position: absolute; 

	top: 0; 

	width: 100%;

	z-index: 10; 

}

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }



#prevLink, #nextLink { 

	width: 49%; 

	height: 100%; 

	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 

	display: block; 

}

#prevLink { 

	left: 0; 

	float: left;

}

#nextLink { 

	right: 0; 

	float: right;

}

#prevLink:hover, #prevLink:visited:hover { 

	background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat; 

}

#nextLink:hover, #nextLink:visited:hover { 

	background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; 

}



#imageDataContainer { 

	font: 10px Verdana, Helvetica, sans-serif; 

	background-color: #fff; 

	margin: 0 auto; 

	line-height: 1.4em; 

	overflow: auto; 

	width: 100%; 

}



#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: 1.0em;	

}			

#imageData #bottomNavClose { 

	width: 66px; 

	float: right;  

	padding-bottom: 0.7em; 

	outline: none;

}	 	

#overlay { 

	position: absolute; 

	top: 0; 

	left: 0; 

	z-index: 90; 

	width: 100%; 

	height: 500px; 

	background-color: #000000; 

}