/* CSS Document */

#info {position:relative; background:#fff url(pic1b.gif) 175px 54px no-repeat;}
#info h2 {background:#fff url(../css/info.gif) repeat-x; margin-top:-20px; padding-top:20px;}

a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:0px; width:65px; height:55px; margin:0px; float:left;}
a.slidea {background:url(../images/commercialwoodworking_thumbnail2.gif); background-repeat:no-repeat;}
a.slideb {background:url(../images/commercialwoodworking_thumbnail3.gif); background-repeat:no-repeat;}
a.slidec {background:url(../images/commercialwoodworking_thumbnail4.gif); background-repeat:no-repeat;}
a.slided {background:url(../images/commercialwoodworking_thumbnail4.gif); background-repeat:no-repeat;}

a.gallery span {display:block; position:absolute; margin-left:20px; left:2px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100;}
.slidek {display:block; position:absolute; width:209px; height:180px; top:5px; left:22px; padding:0px; border:0px;}
a.gallery:hover {white-space:nowrap; border:0px;}
a.gallery:hover img {border:0px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:0px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; margin-left:20px; overflow:hidden; width:209px; height:180px; top:5px; left:2px; z-index:100;}
a.gallery:active {border:0px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:none;}
#thumbs {width:222px; height:55px;}
#pad {height:320px; width:100px;}