#container {position:relative; float:left; width:500px; height:300px; background:url(../img/galf.jpg) no-repeat; border:3px solid #105074; margin:0 auto; margin-right:5px;  margin-left:5px; font-family:verdana, arial, sans-serif; font-size:12px;}

#container a.pics {float:left; margin:5px 18px;  margin-top:250px; display:inline; color:#105074; text-decoration:none; border:2px solid #105074; width:60px; height:60px; cursor:default;}
#container a.pics img.thumb {display:block; border:0;}

#container a.pics span {padding:0 5px; color:#00456d; font:11px Verdana; display:none; border:0; width:470px; height:235px; background:url(../img/gal.png) no-repeat; border:1px solid #b1cbd9; text-align:center;}
#container a.pics span img {margin:10px auto; border:2px solid #105074;}

#container a.pics:hover {white-space:normal; border:2px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:9px; z-index:10; height:235px;}

#container a.pics:active {border:2px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:9px; z-index:5; height:235px;}

#container a.pics:focus {border:2px solid #fc0; outline:0;}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:9px; z-index:5; outline:0;}