/* needed for IE to make :active state work first time */
a, a:visited {color:#C8335C;  /*#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(images/thmb-chic.jpg);}
a.slideb {background:url(images/thmb-orglady.jpg);}
a.slidec {background:url(images/thmb-mrkeyboard.jpg);}
a.slided {background:url(images/thmb-keyboardwiz.jpg);}
a.slidee {background:url(images/thmb-jazzy.jpg);}
a.slidef {background:url(images/thmb-windowtinting.jpg);}
a.slideg {background:url(images/thmb-exsound.jpg);}
a.slideh {background:url(images/thmb-needles.jpg);}
a.slidei {background:url(images/thmb-drjim.jpg);}
a.slidej {background:url(images/thmb-dandelion.jpg);}
a.slidek {background:url(images/thmb-coinprofits.jpg);}
a.slidel {background:url(images/thmb-cyborg.jpg);}
a.slidem {background:url(images/thmb-distinct.jpg);}

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


a.slidea em {background:url(images/webchic.jpg) 5px 5px  no-repeat;}
a.slideb em {background:url(images/orglady.jpg) 5px 5px  no-repeat;}
a.slidec em {background:url(images/mrkeyboard.jpg) 5px 5px  no-repeat;}
a.slided em {background:url(images/keyboardwiz.jpg) 5px 5px  no-repeat;}
a.slidee em {background:url(images/jazzy.jpg) 5px 5px  no-repeat;}
a.slidef em {background:url(images/windowtinting.jpg) 5px 5px  no-repeat;}
a.slideg em {background:url(images/exsound.jpg) 5px 5px  no-repeat;}
a.slideh em {background:url(images/needles.jpg) 5px 5px  no-repeat;}
a.slidei em {background:url(images/drjim.jpg) 5px 5px  no-repeat;}
a.slidej em {background:url(images/dandelion.jpg) 5px 5px  no-repeat;}
a.slidek em {background:url(images/coinprofits.jpg) 5px 5px  no-repeat;}
a.slidel em {background:url(images/cyborg.jpg) 5px 5px  no-repeat;}
a.slidem em {background:url(images/distinct.jpg) 5px 5px  no-repeat;} 

/* styling for TOP gallery */
#container_top {position:relative; width:475px; height:500px; background:transparent; border:1px solid #CC99FF; margin:0 0 0 25px;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:10px; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width:502px; height:60px; top:150px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #fff;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top: 200px; left:5px; color:#fff; padding:5px; border:1px solid #3d330f; z-index:50;}
#container_top h1 {/*clear:both;*/ margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}