
* { margin:0; border:0; padding:0; }
body { font:12px Tahoma, sans-serif; color:#000; margin:20px; }
p { clear:both; }

/* GALLERY */
ul#gallery { margin:10px 0 25px 0; list-style:none; }
ul#gallery li#first { border-top:1px solid #fff; }
ul#gallery li { clear:both; width:100px; position:relative; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { left:100px; }
ul#gallery li a { display:block; width:100px; padding:15px 0; color:#000; text-decoration:none; border-bottom:1px solid #ccc; }
ul#gallery li a:hover { background-color:#fafafa; }
ul#gallery li ul { padding:0 20px 20px 50px; list-style:none; margin:0; width:400px; background-color:#fff; position:absolute; left:-999em; top:-2px; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; position:static; z-index:2; } 
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:91; height:65px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:180px; height:130px; left:-50px; top:-37px; border:1px solid #000; z-index:2000; }

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000; padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px;	}	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }
#closebutton { display:none; }
