/* 
Suckerfish HoverLightbox Example - Vertical stylesheet
Version: 1.0
Last Modified 03/27/06
J. Christopher - www.MondayByNoon.com

CREDITS
-------
Suckerfish: Patrick Griffiths, Dan Webb
    http://www.alistapart.com/articles/dropdowns/
  Modification: http://www.htmldog.com/articles/suckerfish/dropdowns/

Hoverbox: Nathan Smith.
  Example: http://host.sonspring.com/hoverbox/
  Tutorial: http://sonspring.com/journal/hoverbox-image-gallery/
  Modification by: Craig Erskine
    http://solardreamstudios.com/
    http://solardreamstudios.com/_img/learn/css/pg/

Lightbox: Lokesh Dhakar
  http://www.huddletogether.com/projects/lightbox/

*/

* { margin:0; border:0; padding:0; }
body { font:80%/140% verdana,sans-serif; margin-left: 20px; margin-top: 20px; background:#111; color: #bba; padding-top: 20px; padding-left: 20px;} /*text-align:center;*/
#content{ width: 1200px; }
p { clear: both; padding-top: 15px;}
#logo { position: absolute; width: 111px; height: 438px; z-index:1; top: 52px; left: 10px;}
.demo{ position:relative; margin-top:.5em;}
/*#main_image WIDTH OF TEXT BLOCK ON HOME PAGE */
#main_image{ margin: -20px 0 0 30px; height: 438px; width: 570px; background: #111; text-align: left; padding-left: 155px; }/**/
h1{ font: 90% 'verdana',sans-serif;font-weight: bold; letter-spacing: 1px; text-transform:uppercase; padding: 0px 0px 15x 0px;}

/* GALLERY */
ul#gallery { margin: 30px 0 0 0; list-style: none; }/*100*/
ul#gallery li#first { width: 400px; }
/*ul#gallery li#first { border-top:1px solid #ccc; }*/
/*ul#gallery li { clear:both; width:100px; position:relative; }*/
/*ul#gallery li:hover ul, ul#gallery li.sfhover ul { left:30px }left:30px;*/
ul#gallery li a { display: block; text-decoration: none; outline: none; border-bottom: none; width: 100px; height: 75px; }
/*padding:15px 0;color:#7892f9; width:100px;*/
/*ul#gallery li a:hover { background-color:#fafafa; }*/
/*ul#gallery li ul - WIDTH OF THUMBNAIL BLOCK ON HOME PAGE */
ul#gallery li ul { padding:0 20px 20px 0px; list-style:none; margin:0; }
/* background-color:#fff;left:-999em;  width:400px; position:absolute; top:-2px; padding:0 20px 20px 0px;*/
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; padding: 4px; position: relative; float: left; display: block; }/*border:1px solid #333;width:100px; height:75px; */
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img {  width: 100px; height: 75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width: 200px; height: 150px; left: -50px;  border: 1px solid #000; z-index: 2000; }/*top: -37px;*/
.bottom-nav{ padding-top: 75px; clear: both; font: 100% 'verdana',sans-serif;}
	a{ color: #7892f9; text-decoration: none; outline: none;}
	a:hover{ color: #d6ddf8;}

/* 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; }