#adopt {
 width:720px; 
 min-height:600px;
 padding:0px;
 float:left;
 z-index:35; }

#adopt h1{
 width:600px; 
 margin:10px;
 z-index:35; }

#adopt ul {
 list-style:none;
 padding:0; 
 margin:5px; 
 width:200px;
 position:relative;
}

#adopt span.default {
 position:absolute;
 width:400px;
 margin-left:255px;
 
 }

#adopt span.default img {
 display:block; 
 width:400px; 
 height:400px; 
 border:1px solid #eee; 
 z-index:100;
 }

#adopt span.default p {
 display:block; 
 color:#fff; 
 font-family:verdana, arial, sans-serif; 
 font-weight:normal; 
 font-size:14px; 
 width:400px;
 padding-top:10px;
 margin:0;
 text-align:center;
 z-index:100;}


#adopt ul li {
 display:inline; 
 width:80px; 
 height:80px; 
 float:left; 
 margin:0 0 5px 5px;
}

#adopt ul li a {
 display:block;
 width:80px; 
 height:80px;
 text-decoration:none; 
 border:1px solid #eee; 
 background: #cccc99 url(adopt_img/hover.gif);

}

#adopt ul li a p {display:none;}

#adopt ul li a em {display:none;}

#adopt ul li a img {
 display:block;
 width:80px; 
 height:80px; 
 border:0;}

#adopt ul li a:hover {
 border-color:#cc6600;
 white-space:normal; 
  }

#adopt ul li a:hover span {
 position:absolute; 
 left:350px; 
 top:100px; 
 width:200px; 
 text-align:center; 
 z-index:500;}

#adopt ul li a:hover p{
 display:none; 
 font-size:0px;
 margin:0;}

#adopt ul li a:hover em {
 display:block;
 text-align:center; 
 font:900 18px tahoma, arial, sans-serif;  
 color:#fffccc;
 margin-top:-30px;
 }

#adopt ul li a:hover img {
 margin:0; 
 width:200px; 
 height:200px;
 border:1px solid #8e8; 
}

#adopt ul li a:active, #adopt ul li a:focus{
  white-space:normal; 
  background: url(adopt_img/adoptme.gif);
  width:80px;
  height:80px;
 }

#adopt ul li a:active span, #adopt ul li a:focus span {
 display:block;
 position:absolute;
 top:0px;
 left:250px; 
 width:400px;
 z-index:400;
}


#adopt ul li a:active span p, #adopt ul li a:focus span p {
 display:block;
 position:relative;
 color:#fff; 
 font: normal 14px arial, sans-serif; 
 background:#110E0F;
 width:400px; 
 height:120px;
 padding-top:10px;
 margin:0;
 text-align:center;
 border-top:1px solid #eee; 
z-index:400;}

#adopt ul li a:active span em, #adopt ul li a:focus span em {
 display:block;
 position:relative;
 text-align:center; 
 font:900 24px tahoma, arial, sans-serif; 
 color:#660000;
 width:400px;
 margin-top:-30px; 
 padding:0px;
 z-index:400;}

#adopt ul li a:active span img, #adopt ul li a:focus span img{
display:block; 
position:relative;
margin:0; 
 width:400px; 
 height:400px; 
 border:1px solid #eee; 
z-index:400;}