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

*/

p { clear:both; }

/* GALLERY */
ul#gallery { margin:0 0 0 0px; padding-top:20px; height:60px; list-style:none; position:relative; }
ul#gallery li {
	border-right:0px solid #ccc;
	width:330px;
	display:block;
	float:left;
	background-color: #FA1512;
	color: #FFFFFF;
}
ul#gallery li#first { border-left:0px solid #ccc; font-size:18px; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a {
	display:block;
	width:330px;
	color: #FFFFFF;
	text-decoration:none;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 3px;
	font-weight:bold;
}
ul#gallery li a:hover {
	background-color:#950000;
	color:#FFFFFF;
	font-weight:bold;

}
ul#gallery li ul { padding:10px 10px 10px 10px; list-style:none; margin:0; width:280px; background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:3px; border:1px solid #ccc; padding:10px; 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; }