<!-- START PHOTO GALLERY -->

.a, .a:visited {color:#000;}
#container {position:relative; width:750px; height:600px; background:#94a2be; border:1px solid #000; margin:10px auto; font-size:12px;}
#container b {font-weight:normal; width:700px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; z-index:1;}

a.gallery, a.gallery:visited {
display:inline;
 color:#000; 
 text-decoration:none;
  border:1px solid #ccc;
   width:90px; height:90px;
    float:left;
	 margin:7px 15px;
	 position:relative;
	  cursor:default;}

a.slidea {background:url(../gallery/1_sm.jpg);}
a.slideb {background:url(../gallery/2_sm.jpg);}
a.slidec {background:url(../gallery/3_sm.jpg);}
a.slided {background:url(../gallery/4_sm.jpg);}
a.slidee {background:url(../gallery/5_sm.jpg);}
a.slidef {background:url(../gallery/6_sm.jpg);}
a.slideg {background:url(../gallery/7_sm.jpg);}
a.slideh {background:url(../gallery/8_sm.jpg);}
a.slidei {background:url(../gallery/9_sm.jpg);}
a.slidej {background:url(../gallery/10_sm.jpg);}
a.slidek {background:url(../gallery/11_sm.jpg);}
a.slidel {background:url(../gallery/12_sm.jpg);}

a.gallery span {visibility:hidden; display:block;
 position:absolute; width:744px; height:369px;
  top:189px; left:9px; color:#ccc; background:#d6eaf4; 
  text-align:center; border:1px solid #fff; cursor:default;}

a.slidea span {top:220px; left:-14px;}
a.slideb span {top:220px; left:-136px;}
a.slidec span {top:220px; left:-258px;}
a.slided span {top:220px; left:-380px;}
a.slidee span {top:220px; left:-502px;}
a.slidef span {top:220px; left:-624px;}
a.slideg span {top:114px; left:-14px;}
a.slideh span {top:114px; left:-136px}
a.slidei span {top:114px; left:-258px;}
a.slidej span {top:114px; left:-380px;}
a.slidek span {top:114px; left:-502px;}
a.slidel span {top:114px; left:-624px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #fff; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {
border:1px solid #aef;
 z-index:10;
 }

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #abc; position:relative; margin:10px; z-index:10;}