/* Conroy Exteriors - CSS Document - Gallery - special */

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

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#003399; text-decoration:none; border:1px solid #d9d7d8; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../images/special/thumbs/1.jpg);}
a.slideb {background:url(../images/special/thumbs/2.jpg);}
a.slidec {background:url(../images/special/thumbs/3.jpg);}
a.slided {background:url(../images/special/thumbs/4.jpg);}
a.slidee {background:url(../images/special/thumbs/5.jpg);}
a.slidef {background:url(../images/special/thumbs/6.jpg);}
a.slideg {background:url(../images/special/thumbs/7.jpg);}
a.slideh {background:url(../images/special/thumbs/8.jpg);}
a.slidei {background:url(../images/special/thumbs/9.jpg);}
a.slidej {background:url(../images/special/thumbs/10.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #003399;}

a.slidea em {background:url(../images/special/1.jpg) 5px 5px  no-repeat;}
a.slideb em {background:url(../images/special/2.jpg) 5px 5px  no-repeat;}
a.slidec em {background:url(../images/special/3.jpg) 5px 5px  no-repeat;}
a.slided em {background:url(../images/special/4.jpg) 5px 5px  no-repeat;}
a.slidee em {background:url(../images/special/5.jpg) 5px 5px  no-repeat;}
a.slidef em {background:url(../images/special/6.jpg) 5px 5px  no-repeat;}
a.slideg em {background:url(../images/special/7.jpg) 5px 5px  no-repeat;}
a.slideh em {background:url(../images/special/8.jpg) 5px 5px  no-repeat;}
a.slidei em {background:url(../images/special/9.jpg) 5px 5px  no-repeat;}
a.slidej em {background:url(../images/special/10.jpg) 5px 5px  no-repeat;}


/* styling for LEFT gallery */
#container_left {position:relative; width:620px; height:305px; background: #ffffff url(../images/gallery-bg.jpg) top center repeat-x; border:1px solid #d9d7d8; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:10px; top:10px;}
#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-family: Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:1.1em; color:#003399;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #003399;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:412px; height:260px; top:5px; left:180px; color:#003399; padding:5px; border:0px solid #003399; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; color:#003399; letter-spacing: 2px;}
#container_left h1 em {font-size:0.6em; color:#000;}