@import "reset.css";
@import "base.css";
html{
	font-size:100.01%;
	}

body{
	color:#4d4d4d;
	font-size:12px;
	font-family:Tahoma;
	background:#cdd6df;
	}
.bone{background:#e4e4e4 url(i/backgrounds/body.jpg) repeat-x;}
a{
	color: #185fab;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.menu, .footer ul, .wrap ul{margin:0;}
.menu li, .footer li, .wrap li{list-style:none;}
.head{
	height:97px;
	width:937px;
	margin:0 auto;
	padding:23px 0 0;
	background:url(i/backgrounds/head.png) no-repeat 50% 0;
}
.logo{
	float:left;
	width:150px;
}
.menu{
	float:right;
}
.menu li{
	float: left;
}
.menu li a{
	color: #185fab;
	font-size:16px;
	text-decoration:none;
	display: block;
	width:82px;
	padding:30px 0 31px 12px;
	text-align: center;
	text-shadow: #ffffff 0 1px 1px; 
}
.menu li a:hover{
	color: #749fcd;
	text-decoration:none;
	background:url(i/backgrounds/menu-a.png) no-repeat -94px 0;
}
.menu li.active a{
	color: #ffffff;
	text-shadow: #4e76a7 0 1px 1px;
	background:url(i/backgrounds/menu-a.png) no-repeat;
}
/*middle*/
#main .middle{
	padding-bottom:115px;
	background:url(i/backgrounds/middle.png) repeat-x 0 100%;
}
.w-box{
	padding-top:9px;
	background:url(i/backgrounds/mid-t.gif) repeat-x;
}
.w-box-b{
	padding-bottom:7px;
	background:url(i/backgrounds/mid-t.gif) repeat-x;
}
.w-box-body{
	background:#fff;
}
.content{
	width:899px;
	margin:0 auto;
	padding:15px 0 0 38px;
}
.text{
	width:390px;
	float: left;
	padding-top:40px;
}
.text h1{
	color:#185fab;
	font-size:45px;
	font-weight:normal;
	text-shadow: #ffffff 0 1px 1px;
	margin:0 0 34px;
}
.text h3, .wrap h3{
	color: #749fcd;
	font-size:21px;
	font-weight:normal;
	margin:0 0 34px;
}
.preview{
	width:500px;
	float: right;
	text-align: center;
}
.wrap{
	width:899px;
	margin:0 auto;
	padding:31px 0 14px 38px;
}
.wrap table{
	width:100%;
	margin:0;
}
.wrap table td{
	border:0;
	padding:0 15px 0 0;
	vertical-align: top;
}
.wrap .four-col td{
	width:25%;
}
.wrap .two-col td{
	width:50%;
	padding:0 100px 0 0;
}
.wrap h3{
	margin:0 0 25px;
}
.wrap h4{
	color: #185fab;
	font-size:12px;
	font-weight:normal;
	padding-left:16px;
	margin:0 0 18px;
	background:url(i/backgrounds/h4.gif) no-repeat 0 4px;
}
.wrap .four-col p{
	padding-left:16px;	
}
.wrap p{
	line-height:1.3;
}
.wrap ul{
	margin-bottom:1em;
}
.wrap li{
	padding-left:16px;
	margin:0 0 7px;
	background:url(i/backgrounds/h4.gif) no-repeat 0 4px;
}
.wrap li span{
	color: #185fab;	
}
.footer{
	color: #bdccd4;
	font-size:11px;
	width:874px;
	margin:0 auto;
	height:56px;
	padding:16px 50px 28px;
	background:url(i/backgrounds/footer.png) no-repeat;
}
.footer a{
	color: #f2f2f2;
	text-decoration:none;
	padding-right:12px;
}
.footer a:hover{text-decoration:underline;}
.footer ul{
	float: left;
}
.footer li{
	color: #f2f2f2;
	display: inline;
	padding:0 11px 0 0;
}
.footer p{
	float: right;
}
/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}