/********************************************/
/*****    css photo gallery template    *****/
/*****  http://www.tankedup-imaging.com *****/
/*****            20/08/2006            *****/
/********************************************/

/* ---------- gallery container ---------- */
.gallery {
position:relative;
width:900px;
margin:1em auto;
}

/* ---------- opacity ---------- 

.gallery a:visited img {opacity:0.6; filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity:0.4;}
.gallery a:hover img {opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0;}*/
.gallery a img {opacity:0.6; filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity:0.4;}
/* ---------- thumbnail images ---------- */
.thumb, .no-thumb {
float:left;
width:125px;
height:125px;
margin:2px;
}
.thumb {
border:1px solid #000;
width:125px;
height:125px;
z-index:-10;
}
.no-thumb {
border:1px solid #fff;
}
.thumb a img {display:block; z-index:-100;}
.thumb a span {display:none;}
.thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent;}

/* ---------- preview image ---------- */
.gallery a:hover span {
display:block;
position:static;
width:250px;
height:250px;
z-index:100;
}

/* ---------- preview image title block ---------- */
.thumb em {
position:static;
width:250px;
top:196px;
left:50px;
-moz-border-radius:12px;
background:#ab5;
color:#036;
font:normal 12px/20px verdana;
text-align:center;
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8;
z-index:100;
}
.thumb a {
text-decoration:none;
}

/* ---------- no border on images ---------- */
a img {border:0;}

/* ---------- clear floats ---------- */
.clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}

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

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

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