#container {border:0; margin:2px; position:relative; font-size:9px; }
#container b {z-index:1; color:#eee; position:absolute; bottom:0; text-align:center; }

a.gallery {border:#333 1px solid; display:inline; float:left; margin:0 2px; color:#000; position:relative; width:75px; height:47px; text-decoration:none; }

a.slidea {background:url(mmup_images/aug04/car-on-highway_sm.jpg); }
a.slideb {background:url(mmup_images/aug04/derby-crowd_sm.jpg); }
a.slidec {background:url(mmup_images/aug04/strawberry-boys_sm.jpg); }
a.slided {background:url(mmup_images/aug04/woman-on-bridge_sm.jpg); }

a.gallery span {border:#333 1px solid; display:block; background:#ccc; width:500px; height:370px; color:#000; position:absolute; top:-100px; left:320px; text-align:center; visibility:hidden; }

a.slidea span {left:330px; top:0px; }
a.slideb span {left:250px; top:0px; }
a.slidec span {left:170px; top:0px; }
a.slided span {left:90px; top:0px; }

a.gallery:hover {z-index:100; }
a.gallery:hover span {z-index:100; visibility:visible; }
a.gallery:hover span img {border:#000 1px solid; z-index:100; margin:10px; position:relative; }
a.gallery:active {z-index:10; }
a.gallery:focus {z-index:10; }
a.gallery:active span {z-index:10; visibility:visible; }
a.gallery:focus span {z-index:10; visibility:visible; }
a.gallery:active span img {z-index:10; margin:10px; position:relative; }
a.gallery:focus span img {z-index:10; margin:10px; position:relative; }