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

/* 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:50px; height:50px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../thumbs/T_briggs-catdog-table.jpg); }
a.slideb {background:url(../thumbs/T_briggs-ferntable.jpg); }
a.slidec {background:url(../thumbs/T_briggs-fishtable.jpg); }
a.slided {background:url(../thumbs/T_briggs-oakbench.jpg); }
a.slidee {background:url(../thumbs/T_briggs-tree-arbor.jpg); }
a.slidef {background:url(../thumbs/T_briggs-somethingfishy.jpg); }

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}


/* styling for TOP gallery */
#container_top {position:relative; width:500px; height:445px; background:#ccc; border:1px solid #000; margin:1em auto;}
#container_top img {border:0; }
#container_top .thumbs {position:absolute; left:0px; top:0px; width:500px;  }
#container_top a.gallery:hover span {display:block; text-align:center; position:absolute; width:500px; height:50px; top:60px; left:5px; padding:5px; font-family:Geneva, Arial, Helvetica, sans-serif; font-style:italic; color:#333;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.1em; color:#000;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; text-align:center; position:absolute; width:480px; height:314px; top:110px; left:0px; padding:10px; color:#000; background:#fff; border-top:1px solid #000; z-index:50;}
#container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}