.a, .a:visited {color:#000;}
#container {position:relative; width:600px; height:700px; background:#a0a8b0; border:solid 1px #000; margin:10px auto;}
#container b {font-weight:normal; width:600px; 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:solid 1px; width:100px; height:66px; float:left; margin:7px 6px; position:relative; cursor:default;}
a.slidea {background:url(media/newwork/newworkth.jpg);}
a.slideb {background:url(media/newwork/fromthedeckth.jpg);}
a.slidec {background:url(media/newwork/fromthedockth.jpg);}
a.slided {background:url(media/newwork/fromthelaketh.jpg);}
a.slidee {background:url(media/newwork/myfirstschoolhouseth.jpg);}
a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:100px; left:9px; color:#000; background:#ccc; text-align:center; border:solid 1px #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", verdana, sans-serif; letter-spacing:1px; cursor:default;}
a.slidea span {left:0; top:100px;}
a.slideb span {left:-111px; top:100px;}
a.slidec span {left:-222px; top:100px;}
a.slided span {left:-334px; top:100px;}
a.slidee span {left:-446px; top:100px;}
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 #000; position:relative; z-index:100;}
element { }
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;}