@charset "utf-8";
/* CSS Document */

* {
margin:0; 
padding:0;
}
html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
body {
font-family: Humanst521 BT, times new roman; 
font-size:14px; 
background: #666666;
color:#fff;
text-align:center;
}
#wrapper {
width:900px; 
margin:0 auto;
text-align:left;
}
h1 {
color: #cccccc; 
font-size:32px; 
font-family: CopprplGoth Bd BT; 
font-weight: bold; 
padding:20px 0;
}
#left {
float:left; 
width:770px;
height:578px;
padding-bottom:20px;
}
#right {
width:125px; 
float:right;
}
.clear {
clear:both; 
height:1%;
}
#footer {
text-align:center; 
color:#ccc; 
font-family:times new roman; 
font-size:16px;
position:absolute; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:51px; z-index:4; 
}
a{
text-decoration: none; 
color: #ffffff; 
font-size:24px; 
font-family: Humanst521 BT
}
a:visited{text-decoration: none;}
a:hover{text-decoration: none; color:#cccccc;}
a.active{text-decoration: none; color:#000;}


#left ul {list-style:none; padding:0; margin:0; width:770px; position:absolute; top:500px; float:left;}
#left ul li {display:inline; width:77px; height:77px; float:left; margin:0 0 0px 0px;}
#left ul li a {display:block; width:75px; height:75px; text-decoration:none; border:1px solid #000;}
#left ul li a img {display:block; width:75px; height:75px; border:0;}
#left ul li a:hover {white-space:normal; border-color:#ddd;}
#left ul li a:hover img {position:absolute; left:78px; top:-424px; width:auto; height:auto; border:5px solid #000;}

.bio {clear:left; padding:0 20px; font-family: Verdana, Arial, Helvetica, sans-serif;}