@charset "ISO-8859-1";
/* LAYOUT BASIC */
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}
* html body {
	behavior: url("../js/csshover.htc");
}
#wrapper {
	background: url(../img/footer-bg.png) bottom center no-repeat;
	position: relative;
	margin:0px auto;
	width: 901px;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
* html #wrapper {	
	height: 100%;
}
html>body #wrapper {
	height: auto;
}


#header {
	position:relative;
	margin:0;
	padding:0;
	width:901px;
	height:367px;
	background:url(../img/header.png) top right no-repeat;
}
#logo {
	position:relative;
	margin:0;
	padding:0;
	width:248px;
	height:81px;
	background:url(../img/logo.png) top left no-repeat;
}
#little-nav{
	position:absolute;
	width:113px;
	height:26px;
	top:35px;
	right:18px;
	margin:0;
	padding:0;
	background: url(../img/littlenavbg.png) top left no-repeat;
}
#little-nav ul {
	list-style: none;
	height: 26px;
	margin:0;
	padding:0;

}

#little-nav ul li {
	float:left;
	margin:0;
	padding:0;
	height: 26px;
	padding-left:13px;
}

#little-nav ul li a {
	text-decoration: none;
	color:#eda38f;
	line-height: 26px;
	font-size: 12px;

}

#little-nav ul li:hover a{
	color:#fff;
}
#logo a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#sfeer {
	position:relative;
	height:225px;
	width:901px;
	margin:0;
	margin-top:10px;
	padding:0;
	overflow: hidden;
	z-index: 5;

}
#sfeermask {
	position:absolute;
	width:902px;
	height:225px;
	top:91px;
	right:0;
	background: url(../img/sfeermask.png) top left no-repeat;
	z-index: 9;
}
#category {
	position:relative;
	margin:0;
	padding:0;
	font-size:36px;
	width:450px;
	height:80px;
	line-height: 40px;
	margin-left:15px;
	margin-top:130px;
	color:#8da1b0;
}
#topmenu {
	position:relative;
	margin:0;
	padding:0;
	margin-top:12px;
	width:901px;
	height:38px;
	background:url(../img/topmenu-bg.png) top left no-repeat;
}
#content {
	position:relative;
	margin:0;
	padding:0;
	margin-top: 16px;
	width:901px;
	min-height:410px;
	padding-top:9px;
	background:url(../img/contenttop-bg.png) top left no-repeat;
}
#content-left{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:207px;
	min-height:400px;
	background:url(../img/content-bg.png) top left repeat-x;
}
#content-left ul{
	list-style:none;
	width:207px;
	margin:0;
	padding:0;
}
#content-left ul li{
	position:relative;
	height:31px;
	width:207px;
		padding-left:16px;

}
#content-left ul li a{
	text-decoration:none;
	display:block;
	line-height:31px;
	color:#58595b;
	background:url(../img/leftmenu-li.png) bottom left no-repeat;
}
#content-left ul li:hover, #content-left ul li.link_active {
	background: url(../img/leftli.png) 0px 6px no-repeat;
}
#content-center{
	position:relative;
	float:left;
	width:360px;
	min-height:400px;
	margin-left:12px;
	padding-left:28px;
	padding-right:28px;
	padding-top:23px;
	padding-bottom:45px;
	background:url(../img/content-bg.png) top left repeat-x;
}
#content-right{
	position:relative;
	float:left;
	width:229px;
	min-height:400px;
	margin-left:2px;
	background:url(../img/content-bg.png) top left repeat-x;
	padding-left:16px;
	padding-right:16px;
}
#content-right h4{
	color:#f9e3da;	
	margin:0;
	padding:0;
	width:221px;
	height:38px;
	background: url(../img/sbtop.png) top left no-repeat;
	padding-left:9px;
	margin-top:8px;
	padding-top:10px;

}
#footer {
	position:absolute;
	margin:0px auto;
	padding:0;
	width:901px;
	bottom:0;
	left:0;
	height:40px;

}
#footer ul{
	list-style: none;
	margin:0;
	padding:0;
	padding-left:40px;
}
#footer ul li{
	float:left;
	margin:0;
	padding:0;
	font-size: 12px;
	color:#fff;
	margin-left:10px;
	line-height: 40px;
}

.clear{
	clear:both;
	margin:0;
	padding:0;
	line-height:0px;
	font-size:0px;
}
#topmenu {
	width:968px;
	height:38px;
}

#topnav {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 38px;
	height:38px;
}
#topnav li {
	display: block;
	float:left;
	list-style: none; 
	list-style-image: none;
	margin-right:10px;
	}
	
#topnav #li1{
	margin-right:230px;
}
#topnav li a {
	padding: 9px 8px;
	display: block;
	font-size: 13px;
	color: #f9fdff;
	text-decoration: none; 
	line-height: 20px;
}	
#topnav li:hover a, #topnav li .link_active{
	background: url('../img/menuli.png') top left repeat-x;
}
#topnav li ul {
	position: absolute;
	display: none;
	z-index:99;
	list-style-image: none;
	padding: 0 0 0 0; margin: 0 0 0 0; border: 0;
	width:180px;
	text-align: left;
	height: auto;
	background-color: #dbe6f0;
	
}
#topnav li ul li, #topnav li:hover ul li {
	width: 180px;
	margin:0;
	padding:0;
	list-style: none;
	height: 30px;
	
}
#topnav li:hover ul li a {
	width: 170px;
	height: 25px;
	display: block;
	margin: 0;
	padding:0;
	padding-left:10px;
	padding-top:5px;
	color:#033473; 
	font-size: 15px;
	text-decoration: none; 
	text-align: left;	
	background: none;
	border-bottom: 1px dotted #033473;
}
#topnav li:hover ul li:hover a {
	color:#c87500;
}	
/* second sub ul */
#topnav li:hover ul, #topnav li:hover li:hover ul { 
	display: block !important;
}
	
#topnav li ul ul, #topnav li:hover ul ul {
	display: none !important;
}
.maillink{
	color:#fff;
}
.maillink:hover {
	color:#da2722;
}