body{background:url(../pix/bg.jpg) left top repeat-x #000000;margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}



#main{
width:994px;
height:auto;
min-height:auto;
padding:0;
margin:0 auto;
position:relative;

}


.toplog{
float:left;
width:994px;
height:120px;
padding:0;
margin:0;

}


#logo{
width:540px;
height:120px;
float:left;

}

#logo img{
width:350px;
height:120px;
float:left;
}

#hits{
width:440px;
height:120px;
float:right;

}


#hits b{
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
font-weight:normal;
color:#888;
letter-spacing:-5px;
margin-top:40px;
float:right;
}



.topnav{
float:left;
width:994px;
height:60px;
padding:0;
margin-bottom:15px;
position:relative;
}


#info{
width:325px;
height:35px;
float:left;
margin: 12px 0px;
color:#888;
font-size:12px;
position:relative;
overflow:hidden;
outline:hidden;
}


#info a{
text-decoration:none;
color:#fff;
font-weight:bold;
font-size:14px;
}


#switcher{
float:right;
width:214px;
height:40px;
margin-top:9px;
margin-right:5px;
cursor:pointer;
}


.topbox{
float:right;
width:auto;
height:40px;
margin-top:9px;
margin-right:4px;
cursor:pointer;
}



.galla{
width:994px;
height:auto;
min-height:810px;
float:left;
position:relative;
z-index:1;


}

.frame{
width:326px;
float:left;
margin-right:2px;
}

.screen{
float:left;
width:666px;

}





#links{
width:657px;
height:auto;

z-index:1000;
position:absolute;
right:5px;
top:-28px;
padding:0px;
display:none;
}

.tn{
float:left;
width:657px;
height:auto;
background:url(../pix/tn.png) left top no-repeat;
padding:10px 15px 18px 13px;
}

.bn{
float:left;
width:657px;
height:17px;
background:url(../pix/bn.png) left bottom no-repeat;
}

ul#switch{
height:auto;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}


ul#switch li{
float:left;
width:200px;
border-bottom:1px dotted #444;
padding:10px 0;
margin-right:12px;
font-size:13px;
}

ul#switch li.on a{
font-weight:bold;
}

ul#switch li.on b{
color:#FF3300;
}

ul#switch li.on i{
color:#000;
}

ul#switch li a{
text-decoration:none;
color:#222;
float:left;
font-size:13px;
}

ul#switch li a:hover{
color:#FF3300;
}

ul#switch li b{
color:#000;
float:right;
font-size:14px;
}

ul#switch li i{
font-style:normal;
color:#FF3300;
float:left;
font-size:9px;
padding-right:9px;
margin-top:2px;
font-weight:bold;
}









.thumb{

background:url(../pix/ig.jpg) left top no-repeat #111;
float:left;
margin:0 3px 3px 0;
padding:0;
width:108px;
height:159px;

}

.thumb img{
width:100px;
height:151px;
padding:3px;
border:1px solid #333;
}

.thumb b{
display:none;

}

.thumb img:hover{
width:108px;
height:159px;
padding:0;
border:none;
}








.nav{

background:url(../pix/mg.jpg) left bottom repeat-x;

width:325px;
height:241px;
position:absolute;
left:0;
top:565px;






display:block;
float:left;




text-align:left;

margin-left:0;
margin-top:1px;

}
.nav a{
background:url(../pix/rg.jpg) left bottom repeat-x;
color:#999;
float:left;
height:21px;

margin-bottom:-1px;
margin-right:-1px;

padding:9px;
text-decoration:none;
width:35px;

border: 1px solid #333;
font-size:12px;

}
.nav a.on{
background-color:#FFCC00;
color:#333;

border: 1px solid #FFFF00;


}
.nav a.ov{
background-color:#111;
color:#FFCC00;


border: 1px solid #333;

}





.banner{
float:left;
width:323px;
height:157px;

background-color:#111;
border: 1px solid #222;
margin-right:0;




}



.banner img{
float:left;

width:320px;
height:153px;
padding:2px;

}




.adsline{
width:989px;
height:auto;
text-align:left;
border: 1px solid #222;
padding:0;
float:left;
margin-top:0px;
margin-bottom:3px;

}

.absline{
width:991px;
height:auto;
text-align:left;
padding:0;
margin:0;
float:left;

}


.gilant{
width:304px;
height:auto;

color:#888;

float:left;
padding:13px 10px;
background-color:#111;

border-right:1px solid #222;
font-size:12px;
}

.gilant a{
text-decoration:none;
color:#999;
padding:0 5px;
}

.gilant a:hover{
color:#FFCC00;
}


.google{
width:644px;
height:auto;

color:#fff;

float:left;
padding:13px 10px;
font-weight:bold;
font-size:12px;


}


.google a{
color:#888;
padding:0 8px;
font-weight:bold;
font-size:12px;
}

.google a:hover{
text-decoration:none;
color:#fff;
}




#partners{
width:993px;
height:auto;
margin-top:4px;
margin-left:1px;
float:left;
}


.ico{


float:left;
margin-top:-1px;
margin-left:-1px;
padding:0;
width:109px;
height:93px;

border:1px solid #222;

}

.ico img{
width:109px;
height:93px;

-khtml-opacity:0.25;
-moz-opacity:0.25;
filter:alpha(opacity=25);
opacity:0.25;


}

.ico img:hover{
-khtml-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;


}


.mic{

background:url(../pix/ig.jpg) left top no-repeat #111;
float:left;
margin-left:3px;
padding:0;
width:108px;
height:159px;

}

.mic img{
width:100px;
height:151px;
padding:3px;
border:1px solid #333;
}

.mic b{
display:none;

}

.mic img:hover{
width:108px;
height:159px;
padding:0;
border:none;
}


.footer{
width:100%;
background:url(../pix/fg.jpg) left top repeat-x #000000;
padding-top:5px;
padding-bottom:35px;
margin-top:9px;
float:left;
border-bottom:3px solid #FFCC00;
}


.liner{
width:100%;
padding-top:5px;
padding-bottom:15px;
margin-top:9px;
margin-bottom:9px;
float:left;
color:#666;
border-bottom:1px solid #222;

}

.liner-info{
width:994px;
height:auto;
margin:0 auto;
font-size:12px;
}


















#copyra{
width:100%;

background:url(../pix/bg.jpg) left top repeat-x #DF8D03;
padding-top:40px;
padding-bottom:27px;
margin-top:9px;
float:left;
color:#000000;
}

.copyra-info{
width:994px;
height:auto;
margin:0 auto;
}


.copyra-info b{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
}

.copyra-info a{
color:#000000;
font-weight:bold;
text-decoration:none;
}


.boxi{
width:994px;
height:auto;
min-height:auto;
padding:0;
margin:0 auto;
position:relative;

}



#tags{
float:left;
width:150px;
font-size:11px;
padding:0;
color:#666;
margin-left:10px;

}

#tags a{
color:#666;
font-weight:bold;

}

#tags a:hover{
color:#fff;
text-decoration:none;

}


.mainform{
float:left;
width:331px;
height:155px;
position:relative;
overflow:hidden;
outline:hidden;
}

.maincode{
float:left;
width:321px;
height:155px;
font-size:11px;
padding:0;
color:#999;
position:relative;
overflow:hidden;
outline:hidden;
}

.maincode a{
color:#fff;
font-size:11px;
text-decoration:none;
}

.maincode a:hover{
color:#888;
}



.maincode img, #tags img{
float:left;
width:60px;
height:60px;
padding-right:7px;
padding-bottom:5px;
}



.maincode h1, #tags h1{
color:#FFFFFF;
font-size:18px;
display:block;
margin-bottom:8px;

}

.maincode h2, #tags h2{
color:#FFFFFF;
font-size:16px;
display:block;
margin-bottom:8px;

}


.maincode h3, #tags h3{
color:#FFFFFF;
font-size:14px;
display:block;
margin-bottom:8px;
font-weight:bold;

}


#nav {
width:990px;
float:left;
list-style:none;
font-size:12px;
}
#nav li {
float:left;
margin:0 4px 0;
position:relative;
}
#nav li a {
display:block;
text-decoration:none;
font-weight:bold;
color:#999;
border:0;
}

#nav li.selected a{
color:#fff;
}

#nav li a:hover {
text-decoration:none;
color:#FFCC00;
}






































ul#ilink{float:left;width:500px;list-style:none;font-weight:700;font-size:11px;padding:0;}
ul#ilink li{
float:left;
margin-right:5px;
padding:8px 0; 

border-bottom:1px dashed #333333;
width:160px;
}



ul#ilink li a{
float:left;
display:block;
text-decoration:none;
color:#777;
padding:0px 2px;
font-weight:normal;
}

ul#ilink li a:hover{color:#FFCC00; font-weight:bold;}