/*reset*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0pt none; font-size: 100%; margin: 0pt; outline-color: invert; outline-style: none; outline-width: 0pt; padding: 0pt;}

/*body*/
body {margin: 0; padding: 0; font-family: 'Quattrocento Sans', sans-serif; font-size: 13px; color: #666666; line-height: 22px; background: url(images/body-bg.jpg) no-repeat center top; background-attachment: fixed;}

/*basics*/
.comp{color: #078518; font-weight: bold;}
.comingsoon{color: #078518; font-style: italic;}
.clearfix{clear: both; overflow: hidden;}
.floatleft-img{float: left; margin-right: 10px; margin-top: 5px;}
.floatright-img{ float: right; margin: -5px -10px 0px 5px;}
.float-img {vertical-align: middle;}
.f-left{float: left;}
.f-right{float: right;}
.widget_class{margin: 0; padding: 0; list-style: none;}

#body-wrapper{width: 1030px; background: rgba(255, 255, 255, 0.1); min-height: 500px; margin: 21px auto 0; border-radius: 5px; padding: 24px 0px;}
	.logo{margin: 6px 0px 0px 38px;}
	
	.slogan{text-align: center; margin: -21px 0px 0px 5px; width: 260px;}
		.slogan p{color: #000; font-size: 30px; font-family: 'EB Garamond', serif;}
	
#box-shadow{width:980px; min-height: 300px; -webkit-box-shadow: 0px 0px 5px #b4b1b2; -moz-box-shadow: 0px 0px 5px #b4b1b2;  box-shadow: 0px 0px 5px #b4b1b2; margin: 0 auto;}

#logo-wrapper{position: relative; z-index: 999; top: 10px; left: 5px; width: 349px; height: 203px; background: url(images/logo-bg.png) no-repeat center top;}

#header{width: 980px; height: 189px; background: #fff; margin: -203px auto 0px; border-radius: 7px 7px 0px 0px; position: relative; z-index: 9;}
	.headleft {padding: 0;}
	.headright {padding: 0; text-align: right; margin: 18px 8px 0px 0px;}
		.social{}
			.twitter{margin: 0px -5px 0px -11px;}
		
		.num{margin-top: -27px;}
		.num p{color: #666666; font-size: 16px;}
		.num p span{color: #c9a83c; font-size: 20px; display: block; font-weight: bold;}
		
	 .chap-logo { float: right; margin: 15px 10px 0 0; }
		.chap-logo img { width: 100px; }
/*nav*/
#nav{width: 1000px; height: 70px; text-align: right; background: url('images/nav-bg.png') no-repeat center top; margin: -60px 0px 0px -10px; position: relative; z-index: 99;}
	#nav ul {margin: 0; padding: 9px 0px 0px; list-style: none;}
	#nav ul li {display: inline-block; position: relative; padding: 0px 9px;}
	#nav ul li:after{content: url(images/nav-spacer.png); position: absolute; top: -9px; right: -3px;}
	#nav ul li:last-child:after{content: "";}
	#nav ul li a {width: auto; height: 41px; line-height: 41px; font-family: 'EB Garamond', serif; font-size: 15px; color: #755b06; text-decoration: none; padding: 0px 12px; display: block;  background: url('images/nav.jpg') repeat-x center top; text-transform: uppercase; border-radius: 5px;}
	#nav ul li a:hover, #nav ul li.current_page_item a {color: #fff; text-decoration: none; background: url('images/nav-hover.jpg') repeat-x center top;}
	
/*banner*/
#banner{width: 980px; height: 410px; background: #FFF; margin: -10px auto 0; position: relative;}
	.banner-left{width: 315px; height: 432px; position: absolute;top: -41px; left: 10px; background: url(images/banner-left-bg.png) no-repeat center top;}
		.banner-left p{font-family: 'EB Garamond', serif; color :#fff; font-size: 29px; margin: 70px 0px 0px 20px; -webkit-text-shadow: 0px 1px #7d8386; -moz-text-shadow: 0px 1px #7d8386;  text-shadow: 0px 1px #7d8386; position: relative;}
		.banner-left p:after{position: absolute; top: 54px; left: 0px; content: url(images/banner-hr.png);}
		.banner-left p span{color: #eeb90a; font-weight: bold; font-size: 35px; display: block; font-family: 'Quattrocento Sans', sans-serif; margin-top: 9px;}
		
		.banner-left ul{margin: 37px 0px 0px 18px; padding: 0; list-style: none;}
		.banner-left ul li{margin-bottom: 5px; position: relative; padding-left: 27px; color: #fff; font-size: 16px;}
		.banner-left ul li:before{position: absolute; top: 4px; left: 0px; content: url(images/banner-before.png);}
		
		.banner-btn{margin: -31px 0px 0px -23px;}
		.banner-btn ul li{padding-left: 0px;}
		.banner-btn ul li:before{content: "";}
		.banner-btn ul li a{color: #fff; text-decoration: none; font-size: 16px; width: 210px; height: 42px; background: url(images/banner-btn-bg.png) no-repeat center top; display: block; line-height: 37px; padding-left: 25px; position: relative;}
		.banner-btn ul li a:after{position: absolute; top: 4px; right: 23px; content: url(images/banner-btn-after.png);}
		.banner-btn ul li a:hover:after, .banner-btn ul li.current_page_item a:after{content: url(images/banner-btn-after-hover.png);}
		.banner-btn ul li a:hover, .banner-btn ul li.current_page_item a{background: url(images/banner-btn-hover.png) no-repeat center top;}
	
	.banner-right {width: 720px; height: 464px; position: absolute; top: -55px; right: -3px; background: url(images/banner-right.png) no-repeat center top;}
	.banner-slogan{width: 631px; height: 70px; position: absolute; bottom: 25px; right: 13px; background: url(images/slogan-bg.png) ;line-height:70px; text-indent:32px; font-size:24px; z-index:999999; font-family: 'EB Garamond', serif;}
/*main*/
#main{width: 980px; background: #FFF; margin: 0 auto; padding: 10px 0px 30px 0px;}
	.col-a {width: 311px; padding-top: 10px; margin-left: 9px;}
		.sidebar-box{width: 311px; height: 202px; background: url(images/side-top-bg.png) no-repeat center top; padding-top: 1px;}
			.sidebar-box-title{width: 224px; height: 46px; background: url(images/side-title-bg.png) no-repeat center top; margin: 23px 0px 0px 20px;}
				.sidebar-box-title p{color: #fff; font-size: 20px; padding-top: 2px; position: relative;}
				.sidebar-box-title p:after{position: absolute; top: -32px; right: -49px; content : url(images/side-img.png);}
				.sidebar-box-title p span{display: block; color: #ecc339; font-weight: bold; text-transform: uppercase; margin-top: -1px;}
				
			.sidebar-box-content{margin: -3px 0px 0px 20px;}
				.sidebar-box-content p{color: #fff; font-size: 13px; width: 120px; line-height: 20px;}
				
			.sidebar-box-btn{margin: 21px 0px 0px 15px;}
				.sidebar-box-btn a{text-decoration: none; color: #fff; font-weight: bold; background: url(images/side-btn-bg.png) no-repeat center top; font-size: 16px; width: 121px; height: 38px; display: block; padding: 0px 0px 0px 13px; line-height: 33px; position: relative;}
				.sidebar-box-btn a:hover{background: url(images/side-btn-hover.png) no-repeat center top;}
				.sidebar-box-btn a:after{position: absolute; top: 3px; right: 10px; content: url(images/side-btn-after.png);}
				.sidebar-box-btn a:hover:after{content: url(images/side-btn-after-hover.png);}
		
		.sidebar-nav{margin-top: -10px;}
			.sidebar-nav ul{padding: 0; list-style-type: none;}
			.sidebar-nav ul li{margin-bottom: 8px; width: 310px;}
			.sidebar-nav ul li a{display: block; text-decoration: none; color: #fff; font-size: 16px; font-weight: bold; position: relative; width: 293px; height: 50px; background: url(images/side-nav-bg.jpg) repeat-x center top; border-radius: 4px; line-height: 50px; padding-left: 17px; position: relative;}
			.sidebar-nav ul li a:hover, .sidebar-nav ul li.current_page_item a{background: url(images/side-nav-hover.jpg) repeat-x center top; color: #785d01;}
			.sidebar-nav ul li a:after{position: absolute; top: 3px; right: 32px; content: url(images/side-nav-after.png);}
			.sidebar-nav ul li a:hover:after{content: url(images/side-nav-after-hover.png);}
		
		.counter{width: 310px; height: 48px; border: 1px solid #e2e2e2; border-radius: 5px; background: #ffffe2; margin: -4px 0px 0px 0px;}
			.label{display: inline-block; vertical-align: middle; margin-left: 13px;}
				.label p{color: #666666; font-size: 15px; font-weight: bold;}
			
			.count{display: inline-block; vertical-align: middle; margin: -4px 0px 0px 65px;}
				.visitorCounter {width:98px; height:35px; line-height:40px; text-align:right; background: #fff; border: 1px solid #eaebd0; border-radius: 5px; color: #666666; font-weight: bold; font-size: 15px; padding: 0px 10px;}
	
	.col-b {width: 632px; margin-right: 14px; margin-top: -15px;}
		.main-content{line-height: 25px; text-align: justify; font-size: 14px;}
			.main-content h1{color: #666666; font-size: 20px; position: relative; margin-bottom: 24px;}
			.main-content h1:after{position: absolute; top: 40px; left: 0px; content: url(images/main-hr.png);}
			.main-content h1 span{color: #055fb1; display: block; margin-top: -4px;}
			
			.main-content h2{color: #666666; font-size: 25px; position: relative; margin-bottom: 15px;}
			
			.main-content h2 span{color: #055fb1; display: inline; margin-top: -4px;}
		
		.main-content ul{margin: 0; padding: 0; list-style: none; text-align: left !important;}
		.main-content ul li{position: relative; padding-left: 25px;}
		.main-content ul li:before{content: url('images/bullet.png'); position: absolute; top: 4px; left: 0; z-index: 10;}
		.main-content a{text-decoration: none; font-weight: bold; color: #055fb1;}
		.main-content a:hover{color: #078518;}
		
		.list{display: inline-block; vertical-align: top; margin-right: 50px;}
		
		.policy{margin-top:35px;}
		
		.main-content table{border-collapse: collapse;}
		.main-content table tr{vertical-align: top;}
		.main-content table tr:first-child td, .main-content table tr:nth-child(3) td{text-align: center;}
		.main-content table tr td{border: 1px solid #666666; padding: 5px;}
		.main-content table tr ul li{padding-left: 20px;}
		
		.bottom{width: 632px; border: 1px solid #e2e2e2; border-radius: 6px; position: relative; padding-bottom: 10px; margin: 41px 0px 0px 0px;}
			.bottom-title{text-align: center; position: absolute; top: -25px; left: 18px; background: #fff; padding: 0px 25px;}
			.bottom-title:before{position: absolute; top: 13px; left: 0px; content: url(images/bottom-circle.png)}
			.bottom-title:after{position: absolute; top: 13px; right: 0px; content: url(images/bottom-circle.png)}
				.bottom-title p{color: #666666; font-size: 25px; margin: 0;}
				.bottom-title p span{color: #9f8220; font-weight: bold; display: block; margin-top: 7px;}
			
			.bottom-content{position: relative; padding-left: 105px; margin: 25px 0px 0px 50px;}
			.bottom-content:before{position: absolute; top: 12px; left: 0px; content: url(images/bottom-icon.png);}
				.bottom-content p{font-size: 15px; position: relative; width: 415px; padding-left: 30px;}
				.bottom-content p:before{content: url(images/bottom-before.png); position: absolute; top: 0px; left: 0px;}
				.bottom-content p:after{content: url(images/bottom-after.png); position: absolute; right: 335px; bottom: 2px;}
				
#footer-top{width: 980px; margin: 0 auto; min-height: 254px; background: #078518; text-align: center;}
	.ftop-box{display: inline-block; vertical-align: top; text-align: left; margin: 24px -4px 0 0;}
	.ftop-box:nth-child(2){margin: 23px 13px 0 38px;}

	.ftop-box-title{}
	.ftop-box-title p{font-weight: bold; color: #fff; font-size: 20px; margin: 0;}
	
	#footer-top ul{padding: 0; margin: 30px 0px 0px; list-style: none;}
	#footer-top ul li{margin-bottom: 15px; color: #fff; line-height: 20px; padding-left:43px;}
	#footer-top ul li a{font-weight: bold; text-decoration: none; color: #fff;}
	#footer-top ul li a:hover{color: #c9a83c; text-decoration: underline;}
	
	#footer-top ul li:first-child{position: relative;}
	#footer-top ul li:first-child:before{position: absolute; top: 6px; left: 4px; content: url(images/home-icon.png);}
	
	#footer-top ul li:nth-child(2){position: relative;}
	#footer-top ul li:nth-child(2):before{position: absolute; top: 11px; left: 0px; content: url(images/phone-icon.png);}
		
	.ftop-box form{margin: 20px 0px 0px 0px;}
	.ftop-box input[type="text"],.ftop-box input[type="email"]{border: none; background: #027512; width: 272px; height: 40px; border-radius: 5px; color: #09b120; font-size: 13px; display: block; margin-bottom: 10px; padding: 0px 17px;}
	.ftop-box input[type="submit"]{background: url(images/form-btn.jpg) repeat-x center top; width: 219px; height: 40px; text-align: center; line-height: 40px; border: 0; display: block; border-radius: 5px; cursor: pointer; color: #fff; font-weight: bold; font-size: 16px; font-family: 'Quattrocento Sans', sans-serif;} 
	.ftop-box input[type="submit"]:hover{background: url(images/form-btn-hover.jpg) repeat-x center top;}
	
	.ftop-content{}
		.ftop-content p{color: #fff; width: 300px; line-height: 20px;}
		
	.ftop-btn{margin: 0px 0px 0px 185px;}
		.ftop-btn a{display: block; width: 116px; height: 34px; background: url(images/ftop-btn.jpg) repeat-x center top; border-radius: 5px; text-align: center; line-height: 34px; font-weight: bold; color: #fff; text-decoration: none; font-size: 16px;}
		.ftop-btn a:hover{background: url(images/ftop-btn-hover.jpg) repeat-x center top;}
			
/*footer*/
#footer{width: 980px; height: 55px; text-align: center; margin: 0 auto; background: #c9a83c; color: #fff; border-radius: 0px 0px 5px 5px;}
	.footer-left{}
		#footer ul {margin: 7px 0px 0px; padding: 0; list-style: none;}
		#footer ul li {display: inline;}
		#footer ul li:after{content: "|";}
		#footer ul li:last-child:after{content: "";}
		#footer ul li a {font-size: 13px; color: #fff; text-decoration: none; padding: 0px 10px 0px 6px;}
		#footer ul li a:hover, #footer ul li.current_page_item a {color: #fff; text-decoration: underline;}
		
		#copyright {margin: -4px auto 0px; color: #fff;}
		#copyright a {color: #fff; text-decoration: none;}
		#copyright a:hover {color: #fff; text-decoration: none;}
		
/*search*/
.search_results div.page, .search_results div.post {padding: 20px; margin-bottom: 8px; background: #f9e8b2; border-bottom: 2px solid #CCC;}
.search_results h2 a {text-decoration: none;}
.search_results div.entry-meta {font-style: italic;}
.search_results a {color: #000;}
.search_results a:hover {text-decoration: none;}

/***comments style***/
#comments, #comments-title{padding-top: 15px;}
ol.commentlist li {background: url('images/com_line.jpg') no-repeat left bottom; padding-bottom: 25px; margin-bottom: 10px; padding-top: 15px; margin-left: -10px; padding-right: 25px;}
ol.commentlist {border: 1px dashed #CCC; width: 100%;}
ol.commentlist ul {border-top: 1px dashed #CCC; width: 100%; margin-top: 15px; list-style: none;}
ol.commentlist ul li {border-bottom: 1px dashed #CCC;}
.comment p {padding: 15px 0; line-height: 20px;}
.comment-form-author input {margin-left: 25px;}
.comment-form-email input {margin-left: 28px;}
.comment-form-url input {margin-left: 17px}
#respond {width: 100%; border: 1px solid #CCC; background: #FFFFE1; padding: 15px 20px 0 20px; margin-top: 25px;}
.form-submit input {background: #FFFFE1; border: none; color: #FFF; font-weight: bold; padding: 7px 12px; cursor: pointer;}

/**Resources**/
	.resources{font-size: 14px; }
	.resources a{color: #9f8220; text-decoration: none; display: block;font-weight: bold;}
	.resources a:hover{color: #1fa6e3; text-decoration: none; padding-left: 1px;}
	.resources ul,.resources li {list-style-type: none; margin: 0; padding: 0;}
	.resources ul li{margin-bottom: 8px; padding: 12px; background: #FAFDFE; border: 1px solid #02529b; border-bottom: 2px solid #02529b; list-style-image: none!important;}
	.resources ul li:before{content: "";}
	.resources ul li span{font-size: 11px; color: #666666; letter-spacing: 1px;}