@import url(common.css);

#main{position:relative;height:100%;min-height:100%;margin:0 0 -50px;background:url(../i/back-top.jpg) repeat-x;}
/*#main,#bottom{width:100%;min-width:780px;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<780?'780px':'100%');}*/
#main,#bottom{width:100%;min-width:1004px;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1004?'1004px':'100%');}
html>body #main{height:auto;}
#clear{clear:both;height:50px;}

#in{max-width:1004px;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1004?'100%':'1004px');}

#left .in,#right .in{height:765px;}

#left{position:relative;float:left;width:50%;background:url(../i/back-left.jpg) no-repeat 100% 84px;}
#left .in{background:url(../i/about.gif) no-repeat 100% 640px;}
#left .logo{height:640px;margin-right:90px;background:url(../i/logo.gif) no-repeat 100% 36px;}

#right{float:right;width:100%;margin:0 0 0 -50%;}
#right .in{position:relative;margin:0 0 0 50%;background:url(../i/back-right.jpg) no-repeat 0 84px;}

#right ul,#right li{margin:0;padding:0;list-style:none;}

#right .top{position:absolute;top:160px;left:25px;/*width:360px;background:#000;*/}
#right .top li{float:left;height:17px;margin-right:15px;border-bottom:2px;}
#right .top a,#right .top span{display:block;height:100%;width:100%;}

#right .bottom{height:635px;}
#right .bottom ul{float:left;padding:265px 24px 0 10px;}
#right .bottom li{float:left;clear:left;margin:0 0 20px;padding:0 0 0 15px;background:url(../i/bottom-li.gif) no-repeat 0 3px;}
#right .bottom li img{float:left;}

#right .content{padding:0 25px;}
#right .content p{padding:0 0 10px;}

#bottom{height:50px;background:url(../i/bottom-right.gif) no-repeat 100% 0;}