#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; 
	}