/***** modified from code found at http://www.tankedup-imaging.com *****/

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

/* ---------- opacity ---------- */
.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;}

/* ---------- thumbnail images ---------- */
.thumb, .no-thumb {
float:left;
width:100px;
height:75px;
margin:1px;
border:0;
}

.thumb a img {display:block;}
.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:absolute;
width:402px;
height:224px;
top:78px;
left:105px;
z-index:300;
}

/* ---------- preview image title block ---------- */
.thumb em {
position:absolute;
width:200px;
top:200px;
left:100px;
-moz-border-radius:12px;
background:#E5E2AF;
color:#666666;
font:normal 12px/20px verdana;
text-align:center;
/* ---------- for CSS3 ---------- */
opacity:0.8;
/* ---------- for IE ---------- */
filter:alpha(opacity=80);
/* ---------- for Mozilla ---------- */
-moz-opacity:0.80;
/* ---------- for Konqueror ---------- */
-khtml-opacity:0.8;
}
.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;
}