*, *:before, *:after {box-sizing: border-box; -moz-box-sizing: border-box;}
/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, ol, ul, li, 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;
}

iframe{width:100%; overflow:hidden; border:none;}

/*body*/
body{margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:30px; color:#666666; background:url('images/bg.jpg')repeat-x center top #fff; text-align:justify; font-weight:400;}

/* 
Flexible Image
Set image max width to 100% 
*/
img {max-width: 100%; height:auto; width: auto; /* ie8 */}

/*basics*/
img, a {border:none; outline:none !important}
a {color:#844200; text-decoration:underline;}
a:hover {color:#ffb300; text-decoration:none;}
.comp{ color:#aa5500; font-weight:bold;}
.comingsoon{color:#ff0000 !important; font-weight:bold; font-style:italic !important;}
.clearfix{clear:both; overflow:hidden;}
.floatleft-img {float:left; padding-right:10px;}
.floatright-img {float:right; padding-left:10px;}
.float-img {vertical-align:middle;}
.f-left {float:left;}
.f-right {float:right;}
.no-border a{border:none !important;}

/*wrapper*/
.wrapper {
	width:441px; 
	max-width: 100%;
	height:auto; 
	margin:0 auto; 
}

/*header*/
header.page-header{width:441px; max-width:100%; min-height:303px; text-align:center; margin:0 auto; padding:76px 10px 0;}

/*nav*/
#nav{width:441px; max-width:100%; height:auto; margin:-80px auto 0 auto;}
	#nav ul{margin:-35px auto 0 auto; padding:0; list-style:none; background:url('images/nav-bg.png')no-repeat center top #ff9e00; width:304px; min-height:291px; display:none; border-radius:6px; z-index:999; position:absolute; padding:15px 0 0 0; right:0px; left:0px;}
	#nav ul li{display:block; position:relative;}
	#nav ul li a{width:100%; display:block; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; text-align:left; text-transform:uppercase; color:#bd5d00 !important; text-decoration:none; margin:0 auto; padding:7px 0px; text-indent:40px;}
	#nav ul li a:hover, #nav ul li a:active, #nav ul li a.current_page_item{color:#fff !important; text-decoration:none;}
	#pull{width:117px; max-width:100%; height:117px; display:block; position: relative; cursor:pointer; background:url('images/nav.png') no-repeat center top; margin:0 auto;}
	#nav ul li:before{content:url('images/line.png'); position:absolute; bottom:-7px; left:0px; right:0px; text-align:center;}
	#nav ul li:last-child:before{content:"";}
	#nav ul li:after{content:url('images/icon-nav.png'); position:absolute; left:20px; top:5px;}
	#nav ul li:hover:after, #nav ul li.current_page_item:after{content:url('images/icon-nav-hover.png');}

/*banner*/
.banner{width:441px; max-width:100%; min-height:262px; background:#f0f0f0; border-radius:5px; margin:15px auto 0 auto; padding:7px;}

/*mid*/
.mid{width:441px; max-width:100%; height:auto; margin:40px auto 0 auto;}
	.mid ul{margin:0px; padding:0px; list-style:none;}
	.mid ul li{display:block; margin-bottom:7px; position:relative;}
	.mid ul li a{background:url('images/btn-mid.png')no-repeat left top; width:441px; max-width:100%; min-height:104px; display:block; padding:15px 0 0 140px; font-size:27px; color:#ffca4d; font-weight:800; text-decoration:none; line-height:30px;}
	.mid ul li a span{display:block; font-weight:400; font-style:italic;}
	.mid ul li a:hover{background:url('images/btn-mid.png')no-repeat left bottom; color:#5d2f00;}
	.mid ul li a:hover span{color:#5d2f00;}
	
	.mid ul li:first-child:before{content:url('images/img-mid1.png'); position:absolute; left:24px; bottom:-6px;}
	.mid ul li:nth-child(2):before{content:url('images/img-mid2.png'); position:absolute; left:0px; bottom:-6px;}
	.mid ul li:nth-child(3):before{content:url('images/img-mid3.png'); position:absolute; left:24px; bottom:-7px;}
	.mid ul li:nth-child(4):before{content:url('images/img-mid4.png'); position:absolute; left:24px; bottom:-7px;}
	.mid ul li:nth-child(5):before{content:url('images/img-mid5.png'); position:absolute; left:24px; bottom:-7px;}
	.mid ul li:last-child:before{content:url('images/img-mid6.png'); position:absolute; left:24px; bottom:-6px;}	
	
/*main*/
#main-wide {width:441px; max-width:100%; height:auto; margin:50px auto 0 auto;}
#main{width:100%; height:auto; clear:both; overflow:hidden; background:#fff;}
#main a{font-weight:bold;}
#main-canvas {width:100%; height:auto; margin:0 auto 0 auto; text-align:center;}
#main-canvas p{margin:10px 0;}
#main-title{font-size:18px; font-weight:400; color:#666666; text-align:center;}
#main-title span {color:#aa5500; font-weight:700;}

#main-canvas ul{margin:0 0 0 0; padding:0; list-style:none; padding-top:10px; text-align:left !important;}
#main-canvas ul li{position:relative; padding-left:30px; padding-bottom:10px;}
#main-canvas ul li:before{content:url('images/icon-bullet.png'); position:absolute; top:3px; left:0; z-index:10;}

/*Bottom*/
.bottom{width:441px; max-width:100%; height:auto; margin:20px auto 0 auto;}
	.services{width:441px; max-width:100%; height:auto; display:block; text-align:center;}
		.services-title{font-size:18px; color:#666666; font-weight:400;}
		.services-title span{font-size:18px; color:#aa5500; font-weight:700;}
		.services ul{margin:20px auto 0 auto; padding:0px; list-style:none; width:246px;}
		.services ul li{display:block; text-align:left; position:relative; padding-left:30px; margin-bottom:3px;}
		.services ul li a{font-size:18px; color:#844200; font-weight:700; text-decoration:none;}
		.services ul li a:hover{font-size:18px; color:#ffb300; font-weight:700; text-decoration:underline;}
		.services ul li:before{content:url('images/icon-bullet.png'); position:absolute; top:1px; left:0; z-index:10;}
		
.contact{background:url('images/contact-bg.png')no-repeat left top; width:442px; max-width:100%; min-height:305px; display:block; margin:40px auto 0 auto; text-align:center; padding:32px 0 0 0;}
	.contact-title{font-size:18px; color:#000; font-weight:700; margin-bottom:10px;}
	.contact-title span{font-size:18px; color:#844200; font-weight:700;}
	.contact p{white-space:pre-line; font-size:13px; color:#000000; font-weight:400;}
	.contact p a{font-size:13px; color:#000000; font-weight:400; text-decoration:none;}
	.contact p a:hover{font-size:13px; color:#000000; font-weight:400; text-decoration:underline;}

/*footer*/
footer.page-footer{width:441px; max-width:100%; min-height:238px; margin:22px auto 25px auto; background:url(images/footer-bg.png) no-repeat center top; text-align:center; padding:23px 0 0 0;}

	#copyright{font-size:15px; color:#fff; display:block;}
		#copyright a{color:#fff; text-decoration:none;}
		#copyright a:hover {color:#fff; text-decoration:underline;}
		#copyright span{display:block; background:#c76000; border:1px solid #f6a118; width:382px; max-width:100%; min-height:58px; margin:0 auto; border-radius:5px; line-height:58px;}
		#copyright span a {font-weight:normal !important; color:#fff; text-decoration:underline; font-size:28px;}
		#copyright span a:hover {color:#fff; text-decoration:none;}
		
/*resources*/
.resources{font-size:13px; padding-top:10px;}
	.resources a{color:#990100; text-decoration:none; display:block;font-weight:bold; font-family:arial; font-size:13px;}
	.resources a:hover{color:#ff0000; 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 #ACD7D6; border-bottom:2px solid #95CCCB; }
	.resources ul li span{font-size:11px; color:#666666; letter-spacing:1px; font-family:arial;} 
	.resources ul li:before{display:none !important;}