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

*/

/* GALLERY */
ul#gallery { margin:0 0 0 0px; height:auto; list-style:none; position:relative; }
ul#gallery li { border-right:0px solid #ccc; display:block; float:left; }
ul#gallery li#first { border-left:0px solid #ccc; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:0px; left:0; }
ul#gallery li a { display:block; width:auto; padding:0px 0 0px 0px; color:#000; text-decoration:none; }
ul#gallery li a:hover { background-color:#ffffff;  }
ul#gallery li ul {
	padding:12px 0px 0px 0px;
	list-style:none;
	width:575px;
	height:365px;
	background-color:#ffffff;
	position:absolute;
	left:-999em;
	margin-left: 15px;
	margin-top: -375px;
}
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border: 0px; }
ul#gallery li ul li a { margin:10px; border:0px solid #ccc; padding:6px 8px 8px 6px; position:relative; 
                        float:left; display:block; width:75px; height:56px; background-color:#ffffff;}
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:75px; height:56px; border:1px solid #aeaeae; }
ul#gallery li ul li a:hover img, ul#gallery li a:focus img { 
           width:160px; height:120px; left:-44px; top:-33px; z-index:1; 
					 border:1px solid #897a68; background-color:#000000; padding:7px;}