* {
   margin: 0;
   padding: 0;
   border: 0;
}
html,body{
   height: 100%;
}
html>body #out{
   height: auto;
}
#bottom{
   height: 60px;
   position: relative;
}
#center{
   margin-right: 50px;
   padding-bottom: 240px;
}
#clear{
   clear: both;
   height: 60px;
   width: 100%;
}
#container{
   float: right;
   margin-left: -230px;
   width: 100%;
}
#left{
   float: left;
   width: 230px;
}
#left-content {
   margin-bottom: 210px;
}
#main{
   margin-left: 230px;
}
#out{
   height: 100%;
   min-height: 100%;
   margin-bottom: -60px;
}
#out,#bottom{
   min-width: 880px;
   width: expression((documentElement.clientWidth||document.body.clientWidth)<880?'880px':'auto');
}
#right{
   float: right;
   width: 50px;
}
#right-content {
   margin-bottom: 240px;
}
#top{
   height: 234px;
}
#top-content {
   height: 100%;
}
#top-content ul {
   margin: auto;
   padding-top: 180px;
   width: 696px;
}
#top-content li {display: inline;}
#left-pic {
   position: absolute;
   bottom: 0;
}
#left-pic div {
   height: 262px;
   width: 286px;
}
#left-menu {
   margin: 25px 0 20px 9px;
   width: 185px;
}
#left-menu li {
   padding-top: 6px;
   margin-top: 6px;
   display: block;
}
#left-menu li a {
   margin-left: 27px;
   display: block;
}
#cup {
   float: right;
   margin: 16px 0px 250px 25px;
}
.main-page {
   padding-top: 10px;
}
.main-page #center-content {
   margin-right: 150px;
}