/* CSS Document */
/* needed for IE to make :active state work first time */
a, a:visited {color:#9cb1e8;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; text-decoration:none; border:1px solid #9cb1e8; width:75px; height:47px; float:left; margin:4px; z-index:50; background-position: 50%;}
a.slidea {background:url(../pics/14brandi-thumb.jpg);}
a.slideb {background:url(../pics/16brandi-thumb.jpg);}
a.slidec {background:url(../pics/17brandi-thumb.jpg);}
a.slided {background:url(../pics/20brandi-thumb.jpg);}
a.slidee {background:url(../pics/24brandi-thumb.jpg);}
a.slidef {background:url(../pics/25brandi-thumb.jpg);}
a.slideg {background:url(../pics/28brandi-thumb.jpg);}
a.slideh {background:url(../pics/33brandi-thumb.jpg);}
a.slidei {background:url(../pics/38brandi-thumb.jpg);}
a.slidej {background:url(../pics/50brandi-thumb.jpg);}
a.slidek {background:url(../pics/53brandi-thumb.jpg);}
a.slidel {background:url(../pics/56brandi-thumb.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #a18930;}


/* styling for TOP gallery */
#container_top {position:relative; width:425px; height: 810px}
#container_top img {width: 425px; border: 1px solid #9cb1e8;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width: 170px; height:37px; top:118px; left:175px; padding:5px; z-index:100; color: #a18930; z-index:100;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #9cb1e8;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:425px; height:250px; top:175px; left:5px; color: purple; z-index:50;}
#container_top p {clear:both; margin:1em; padding-top: 0; text-align:center; position: absolute; top:25%;}
#container_top h1 em {font-size:0.6em; color:#000;}