/* Gallery */
.a, .a:visited {color:#000;}
#container {position:relative; width:550px; height:550px; margin:10px auto;}
#container b {font-weight:normal; width:550px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

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

a.slide1 {background:url(images/garage/garage1_s.jpg)}
a.slide2 {background:url(images/garage/garage2_s.jpg);}
a.slide3 {background:url(images/garage/garage3_s.jpg);}
a.slide4 {background:url(images/garage/garage4_s.jpg);}
a.slide5 {background:url(images/garage/garage5_s.jpg);}
a.slide6 {background:url(images/garage/garage6_s.jpg);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:535px; height:375px; top:189px; left:9px; color:#000; background:#23233a; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slide1 span {left:-12px; top:170px;}
a.slide2 span {left:-121px; top:170px;}
a.slide3 span {left:-230px; top:170px;}
a.slide4 span {left:-339px; top:170px;}
a.slide5 span {left:-448px; top:170px;}
a.slide6 span {left:-12px; top:80px;}

a.gallery:hover {white-space:normal; border:1px solid #000; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid #c00; 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 #000; position:relative; margin:10px; z-index:10;}