/* 
MONDAY BY NOON
Suckerfish HoverLightbox Example - Vanilla Horizontal 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/

*/

* {
	border:0;
}


/* GALLERY */
ul#gallery {
	padding:0;
	margin:0;
	height:150px;
	list-style:none;
	position:relative;
	padding-top:30px;
}
ul#gallery li {
	width:auto;
	height:150px;
	padding:0;
	display:inline;
}

#gallery li {
	list-style:none;
	float:left;
}
ul#gallery li#first {
	
}
ul#gallery li:hover ul, ul#gallery li.sfhover ul {
	top:auto;
	left:0;
}
ul#gallery li a {
	display:inline;
	color:#000;
	text-decoration:none;
	padding: 0px;
}

ul#gallery li a:hover {
	background-color:red;
}
ul#gallery li ul {
	list-style:none;
	margin:0;
	width:100%;
	position:absolute;
	left:-999em;
	margin-top:-188px;
	height:1px;
	
	padding:5px;
	
}
ul#gallery li ul li {
	text-align:left;
	clear:none;
	float:none;
	border:0;
	margin:0 auto;
	width:380px;height:230px;
}
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: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;
	top:-37px;
	z-index:1;
	border:1px solid #000;
}
/* 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;
}