* { margin:0; border:0; padding:0; }
.gallery li:hover ul, .gallery li.sfhover ul { left:100px; }
.gallery li a { display:block; width:75px; padding:10px 0; color:#000; text-decoration:none; border-bottom:1px solid #ccc; }
.gallery li a:hover { background-color:#fafafa; }
.gallery  li { display:inline; text-align:left; clear:none; position:static; z-index:2; } 
.gallery  li a { margin:4px; border:1px solid #ccc; padding:2px; position:relative; float:left; display:block; width:90px; height:110px; }
.gallery li a:hover { z-index:2; }
.gallery  li a img { position:static; width:130px; height:170px; }
.gallery  li a:hover img, .gallery li a:active img, .gallery li a:focus img { width:80px; height:100px; left:-50px; top:-37px; border:1px solid #000; z-index:2000; }



.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}



.hoverbox a:hover 
{
	 width:120px; height:140px;
	 border:2px solid #5a92bd; z-index:2000;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 5px;
	vertical-align: top;
	width: 120px;
	height: 140px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}


/* LIGHTBOX CONTROL */
#lightbox { background-color:#648ccf; padding:8px 8px 5px 8px; }
#lightboxDetails { padding-top:3px;	}	
#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; }