html,body{margin:0;padding:0;   min-height:100%;
  height:auto;
background: url('leslei.net/portfolio/images/bg.png') top center fixed; padding-bottom:60px; color: #FFFFFF}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative; background: url('leslei.net/portfolio/images/header3.png') no-repeat center;width: 100%; height: 154px;}

div#header a{position:absolute;right:0;top:23px}
div#content p{line-height:1.4;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#wrapper{margin-left: auto; margin-right: auto; width: 939px; padding-bottom:60px;  }
div#content{width:300px;float: left; margin-right: 20px; color: #ffffff; border: solid 0px #ffffff; background-color: #; }
div#navigation{width:300px;float: left;  margin-right: 19px; border: solid 0px #ffffff;  background-color: #;}
div#extra{width:300px;float: left; border: solid 0px #ffffff; background-color: #; }
div#footer{
   width:99%;  
   height: 48px;
   text-align: right;
   clear: both;
   margin-bottom: -110px;
   position: relative;


}
div#container{width:100%;   min-height:100%;
   position:relative; height:100%;

}

ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 15px;    
}

ul.hover_block li, ul.hover_block2 li {
   list-style:none;
   background: #d2ff00;
   padding: 10px;
   width:200px; position: center;
   margin-right: 20px;
}

ul.hover_block li a, ul.hover_block2 li a {
   display: block;
   position: relative;
   overflow: hidden;
   height: 89px;
   width: 168px;

   padding: 16px;
   color: #404040;
   font: 12px Tahoma, Arial, sans-serif;
}

ul.hover_block li a, ul.hover_block2 li a { text-decoration: none;    
}

ul.hover_block li img, ul.hover_block2 li img {
   position: absolute;
   top: 0;
   left: 0;

   border: 0;
text-align: center;
}