* {
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fd8209 url(image/first-body-bg.jpg) repeat-x;
	}
	
#container {
	width: 996px;
	margin: 0 auto;
	height: 100%;
	padding-bottom: 30px;
	}
		
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline;
}  

    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
	
#nav {
	margin: 0 auto;
	width: 900px;
	height: 750px;
	padding-top: 20px;
	text-align: center;
	background: url(image/first-ul-bg.png) -93px top no-repeat;
	}
	
#nav li {
	float: left;
	list-style-type: none;
	margin-right: 12px;
	}

#nav li.nine {

	position: relative;
	top: 210px;
	left: 235px;
	width: 124px;
	height: 127px;
	background: url(image/third-li-bg.png) no-repeat;
}

#nav li.eight {
	position: relative;
	top: 10px;
	left: 170px;
	width: 138px;
	height: 141px;
	background: url(image/second-li-bg.png) no-repeat;
}

#nav li.seventh {
	position: relative;
	width: 124px;
	height: 127px;
	background: url(image/third-li-bg.png) no-repeat;
}

#nav li.sixed {
	position: relative;
	top: 135px;
	left: 140px;
	width: 138px;
	height: 141px;
	background: url(image/second-li-bg.png) no-repeat;
}

#nav li.fived {
	position: relative;
	top: 355px;
	left: -440px;
	width: 124px;
	height: 127px;
	background: url(image/third-li-bg.png) no-repeat;
}

	
#nav li.fourth {
	position: relative;
	top: 35px;
	width: 124px;
	height: 127px;
	background: url(image/third-li-bg.png) no-repeat;
}

#nav li.third {
	position: relative;
	top: 65px;
	left: -400px;
	width: 124px;
	height: 127px;
	background: url(image/third-li-bg.png) no-repeat;
}

#nav li.second {
	position: relative;
	top: 160px;
	left: -80px;
	width: 124px;
	height: 127px;
	background: url(image/third-li-bg.png) no-repeat;
}

#nav li.first {
	position: relative;
	top: 205px;
	float: none;
	clear: both;
	width: 163px;
	height: 165px;
	background: url(image/first-li-bg.png) no-repeat;
}

#nav li:hover {
	background: url(image/third-li-hov-bg.png) no-repeat;
}

#nav li.sixed:hover {
	background: url(image/second-li-hov-bg.png) no-repeat;
}

#nav li.eight:hover {
	background: url(image/second-li-hov-bg.png) no-repeat;
}

#nav li.first:hover {
	background: url(image/first-li-hov-bg.png) no-repeat;
}





#nav li.sixed a.main{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 138px;
	height: 65px;
	padding-top: 76px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	}

#nav li.eight a.main{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 138px;
	height: 65px;
	padding-top: 76px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	}

#nav li.seventh a.main{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;

	width: 124px;
	height: 50px;
	padding-top: 76px;
	font-size: 12px;
	color: #000;
	text-decoration: none;	
	}

#nav li.nine a.main{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 124px;
	height: 50px;
	padding-top: 76px;
	font-size: 12px;
	color: #000;
	text-decoration: none;	
	}

#nav li.fived a.main{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 124px;
	height: 50px;
	padding-top: 76px;
	font-size: 12px;
	color: #000;
	text-decoration: none;	
	}

#nav li.fourth a.main{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 124px;
	height: 50px;
	padding-top: 76px;
	font-size: 12px;
	color: #000;
	text-decoration: none;	
	}

#nav li.third a.main{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 124px;
	height: 50px;
	padding-top: 76px;
	font-size: 12px;
	color: #000;
	text-decoration: none;	
	}

#nav li.second a.main{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 124px;
	height: 50px;
	padding-top: 76px;
	font-size: 12px;
	color: #000;
	text-decoration: none;	
	}

#nav li.first a.main{
	font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 163px;
	height: 73px;
	padding-top: 73px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	}




#nav li ul li{
	background: none;
	text-align: center;
	}

#nav li ul li:hover{
	background: none;
	}

#nav li.nine ul {
	position: absolute;
	left: 117px;
	top: 0px;
	width: 157px;
	height: 54px;
	display: none;
	text-align: left;
	background: url('image/nine-bg.png') no-repeat;
	}

#nav li a.no-nine {

}

#nav li.eight ul {
	position: absolute;
	left: -25px;
	top: 135px;
	width: 212px;
	height: 139px;
	display: none;
	text-align: left;
	background: url('image/eight-bg.png') no-repeat;
	}

#nav li a.no-eight {

}

#nav li.seventh ul {
	position: absolute;
	left: 117px;
	top: 25px;
	width: 211px;
	height: 53px;
	display: none;
	text-align: left;
	background: url('image/seventh-bg.png') no-repeat;
	}

#nav li a.no-seventh {

}

#nav li.sixed ul {
	position: absolute;
	left: 110px;
	top: 30px;
	width: 270px;
	height: 79px;
	display: none;
	text-align: left;
	background: url('image/sixed-bg.png') no-repeat;
	}

#nav li.fived ul {
	position: absolute;
	left: 77px;
	top: -60px;
	width: 142px;
	height: 91px;
	display: none;
	text-align: left;
	background: url('image/fived-bg.png') no-repeat;
	}

#nav li a.no-fived {

}


#nav li.fourth ul {
	position: absolute;
	left: -125px;
	top: -40px;
	width: 140px;
	height: 84px;
	display: none;
	text-align: left;
	background: url('image/fourth-bg.png') no-repeat;
	}

#nav li a.no-fourth {

}

#nav li.third ul {
	position: absolute;
	left: 50px;
	top: -75px;
	width: 140px;
	height: 80px;
	display: none;
	text-align: left;
	background: url('image/third-bg.png') no-repeat;
	}

#nav li a.no-third {

}

#nav li.second ul {
	position: absolute;
	left: 117px;
	top: 50px;
	width: 185px;
	height: 99px;
	display: none;
	text-align: left;
	background: url('image/second-bg.png') no-repeat;
	}

#nav li a.no-second {

}

#nav li.seventh ul strong{
	font-size: 12px;
	color: #333;
	display: block;
	width: 270px;
	margin-left: 40px;
	margin-top: 5px;
	text-align: left;
	}

#nav li.third ul strong{
	font-size: 12px;
	color: #333;
	display: block;
	width: 170px;
	margin-left: 10px;
	margin-top: 3px;
	text-align: left;
	}

#nav li.fived ul strong{
	font-size: 12px;
	color: #333;
	display: block;
	width: 170px;
	margin-left: 13px;
	margin-top: 5px;
	text-align: left;
	}

#nav li.second ul strong{
	font-size: 12px;
	color: #333;
	display: block;
	width: 170px;
	margin-left: 40px;
	margin-top: 5px;
	text-align: left;
	}

#nav li.nine ul strong{
	font-size: 12px;
	color: #333;
	display: block;
	width: 170px;
	margin-left: 35px;
	margin-top: 5px;
	text-align: left;
	}

#nav li.fourth ul strong{
	font-size: 12px;
	color: #333;
	display: block;
	width: 154px;
	margin-left: 10px;
	margin-top: 5px;
	text-align: left;
	}

#nav li.sixed ul strong{
	font-size: 12px;
	color: #333;
	display: block;
	width: 210px;
	margin-left: 30px;
	margin-top: 5px;
	text-align: left;
	}

#nav li.eight ul strong{
	font-size: 12px;
	color: #333;
	display: block;
	width: 210px;
	margin-left: 10px;
	margin-top: 33px;
	text-align: left;
	}

#nav li:hover a {
	display: block; 
}

#nav li:hover ul {
	display: block; 
}

#mnu {
	width: 240px;
	float: left;
	}

#mnu li{
	list-style-type: none;
	width: 240px;
	height: 21px;
	background: url(image/li-bg.png) no-repeat;
	text-align: left;
	}

#mnu li a{
	width: 240px;
	height: 21px;
	text-align: left;
	}

#mnu li.topmnu{
	width: 240px;
	height: 30px;
	background: url(image/ul-top-bg.png) no-repeat;
	text-align: left;
	}	

#mnu li.botmnu{
	width: 240px;
	height: 20px;
	background: url(image/ul-bot-bg.png) no-repeat;
	text-align: left;
	}	


#content {
	margin: 0 auto;
	margin-top: 20px;
	width: 311px;
	height: 170px;
	float: left;
	background: url(image/text-bg.jpg) no-repeat;
	}



.brush {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 21px;
	margin-top: 8px;
	background: url(image/brush.jpg) no-repeat;
}

.brush-txt {
	display: block;
	float: left;
	height: 32px;
	margin-left: 21px;
	font-size: 24px;
	padding-top: 4px;
	margin-top: 8px;
	color: #00ccff;
}

.search {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 21px;
	margin-top: 8px;
	background: url(image/search.jpg) no-repeat;
}

.search-txt {
	display: block;
	float: left;
	height: 32px;
	margin-left: 21px;
	font-size: 24px;
	padding-top: 4px;
	margin-top: 8px;
	color: #66FF33;
}

.contact {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 21px;
	margin-top: 8px;
	background: url(image/contact.jpg) no-repeat;
}

.contact-txt {
	display: block;
	float: left;
	height: 32px;
	margin-left: 21px;
	font-size: 24px;
	padding-top: 4px;
	margin-top: 8px;
	color: #ff9900;
}

.cont-img-tel {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url('images/tel.gif') center center no-repeat;
}

.cont-img-icq {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url('images/icq.gif') center center no-repeat;
}

.cont-img-skype {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url('images/skype.gif') center center no-repeat;
}

.cont-img-mail {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url('images/mail.gif') center center no-repeat;
}

.cont-txt {
	display: block;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	width: 210px;
	height: 30px;
	border: 1px solid #333;
}

.podfirst {
	display: block;
	margin-top: -2px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	
h3 {
	text-indent: -9999px;
	}

h4 {
	margin: 5px;
	font-size: 14px;
	color: #666;
	border-bottom: 1px dashed #666;
	} 

#counter {
	width: 915px;
	* width: 800px; 
	margin-top: -160px; 
	* margin-top: -80px;
	* margin-left: -27px;
	position: relative; 
	height: 100px;
}
	
#offer {
	margin: 10px;

	width: 275px;
	height: 275px;
	float: left;
	background: url(image/promo.gif);
	text-indent: -9999px;
	}

#footer {
	margin: 0 auto;
	width: 946px;
	height: 25px;
	padding-left: 20px;
	margin-top: -75px;
	text-align: center;
	}
	
#footer p {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 5px;
	}

#content p {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	width: 270px;
	text-align: justify;
	height: 100px;
	margin-top: 45px;
	margin-left: 20px;
}

#footer a {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	}

#content a {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #333;
}

#content a:hover {
	border-bottom: 1px solid #333;
	}

#copy {
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

#copy a{
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

#footer a:hover {
	border-bottom: 1px solid #333;
	}

#footer img.podsmile {
	padding: 1px;
	height: 21px;
	width: 21px;
	background: url('image/pod-smile.gif') center center no-repeat;
}