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

*/

/* GALLERY */
ul#gallery2 { margin-top:55px; list-style:none; *margin-bottom:25px !important; _margin-bottom:25px !important;}
ul#gallery2 li#first {/* border-top:1px solid #ccc;*/ *float:left; }
ul#gallery2 li { clear:both;  /*width:100px;*/ /* sem width melhora a formatacao no ie6 e 7*/ position:relative !important;}
ul#gallery2 li:hover ul, ul#gallery2 li.sfhover ul { left:-8px!important;  top:0px!important; *left:110px; _left:-5px!important; *top:5px; *float:left; _top:-5px!important;}
.ie8 ul#gallery2 li:hover ul, ul#gallery2 li.sfhover ul { left:105px; top:13px; }
.ie7 ul#gallery2 li:hover ul, ul#gallery2 li.sfhover ul { left:105px; top:13px; }
.ie6 ul#gallery2 li:hover ul, ul#gallery2 li.sfhover ul { left:105px; top:13px; }
ul#gallery2 li a { 
	display:block; 
	/*width:100px; */
	/*padding:15px 0;*/ 
	color:#000; 
	text-decoration:none;
	/*border-bottom:1px solid #ccc;*/
	 }
	/*ul#gallery2 li a:hover { background-color:#fafafa; }*/
ul#gallery2 li ul { 
	background-color:#f4f4f4 !important; 
	font: bold .9em Arial,Helvetica,Verdana,sans-serif; 
	padding:20px 5px 20px 20px; 
	list-style:none; 
	margin:0; 
	width:350px; 
	_width:390px; 
	position:absolute !important; 
	left:-999em; 
	top:2px; 
	z-index:1 !important;
	border-top:1px solid #9fbecc !important; 
	border-left:1px solid #9fbecc !important; 
	border-right: 2px solid #67a7c8 !important; 
	border-bottom: 2px solid #67a7c8 !important;
	}
	
ul#gallery2 li ul li { 
	display:inline; 
	text-align:left; 
	clear:none; 
	position:static; 
	z-index:2 !important;} 
ul#gallery2 li ul li a { 
	margin:2px; 
	/*border:1px solid #ccc;*/ 
	padding:4px; 
	position:relative !important; 
	float:left; 
	display:block; 
	width:100px; 
	height:75px;
	*padding-bottom: 20px !important;
	_padding-bottom: 20px !important; }
ul#gallery2 li ul li a:hover { z-index:2 !important;}
ul#gallery2 li ul li a img { position:absolute; width:100px; height:75px;}
ul#gallery2 li ul li a:hover img, ul#gallery2 li a:active img, ul#gallery2 li a:focus img { 
	width:110px; 
	height:85px; 
	/*
	left:-50px; 
	top:-37px;
	*/ 
	/*border:1px solid #000;*/ 
	z-index:2000; }



/* LIGHTBOX CONTROL */
/* #lightbox { background-color:#D1E3EF !important; padding:20px 20px 5px 20px; } */
#lightboxDetails { padding-top:5px;	}	
#lightboxCaption { float: left; color: #606060; font-size: 11px; }
#lightboxDownload { float: none; color: #377DD5 !important; font-size: 11px; text-align: center;}
#keyboardMsg { float:right; }
#keyboardMsg a { color:#377DD5 !important; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none;}
#closebutton { display:none; }
#overlay {background: url(../images/overlay.png);}