*, *:before, *:after {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; box-sizing: border-box; -moz-box-sizing: border-box;}
*:before, *:after {position: absolute;}
#slideshow *, #slideshow *:before, #slideshow *:after {transition: none; -webkit-transition: none;}

/* body */
body {background:#fff; }

a {text-decoration:none;}
.post-edit-link{color:#000;}
.comp{color:#9915be; font-weight:bold;}
.maincontents a{color:#ed3d5b; font-weight:bold;}
.maincontents a:hover{text-decoration:underline;}	
.comingsoon{ color:red; font-weight:bold; font-style:italic; }
.clearfix{ clear:both; overflow:hidden; }
.floatleft-img{ float:left; margin:10px 20px 10px 0; border:0;}
.floatright-img{ float:right; margin:10px 0 10px 20px;}
.floatcenter-img{ display:block; margin:0 auto;}
.f-left{float:left;}
.f-right{float:right;}
.two_col{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.zindex{position:relative; z-index:99;}
#myframe{width:100%}
h1, h2, h3, h4{margin:0;}
/*layers*/
.wrapper{ max-width:1000px; width:100%; margin:0px auto; position:relative;}

/*nav*/
nav{width:100%; height:60px; background:url(images/nav_bg.jpg) repeat-x center top;}
	/*inside navigation bar */
		
	nav ul {text-align:center; margin:0; padding:0;}	
	nav ul li {display:inline-block; position:relative;}
	nav ul li:after{content:url(images/nav_spacer.png);  top:8px; right:0;}
	nav ul li:last-child:after{content:"";}	
	nav ul li a{font:900 16px/40px lato; display:block; padding:0 31px; margin:8px 5px; color:#fff; text-transform:uppercase;}
	nav ul li a:hover, nav ul li.current_page_item a {background:url(images/nav_hov.jpg) repeat-x; border-radius:5px; color:#6e3d24;}

/* Navigation bar icon */
.nav-toggle-button{width:100%; display: none; background:#9607a7; color: #fff; cursor: pointer; margin: 0 auto; padding:10px 0; text-align:right;}
.nav-toggle-button:hover{color: #6e3d24;}
.nav-toggle-button .fa{ display: block; }
	
/*header*/
header{width:100%; height:812px; background:url(images/header_bg.png) repeat-x center top;}
	.header_left{padding:14px 0;}
		.header_left img{max-width:322px;}
	
	.header_right{padding:19px 0; text-align:right;}
		.header_right h2{font:20px lato; color:#595959;}
		.header_right span{font-size:24px; color:#72057f; font-weight:700;}

/*banner*/
#banner{width:100%;}
#banner .wrapper{max-width:1140px;}		
	 
	.banner_left{ padding:10px;height: 470px;width:523px;  position:absolute; top:220px; left:0;background: rgba(0, 0, 0, 0.25) none repeat scroll 0% 0%;}
			.banner_left h2{font:900 35px lato; color:#fff; display:block; margin-top:-12px;}
			.banner_left p{background:url(images/slogan_bg.png) no-repeat;height:199px; font:700 16px/25px lato; color:#fff; margin:18px 0; padding:18px 50px 0 20px;}
			.banner_left span{font:700 16px/25px lato; color:#fff;height: 89px;margin: 0px;width: 515px;}
			.banner_left a{font:900 20px lato;  color:#fff; text-align:center; border:2px solid #fff; border-radius:5px; display:block; width:185px; line-height:19px; padding:8px; margin-top:20px;} 
			.banner_left a:hover{border:2px solid #f4fe00; color:#f4fe00;}
	.banner_right{padding:22px 0;}
	.banner_right img{max-width:591px;}
	


/*main*/
#main{width:100%; margin:-113px auto 0; background:url(images/main_bg.png) repeat-x center top;}
	
/*middle*/
#mid{width:100%; height:450px; padding:35px 0; margin:0 auto 20px; background:url(images/mid_bg.png) no-repeat center bottom;}
	.mid-box {height:400px; width:320px; margin: 0; display: inline-block; vertical-align:top; position:relative;}
	.mid-box:nth-child(2){margin:0 10px;}
	.mid_texts{position:absolute; bottom:0; left:0; z-index:2;height:218px; width:320px; text-align:center; padding:44px 20px 0;}
	.mid-box:first-child .mid_texts:hover,
	.mid-box:nth-child(2) .mid_texts:hover,
	.mid-box:nth-child(3) .mid_texts:hover{background:url(images/mtext-hov.png) no-repeat;}
	.mid-box:first-child .mid_texts{background:url(images/mtext-refer.png) no-repeat center top;}
	.mid-box:nth-child(2) .mid_texts{background:url(images/mtext-staff.png) no-repeat center top;}
	.mid-box:last-child .mid_texts{background:url(images/mtext-appoint.png) no-repeat center top;}
	.mid-box:first-child .mid_texts h2{color:#fff64e;}
	.mid-box:first-child .mid_texts a{background:url(images/mid_tab.png) top left;}
	.mid-box:nth-child(2) .mid_texts h2{color:#003d69;}
	.mid-box:nth-child(2) .mid_texts a{background:url(images/mid_tab2.png) top left;}
	.mid-box:last-child .mid_texts h2{color:#6e3d24;}
	.mid-box:last-child .mid_texts p{color:#6e3d24;}
	.mid-box:last-child .mid_texts a{background:url(images/mid_tab3.png) top left;}
	.mid-box:last-child:hover .mid_texts p{color:#fff;}
	.mid-box .mid_texts:hover h2{color:#fff64e;}
	.mid-box img{position:absolute; top:0; left:0; z-index:1;}
	.mid_texts h2{font:20px/11px marko one;}
	.mid_texts span{font:700 24px lato; color:#fff; display:block;}
	.mid_texts p{ font: 13px/22px lato; color:#fff; margin:5px 0 11px;}
	.mid_texts a{ font:900 14px lato; color: #525252; display:block; width:135px; height:40px; text-align:left; padding:10px 23px; margin:0 auto;}
	.mid-box:first-child .mid_texts a:hover,
	.mid-box:nth-child(2) .mid_texts a:hover,
	.mid-box:last-child .mid_texts a:hover{ background-position:bottom left; color: #6e3d24; }
.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-15px);
}
	.col-a{width:312px; margin-bottom:0;}
		#left_sidebar h2{font:20px/13px marko one; color:#fff64e; background:url(images/services_heading.png) no-repeat; position:relative; padding:16px 77px;}
		#left_sidebar h2:before{content:url(images/services_icon.png); top:14px; left:11px;}
		#left_sidebar span{font:700 24px lato; color:#fff; display:block;}
		#left_sidebar ul{background:url(images/services_bg.jpg) repeat-x; border-radius:0 0 10px 10px; width:311px; padding:8px 10px; border:1px solid #e4e4e4; margin-bottom:11px;}
		#left_sidebar ul li{margin:3px 0; position:relative;}
			#left_sidebar ul li a{font:14px lato; color:#525252; text-transform:uppercase; display:block; background:url(images/services_tab.jpg) repeat-x center top; border:1px solid #e4e4e4; border-radius:5px; height:40px; padding:10px 0 0 42px;}
			#left_sidebar ul li a:before{content:url(images/services-before.png); left:17px; top:11px;}
			#left_sidebar ul li a:hover:before, #left_sidebar ul li.current_page_item a:before{content:url(images/services-hov.png);}
			#left_sidebar ul li a:hover, #left_sidebar ul li.current_page_item a{background-position:center bottom; color:#fff; border:1px solid #003d69;}
		.left_tab ul li a{font:20px/13px marko one; display:block; padding:14px 0 10px 70px; margin:8px 0; position:relative;}
	.left_tab ul li:first-child a{color:#fff64e; background:url(images/left_tab.png) top left;} 
		.left_tab ul li:first-child a:before{content:url(images/left-after.png); top:5px; right:5px;} 
		.left_tab ul li:first-child a:hover:before{content:url(images/left-hov.png);} 
	.left_tab ul li:nth-child(2) a{color:#6e3d24; background:url(images/left_tab2.png);} 
		.left_tab ul li:nth-child(2) a:before{content:url(images/left-after2.png); top:5px; right:5px;} 
		.left_tab ul li:nth-child(2) a:hover:before{content:url(images/left-hov2.png);} 
		.left_tab ul li a span {font:700 24px lato; color:#fff; display:block; position:relative;}
		.social{position:relative; text-align:right; padding-right:0px; margin:14px 0;}
		.social h2{font:18px lato; color:#595959; position:absolute; top:6px; left:0;}
		.social img{max-width:32px;}
			
	.col-b{width:660px; margin-bottom:0;}
		.maincontents{padding:0 15px 15px 0;}
		.assistive-text , .maincontents p, .maincontents ul li{font:15px lato; color:#595959;}
		.maincontents p, .maincontents ul li{line-height:25px !important; text-align:justify; padding:15px 0px 0 0px;}
		.maincontents img{border-radius:5px;}
		.maincontents h1{font:900 28px lato; color:#80118d;}
		.welcome {font-size:24px; font-weight:normal; color:#595959; display:block;}
		.maincontents ul{margin-left:10px;}
		.maincontents ul li{position:relative; list-style:none; padding-left:33px; text-align:initial;}
		.maincontents ul li:before{content:url(images/bullet.png); top:18px; left:0;}
		
		.newsletter{background:url(images/newsletter_bg.png) no-repeat; margin:40px 0 30px; padding:8px 13px 0 20px; width:651px; height:89px;}
			.newsletter h2{font:20px/20px lato; color:#595959; background:url(images/newsletter_icon.png) no-repeat; padding:14px 0 8px 68px; float:left; text-align:right;}
			.newsletter span{font:900 24px lato; color:#680a73; display:block;}
			.text{border:none; background:url(images/text_bg.png) no-repeat;width:305px; height:41px; font:13px lato; color:#7c7c7c; padding:5px 10px; float:left; margin:18px 5px 0 15px}
			.submit2{border:none; border-radius:5px; color:#6e3d24; font:900 18px lato; width:90px; height:40px; display:block; background:#ffbb00; float:right; margin-top:18px}
	.submit2:hover{background:#680a73; color:#fff;}
	
.bottom{width:100%; background:url(images/bottom_bg.jpg) repeat-x; height:198px;}
.bottom h2{font:20px/18px marko one; color:#551d5c;}
.bottom span{font:24px lato; color:#595959; display:block;}
	.con_info{width:49%; margin-top:27px;}
	.con_info h2{border-bottom:1px dotted #dddddd; padding-bottom:15px; margin-bottom:15px;}
		.con_info ul li{font:13px/20px lato; color:#4e4e4e; display:inline-block; vertical-align:top; padding-left:65px; position:relative; z-index:88;}
		.con_info ul li a{color:#561c5c; font-weight:bold; font-style:italic;}
		.con_info ul li a:hover{color:#ee3f5d;}
		.con_info ul li:first-child{background:url(images/icon_home.png) no-repeat 5px 5px;width: 50%;height: auto;}
		.con_info ul li:nth-child(2){background: url(images/icon_phone.png) no-repeat 28px 1px;position: absolute;height: 55px;display: inline-block;}
	.mission{width:49%; position:relative; padding:33px 20px;}
	.mission img{margin-right:10px; max-width:160px;}
	.mission h2{margin:0 0 10px;}
	.mission p{font:13px/22px lato; color:#7c7c7c; }
	.mission:before{content:url(images/mission_before.png); top:0; left:-108px;}
	.mission:after{content:url(images/mission_after.png); top:0; left:0;}

/*footer*/
footer{width:100%; height:89px; padding:30px; background:url(images/footer_bg.jpg) repeat-x center top; color:#fff; font:14px lato; text-align:center;}	

	.footer_navigation{width:100%; margin:0 0 12px;}	
	.footer_navigation ul li {display:inline; position:relative;}
	.footer_navigation ul li:after{content:url(images/footer_spacer.png); top:3px; right:-7px;}
	.footer_navigation ul li:last-child:after{content:""; }
	.footer_navigation ul li a {padding:0 10px; color:#ffffff; text-transform:uppercase;}
	.footer_navigation ul li a:hover, .footer_navigation ul li.current_page_item a{color:#ffc72d; font-weight:700; text-decoration:underline;}
	/*copyright*/	
	#copyright {width:100%; font-weight:700;}
	#copyright a{color:#fff;}
	#copyright a:hover{text-decoration:underline;}

/*SEARCH*/
.search_results div.page, .search_results div.post{ padding:15px; border:1px solid #000; background:#ffffe1; margin:10px 0; color:#000;}
.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; }
/*Resources*/
.resources {margin-top:20px;}
	.resources a {text-decoration:none; display:block;}
	.resources a:hover {text-decoration:none; padding-left:2px;}
	.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 #80118d; border-bottom:2px solid #80118d;  list-style:none;}
	.resources ul li span {font-size:11px; color:#1a1a1a; letter-spacing:1px;}
	.resources ul li:before{content:"";}

/* IE 7 */
.lt-ie8 .dang-ie{width: 100%; height: 100%; position: fixed; background-color: #00abdd;}

.message{text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}

.inner-message{position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{position: relative; left: 3em;}
.inner-message a.download{display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}

.terms{color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}

.lt-ie8 .protect-me{display: none; }

