* {
margin: 0px;
padding: 0px;
}

img {
border: 0px;
}
body {
position: relative;
background: url('./i/background.gif');
font-family: Arial;
font-size: 12px;
}
#menu {
width: 352px;
height: 494px;
background: url('./i1/menu_bg.jpg') no-repeat;
position: absolute;

}
#menu ul{
list-style: none;
margin-top: 134px;
}
#menu ul li a{
color:#fff;
font-size:16px;
font-family:Myriad Pro;
text-decoration:none;
}
#menu ul li a:hover{
color:#ff6525;
font-size:16px;
font-family:Myriad Pro;
text-decoration:none;
}
#menu ul li{
padding-left: 45px;
padding-top: 5px;
height:35px;

}
.a1{background: url('./i1/a1.gif') no-repeat left center; margin-left: 52px;}
.a2{background: url('./i1/a2.gif') no-repeat left center; margin-left: 28px;}
.a3{background: url('./i1/a3.gif') no-repeat left center; margin-left: 21px;}
.a4{background: url('./i1/a4.gif') no-repeat left center; margin-left: 20px;}
.a5{background: url('./i1/a6.gif') no-repeat left center; margin-left: 27px;}
.a6{background: url('./i1/a5.gif') no-repeat left center; margin-left: 44px; margin-top:-5px;}
.a7{background: url('./i1/a7.gif') no-repeat left center; margin-left: 73px; margin-top:-5px;}
.a8{background: url('./i1/a8.gif') no-repeat left center; margin-left: 107px; margin-top:-5px;}

.b1{background: url('./i1/b1.gif') no-repeat left center; margin-left: 52px;}
.b2{background: url('./i1/b2.gif') no-repeat left center; margin-left: 28px;}
.b3{background: url('./i1/b3.gif') no-repeat left center; margin-left: 21px;}
.b4{background: url('./i1/b4.gif') no-repeat left center; margin-left: 20px;}
.b5{background: url('./i1/b6.gif') no-repeat left center; margin-left: 27px;}
.b6{background: url('./i1/b5.gif') no-repeat left center; margin-left: 44px; margin-top:-5px;}
.b7{background: url('./i1/b7.gif') no-repeat left center; margin-left: 73px; margin-top:-5px;}
.b8{background: url('./i1/b8.gif') no-repeat left center; margin-left: 107px; margin-top:-5px;}

#stat {
width: 182px;
height: 127px;
background: url('./i1/stat.jpg') no-repeat;
position: absolute;
top: 494px;
left:0px;
color: #fff;
padding-top: 25px;
padding-left: 20px;
}
#recom {
position: absolute;
top: 700px;
left:67px;
width: 234px;
height: 448px;
}
#banner {
position: absolute;
top: 700px;
left:67px;
width: 120px;
height: 240px;
}
#att {
position: absolute;
top: 984px;
left:67px;
width: 121px;
height: 127px;
}
#login {
width: 227px;
height: 408px;
background: url('./i1/form.jpg') no-repeat;
position: absolute;
top: 0px;
left: 352px;
color: #fff;
}
.cop, .opt, .web, .part,  a{
font-family: Myriad Pro;
font-size: 14px;
color: #ff6625;
}
.cop {

position: absolute;
right: 7%;
top: 23px;
width: 96px;
height: 24px;
background: url('./i1/copy_i.jpg') top left no-repeat;
padding-top: 111px;
padding-left: 31px;
z-index: 1;
}
.opt {
position: absolute;
right: 15%;
top: 158px;
width: 91px;
height: 20px;
background: url('./i1/seo_i.jpg') no-repeat;
padding-top: 98px;
padding-left: 27px;
z-index: 1;
}
.web {
position: absolute;
right: 28%;
top: 248px;
width: 77px;
height: 31px;
background: url('./i1/web_i.jpg') no-repeat;
padding-top: 77px;
padding-left: 34px;
z-index: 1;
}
.part {
position: absolute;
right: 41%;
top: 292px;
width: 61px;
height: 23px;
background: url('./i1/part_i.jpg') no-repeat;
padding-top: 63px;
padding-left: 29px;
z-index: 1;
}
#content {
width: 620px;
margin-left: 313px;
padding-top: 420px;
color: #656565;
font-size: 12px;
}
.buy {
margin-left: 106px;
width: 515px;
}
.buy h1{
color: #ff6525;
font-weight: bold;
font-size: 14px;
}
.copyr h1{
color: #ff6525;
font-weight: bold;
font-size: 14px;

}
.webm h1{
color: #6fbf04;
font-weight: bold;
font-size: 14px;
}
.seoop h1{
color: #1cb1ff;
font-weight: bold;
font-size: 14px;
}
.login, .pass {
border: 0px;
background: url('./i1/f_bg.gif') no-repeat;
width: 122px;
height:  19px;
}
.login {
margin-top: 78px;
margin-left: 36px;
color: #6fbf04;
padding-top:1px;
padding-left: 5px;
}
.pass {
margin-top: 13px;
margin-left: 56px;
color: #6fbf04;
padding-top:1px;
padding-left: 5px;
}
.check {

margin-left: 68px;

}
.but {
margin-top: 10px;
margin-left: 72px;
}
#footer {
height:65px;
background:url(./i/background_bottom.gif);
}
#logo_bottom{
background:url(./i/logo_bottom.gif) no-repeat right center;
width:100%;
height:65px;
}
#bottom{
background:url(./i/bottom.gif) no-repeat left center;
width:100%;
height:65px;
}
#copy {
color:#027294;
font-family:Arial;
font-size:12px;
width:197px;
float:left;
}
#copy div {
padding-top:30px;
}
#bottom_counters{
padding-left:30px;
padding-top:28px;
float:left;
}
#bottom_text{
padding-top:12px;
color:white;
font-size:12px;
font-family:Arial;
padding-right:200px;
}
#bottom_text a{
color:white;
font-size:12px;
font-family:Arial;
text-decoration:none;
}
#bottom_counters img{
margin-right:5px;
}