/* 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:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../gallery/thumb-1.jpg);}
a.slideb {background:url(../gallery/thumb-2.jpg);}
a.slidec {background:url(../gallery/thumb-3.jpg);}
a.slided {background:url(../gallery/thumb-4.jpg);}
a.slidee {background:url(../gallery/thumb-5.jpg);}
a.slidef {background:url(../gallery/thumb-6.jpg);}
a.slideg {background:url(../gallery/thumb-7.jpg);}
a.slideh {background:url(../gallery/thumb-8.jpg);}
a.slidei {background:url(../gallery/thumb-9.jpg);}
a.slidej {background:url(../gallery/thumb-10.jpg);}
a.slidek {background:url(../gallery/thumb-11.jpg);}
a.slidel {background:url(../gallery/thumb-12.jpg);}
a.slidem {background:url(../gallery/thumb-13.jpg);}
a.sliden {background:url(../gallery/thumb-14.jpg);}
a.slideo {background:url(../gallery/thumb-15.jpg);}
a.slidep {background:url(../gallery/thumb-16.jpg);}
a.slideq {background:url(../gallery/thumb-17.jpg);}
a.slider {background:url(../gallery/thumb-18.jpg);}
a.slides {background:url(../gallery/thumb-19.jpg);}
a.slidet {background:url(../gallery/thumb-20.jpg);}


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



/* styling for gallery */
#container_left {position:relative; width:700px; height:590px; margin:1em;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:125px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:180px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#000;}
#container_left h1 em {font-size:0.6em; color:#000;}