@charset "utf-8";
/* CSS Document */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightbox a {
	border:0;
	text-decoration:none;
}
#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;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
#gallery {text-align:center; width:70%;}
ul#gallery { margin:0 0 0 20px; padding-top:20px; list-style:none; position:relative; text-align:center;}
ul#gallery li { border-right:1px solid #ccc; display:block; float:left;   }
ul#gallery li#first { border-left:1px solid #ccc; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a { display:block; padding:15px 0 15px 3px; color:#000; text-decoration:none;  }
ul#gallery li a:hover { background-color:#fafafa; }
ul#gallery li ul { padding:40px 20px 20px 20px; list-style:none; margin:0;  background-color:#fff; position:absolute; left: 0px; }
ul#gallery li ul li { display:inline;  clear:none; float:none; border:0;  }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:130px; height:130px; text-align:center; vertical-align:middle; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img {  }