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

#outerImageContainer		{ width: 250px; height: 250px; background: #F9F4E0; margin: 0 auto; border-bottom: 0; position: relative; }
#imageContainer			{ padding: 10px; }

#loading					{ width: 100%; height: 25%; line-height: 0; text-align: center; position: absolute; top: 40%; left: 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%; display: block; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ }
#prevLink 				{ left: 0; float: left; }
#nextLink 				{ right: 0; float: right; }
#prevLink:hover,
#prevLink:visited:hover 		{ background: url(../images/prevlabel.png) left 15% no-repeat; }
#nextLink:hover,
#nextLink:visited:hover 		{ background: url(../images/nextlabel.png) right 15% no-repeat; }

#imageDataContainer			{ width: 100%; background-color: #F9F4E0; line-height: 1.4em; margin: 0 auto; padding-top: 2px; overflow: auto; border-top: 0; }

#imageData				{ padding: 0 10px; color: #5a3a36; }
#imageData #imageDetails		{ width: 70%; text-align: left; float: left; }	
#imageData #caption			{ font-weight: bold; }
#imageData #numberDisplay	{ display: block; padding-bottom: 1.0em; clear: left; }
#imageData #bottomNavClose	{ padding-bottom: 0.7em; outline: none; float: right; }

#overlay					{ width: 100%; height: 500px; background-color: #000; position: absolute; top: 0; left: 0; z-index: 90; }