#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: #bb6100 url(../images/gallery-bg-tile.jpg) repeat-x; }
#outerImageContainer		{ margin: 0 auto; border: 1px solid #bf6f02; 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: #bb6100; line-height: 1.4em; margin: 0 auto; padding-top: 2px; }
#imageDataContainer			{ overflow: auto; border: 1px solid #bf6f02; border-top: 0; }

#imageData					{ padding: 0 10px; color: #FFF; }
#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	{ width: 66px; 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; }