/* needed for IE to make :active state work first time */

#container_bottom a, #container_bottom a:visited {color:#000;} 


/* common styling for all galleries */

/* common styling for all galleries */
a.gallery, a.gallery:visited {
display: block; 
display: inline-block; 
color: #000; 
text-decoration: none; 
border: 1px solid #000; 
width: 75px; 
height: 47px; 
float: left; 
margin: 4px; 
z-index: 50;
}

a.gallery em, a.gallery span {
display: none;
}

a.gallery:hover {
border: 1px solid #fff;
}

/* styling for BOTTOM gallery */
#container_bottom {
position: relative;
width: 425px; 
height: 537px; 
background: #7c6d80; 
border: 1px solid #a49188; 
margin: 1em auto;
}

#container_bottom img {
border: 0;
}

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

#container_bottom a.gallery:hover span {
display: block; 
position: absolute; 
width: 402px; 
height: 50px; 
top: -45px; 
left: 5px; 
padding: 5px; 
font-style: italic; 
color: #FFCCFF;  
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 #000;
}

#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {
display: block; 
position: absolute; 
width: 402px; 
height: 250px; 
top: -305px; 
left: 5px; 
color: #000; 
padding: 5px; 
border: 1px solid #3d330f; 
z-index: 50;
}

#container_bottom h1 {
/* clear: both; */
margin: 0; 
padding-top: 80px; 
text-align: center; 
font-family: georgia, "times new roman", serif; 
font-size: 3em; 
font-weight: normal; 
color: #fff;
}

#container_bottom h1 em {
font-size: 0.6em; 
color: #000;
}

#active {
 font-weight: bold;
}