img{
border:1px solid #033; 
}
.container {
position:relative;
float: left; 
width:415px; 
height:340px; 
background:#caeae6; 
border:1px solid #033; 
margin:10px 24px 10px 0; 
font-family:verdana, arial, sans-serif; 
font-size:12px;
}
.container a.pics {
float:left; 
padding:3px 3px; 
display:inline; 
color:#000; 
text-decoration:none; 
width:75px; 
height:75px; 
cursor:default;
}
.container a.pics img.thumb {
display:block; 
border:1px solid #999;}

.container a.pics span {
display:none; 
border:0; 
width:390px; 
text-align:center;
}

.container a.pics span img {
border:1px solid #033;
}

.container a.pics:hover {white-space:normal;}
.container a.pics:hover img.thumb {border:1px solid #033;}
.container a.pics:hover span{
display:block; 
position:absolute; 
left:5px; 
top:65px; 
background:#caeae6; 
z-index:10; 
height:270px;
}
.container a.pics:active img.thumb {border:1px solid #fc0;} 
.container a.pics:active span {
display:block; 
position:absolute; 
left:5px; 
top:65px; 
z-index:5; 
height:300px;}

.container a.pics:focus {outline:0;}
.container a.pics:focus img.thumb {border:1px solid #fc0}
.container a.pics:focus span {
display:block; 
position:absolute; 
left:5px; 
top:65px; 
z-index:5; 
outline:0; 
height:300px;}

.container span.info {
clear:left; 
display:block; 
text-align:center; 
line-height:20px; 
margin:0; 
padding:100px 0 0 0; 
width:410px; 
text-align:center; 
color:#033; 
z-index:1;}
.container span.info a {color:#000;}
.container span.info a:hover {text-decoration:none;}