.gallery { width:876px; height:316px; margin:0 auto; padding:0; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:876px; height:316px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:42px; height:32px; position:absolute; left:-81px; top:-180px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:42px; height:32px; position:absolute; left: 917px; top:-180px; }
#prevBtn a { display:block; width:42px; height:32px; background:url('../images/l_arrow.gif') no-repeat 0 0;
}
#nextBtn a { display:block; width:42px; height:32px; background:url('../images/r_arrow.gif') no-repeat 0 0;
}


#lightbox {
	background-color:#eee;
	padding: 20px;}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;}	

#lightboxCaption {
	float: left;}

#keyboardMsg {
	float: right;}

#closeButton {
	top: 5px;
	right: 5px;}

#lightbox img {
	border: none;
	clear: both;}

#overlay img {
	border: none;}

#overlay {
	background-image: url("../images/overlay.png");}

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url("../images/clear.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");}