#lightbox {
	position: 		absolute;
	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: 			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-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(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: 		url(../images/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: 	#000;
}