* {
	margin: 0;
	padding: 0;
}

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333;
background:url(../img/bg.gif) repeat-x 0px 31px
}

a {
text-decoration: none;
color: #362e19;
}
a:hover {
text-decoration: underline;
color: #4a3c19;
}
ul{ margin:0; padding:0}
li{ list-style-position:inside; margin:0; padding:0}

b, strong{ font-weight:bold}

#container {
width: 980px;
margin:0px auto;
padding:0px;
background-color:transparent
}

#header{
height:100px;
margin:0px auto;
font-family: Verdana; font-size:11px; color:#777777;
}

#menu{ margin:0; padding:0; width:auto; height:33px; text-align: center;}
#menu ul{ margin:0px 0px 0px 170px; padding:0; height:33px}
#menu ul li{margin:0px 15px; padding:0; height:31px; float:left; text-align:center; list-style:none; }
#menu ul li a{ display:block; font-family: Arial; font-size:13px; font-weight:bold; line-height:26px; text-decoration:none; color:#333;}
#menu ul li a:hover{ display:block; font-family:  Arial; font-size:13px; font-weight:bold; line-height:26px; text-decoration:none; color:#333;}
#menu ul li a span{color:#fff;}
.on{background: transparent url(../img/ml.gif) no-repeat left top; padding:0px 0px 0px 5px;}
.on1{ display:block; background:inherit;background: url(../img/mr.gif) no-repeat right top; padding:0px 10px 0px 5px}

#main{width: 980px;
height: auto;
margin:0px auto;
padding:20px 0px 10px 0px;}

#mainleft{ margin:0; padding:0; float:left; width:205px; height:auto}
#cathead{ margin:0; padding:0;width:198px; height:50px; background:url(../img/titletop.gif) 0px 0px no-repeat; text-align:center; font-family:Arial; font-size:18px; font-weight:bold; color:#333333; line-height:50px}
#cattop{ margin:0; padding:0px 0px 0px 28px;width:168px; height:28px; background:url(../img/titletop.gif) 0px -51px no-repeat; border-left:1px solid #ccc; border-right:1px solid #ccc; font-family:Arial; font-size:13px; font-weight:bold; color:#333333; line-height:28px }
#catcon{ margin:0; padding:5px 0px 5px 16px;width:180px; height:auto; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:11px}
#howtop{ margin:0; padding:0px 0px 0px 28px;width:168px; height:28px; background:url(../img/howtop.gif) no-repeat; border-left:1px solid #ccc; border-right:1px solid #ccc; font-family:Arial; font-size:13px; font-weight:bold; color:#333333; line-height:28px }
#howtocon{ margin:0; padding:5px 0px 5px 3px;width:193px; height:auto; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:11px}
#howtocon p{font-size:11px; line-height:15px;background:url(../img/paper.gif) no-repeat 0px 3px; padding:0px 0px 10px 14px;}
#catcon ul{ margin:0; padding:0; width:160px; height:auto; line-height:22px; list-style-position:inside}
#catcon ul li{ margin:0; padding:0; list-style: inside circle}

#mainright{ margin:0; padding:0; width:775; height:auto;float:left;}

#content {
margin:0;
padding:0;
width:775px;
height: auto
}

#conleft{ margin:0; padding:0px 0px 0px 15px; width:755px; float:left}
.location{ margin:0; padding:0; height:30px; width:auto; line-height:30px}
.feature{ margin:10px 0px 5px 0px; padding-bottom:5px;font-family:Arial; font-size:22px; line-height:24px; color:#cc0000; font-weight:bold; border-bottom:1px #CCCCCC solid  }
.feapro{ margin:0; padding:0px 0px 10px 0px; width:750px; height: auto; font-size:11px}
.feapro img{ float:left; margin:0px 10px 0px 5px}
.feapro strong{ font-size:13px; font-weight:bold; line-height:20px; font-family:Arial}
.feapro strong a{ color:#0066CC}
.feaproleft{ margin:0; padding:0; width:750px; height: 230px;}
.feaproleft h1{ margin:0; padding:0}
.feaproaward{width:120px; height:auto; text-align:center; float:right; border:#CCCCCC 1px solid; margin:20px 0px 0px 5px}
.feaproaward img{ margin:10px 5px}
.btn{ width:520px; margin:0px 0px 0px 180px; padding:0; line-height:50px; font-size:12px; clear:left}
.btn img{ margin: 10px 10px}
.down{float:left; margin-left:1px; width:auto}
.buy{float:left;margin-left:30px; color:#FF6600; font-weight:bold; width:auto }

.title{ margin:0px;padding:25px 0px 5px 3px;font-family:Arial;  font-size:18px; line-height:22px; color:#333333; font-weight:bold; clear:left; border-bottom:1px #CCCCCC solid }

.func{ margin:0px; padding:10px 10px 0px 10px; width:355px; height:auto; float:left;}
.func li{ margin:0; padding:0; font-size:13px; font-weight:bold; list-style-position:inside}
.func p{margin:5px 0px 0px 0px; padding:0; font-size:11px; font-weight:normal}
.func ul{ margin:0px 0px 10px 0px; padding:0; line-height:22px; font-size:11px}
.func ul li{ font-weight:normal; font-size:11px}
.func strong a{ color:#006699}
.func strong h2{ margin:0; padding:0}
.func a{ color:#cc0000;}
.popular{ width:740px; height:100px; margin-top:10px}
.popular a{ color:#cc0000}
.popular strong{ font-size:12px}
.popular strong a{ color:#006699}
.popular h3{margin:0; padding:0}
.guides{width:740px; height: auto}
.guides a{ color:#06c}
.popupic{ width:70px; height:100px; float:left}



#conright{ margin:0px; padding:0px 0px 0px 10px; width:214px; float:left}
.head10{ margin:0; padding:0; width:208px; height:76px}
.crd{ border:1px #CCCCCC solid;width:208px; height: auto}
.top10w{ margin:0; padding:0; width:200px; line-height:25px; padding-top:8px}
.top10w img{ margin:0px 3px 0px 5px}
.top10w strong{ font-family: Arial; font-size:12px; font-weight:bold; color:#111}
.top10con{margin:0; padding:0px 3px 0px 7px; width:200px; line-height:16px; font-family:Arial; font-size:11px}

#buttom {
width:auto;
height:90px;
background:url(../img/footer_bk.gif) 0px 15px;
clear:left
}

#copyright{ margin:0 auto; width: auto; height:90px; text-align:center; font-family:Arial; color:#888; }
#copyright a:link{ font-family:Verdana; color:#666; text-decoration:none}
#copyright a:visited{font-family:Verdana; color:#666; text-decoration:none}
#copyright a:hover{font-family:Verdana; color:#666; text-decoration: underline}