@charset "UTF-8";
/* CSS Document */

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #b2b2b2; width:82px; height:51px; float:left; margin-left:6px;margin-bottom:6px;margin-top:2px; z-index:50;}
a.slidea {background:url(01_thumb.jpg);}
a.slideb {background:url(02_thumb.jpg);}
a.slidec {background:url(03_thumb.jpg);}
a.slided {background:url(04_thumb.jpg);}
a.slidee {background:url(05_thumb.jpg);}
a.slidef {background:url(06_thumb.jpg);}
a.slideg {background:url(07_thumb.jpg);}
a.slideh {background:url(08_thumb.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #b2b2b2;}


/* styling for BOTTOM gallery */
#container_bottom {
position:relative; 
width:367px; 
height:369px; 
background: url(inactive_bg.jpg); 
border:1px solid #b2b2b2; 
margin-right: 20px;
float:left;
}

#container_bottom img {border:0;}

#container_bottom .thumbs {
position:absolute; 
left:0; 
bottom:0; 
height:123px;
}

#container_bottom a.gallery:hover span {
display:block; 
position:absolute; 
width:402px; 
top:-45px; 
left:5px; 
padding:5px; 
color:#fff;
z-index:100;
}

#container_bottom a.gallery:hover span:first-line {
font-style:normal; 
font-weight:bold; 
font-size:1.1em; 
color:#000;
}

#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #7f7f7f;}

#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {
display:block; 
position:absolute;
top:-240px; 
left: 6px;  
color:#b2b2b2; 
border:1px solid #b2b2b2; 
z-index:50;
}