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

/* ---------- gallery container ---------- */
#gallery {
position:relative;
width: 570px;
text-align: center; /*IE 5.5 hack*/
}

/* ---------- thumbnail images ---------- */
#gallery .preview  {
float:left;
background: white;
width:380px;
height:225px;
background:#e1e1e1 url('../imgcss/lct logo.png') no-repeat;
}

#gallery .thumb  {
float:left;
background-color: transparent;
border: solid 1px #dc6226;
width:93px;
height:73px;
padding:0;
margin:0;
}
#gallery .thumb a {
display: block;
text-decoration:none;
padding: 5px;
}
#gallery .thumb a:hover, #gallery .thumb a:active, #gallery .thumb a:focus {
background:transparent;
}
#gallery .thumb a img {
display:block;
width:auto;
padding:0;
margin:0;
}
#gallery .thumb a img.a {
display:block;
width:83px;
padding:0;
margin:0;
}
#gallery .thumb a span {display:none;}

/* ---------- preview image ---------- */
#gallery .thumb a:hover span {
display:block;
position:absolute;
width:340px;
top:1px;
left:20px;
z-index: 1000;
}
#gallery .thumb a:hover img.p{
display:block;
width:340px;
}

/* ---------- preview image title block ---------- */
#gallery .thumb em {
position:absolute;
width:200px;
top:190px;
left:80px;
-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;
}

.clearfix{
clear: both;
}

/* ---------- opacity ----------
#gallery a {outline:none;}
#gallery a img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
#gallery a:visited img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
#gallery a:hover img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.9;}*/