/* CSS Codes by: John Rufo D. Lidot */

/*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:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:22px; background:url(images/bg.jpg) repeat-x center top #bae4fd;}

/*basics*/
a img {border:none;}
img, a {border:none; outline:none !important;}
a {color:#756600; text-decoration:underline;}
a:hover {color:#f7640f; text-decoration:none;}
.comp {color:#f7640f; font-weight:bold;}
.comingsoon {color:#FF0000; font-weight:bold; font-style:italic;}
.clearfix {clear:both; overflow:hidden;}
.floatleft-img {float:left; padding-right:10px;}
.floatright-img {float:right; padding-left:10px;}
.floatright2-img {float:right; padding-left:10px; margin-top:40px;}
.float-img {vertical-align:middle;}
.f-left {float:left;}
.f-right {float:right;}
.widget_class {margin:0 0 0 0; padding:0; list-style:none;}
h1{font-size:24px; margin:0; padding:0;}
h2{font-size:20px; margin:0; padding:0;}
h3{font-size:16px; margin:0; padding:0;}
h4{font-size:14px; margin:0; padding:0;}
h5{font-size:12px; margin:0; padding:0;}
h6{font-size:10px; margin:0; padding:0;}

/*wrapper*/
#wrapper {width:1000px; height:auto; margin:0 auto 0 auto;}

/*banner*/
#banner {width:1000px; height:201px; margin:10px auto 0 auto; background:url(images/banner-bg.png) no-repeat left top; position:relative;}
	.complogo {float:left; padding:75px 0 0 25px;}
	.callus {float:right; font-size:18px; font-weight:normal; color:#FFF; text-align:right; padding:110px 25px 0 0;}
		.callus span {font-size:22px;}
		.callus cufon {padding-bottom:5px;}
	
/*nav*/
#nav {width:1000px; height:55px; font-size:14px; font-weight:normal; color:#FFF; text-align:center; background:url(images/nav-bg.jpg) no-repeat left top;}
	#nav ul {margin:0; padding:0; list-style:none; padding-left:1px;}
	#nav ul li {display:inline; float:left;}
	#nav ul li.last {display:inline; float:left; padding:0 3px 0 3px; background:none;}
	#nav ul li a {width:auto; height:35px; color:#FFF; text-decoration:none; padding:20px 54px 0 54px; display:block; float:left;}
	#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 bottom;}
	#nav ul li.nav-spacer {width:2px; height:20px; line-height:20px; float:left; background:url(images/nav-spacer.jpg) no-repeat right top; margin-top:17px;}
	
/*flash*/
#flash {width:1000px; height:468px; background:url(images/flash-bg.jpg) no-repeat left top; position:relative;}
	.flash-images {float:left; width:450px; height:412px; position:absolute; top:32px; left:25px; z-index:999;}
	.flash-texts {float:right; width:490px; height:auto;}
		.flash-texts h1 {font-size:51px; color:#275cf5; font-weight:normal; padding-top:38px;}
		.flash-texts h2 {font-size:44px; color:#fa6611; font-weight:normal; padding:14px 0 8px 118px;}
		.flash-texts p {width:470px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:normal; text-align:left; line-height:24px; padding-bottom:10px;}
		.btn-flash a {width:265px; height:31px; font-size:18px; font-weight:normal; color:#FFF; text-align:center; text-decoration:none !important; display:block; background:url(images/btn-flash.png) no-repeat left top; padding:16px 0 0 0;}
		.btn-flash a:hover {color:#FFF; text-decoration:none !important; background:url(images/btn-flash.png) no-repeat left bottom;}
	
/*main*/
#main {width:1000px; height:auto; margin:0 auto; clear:both; overflow:hidden; background:#FFF; position:relative;}
	#col-a {width:308px; height:auto; float:left; padding:15px 0 15px 15px;}
		.left-services {width:308px; height:187px; background:url(images/left-services-bg.jpg) no-repeat left top; position:relative;}
		.left-services h1 {font-size:25px; font-weight:normal; color:#2a58df; padding:29px 0 2px 96px;}
		.left-services p {width:204px; font-family:Arial; font-size:13px; color:#000; font-weight:normal; line-height:21px; padding:0 0 5px 96px;}
		.left-services img {position:absolute; top:60px; right:0;}
		
		.left-services-tabs {width:308px; height:auto;}
		.left-services-tabs ul {margin:0; padding:0; list-style:none; margin:0 0 5px 0;}
		.left-services-tabs ul li a{margin-bottom:5px; background:url(images/btn-left-services.png) no-repeat left top; width:256px; height:33px; text-decoration:none; color:#FFF; font-size:18px; font-weight:normal; padding:9px 0 0 65px; display:block;}
		
		.left-services-tabs ul li a:hover, .left-services-tabs ul li.current_page_item a {background: url(images/btn-left-services.png) no-repeat left bottom; color:#FFF;}		
		
		.left-services-tabs2 {width:308px; height:auto;}
		.left-services-tabs2 ul {margin:0; padding:0; list-style:none; margin:0 0 5px 0;}
		.left-services-tabs2 ul li a{margin-bottom:5px; background:url(images/btn-left-services2.png) no-repeat left bottom; width:256px; height:30px; text-decoration:none; color:#FFF; font-size:18px; font-weight:normal; padding:9px 0 0 65px; display:block;}
		
		.left-services-tabs2 ul li a:hover, .left-services-tabs2 ul li.current_page_item a {background: url(images/btn-left-services2.png) no-repeat left top; color:#FFF;}		
		
		.left-box-refer {width:308px; height:auto; margin:10px auto 0 auto; background:#f4620d url(images/left-box-refer.png) repeat-x left top !important; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
			.left-box-refer-canvas {padding:10px 10px 15px 23px;}
			.left-box-refer-title {padding:8px 0 0 0;}
				.refer-title1 {font-size:22px; font-weight:normal; color:#FFF;}
				.refer-title2 {font-size:22px; font-weight:normal; color:#FFF;}
			.left-box-refer p {width:250px; font-family:Arial; font-size:13px; font-weight:normal; color:#FFF; margin-bottom:14px;}
			.left-box-refer a {display:block; background: url(images/btn-left-box-refer.png) no-repeat left top; width:130px; height:26px; text-decoration:none; color:#FFF; font-size:16px; font-weight:normal; text-align:center; padding-top:9px;}
			.left-box-refer a:hover {background: url(images/btn-left-box-refer.png) no-repeat left bottom; color:#1f1f1f;}	
				
	#col-b {width:660px; height:auto; float:right; margin:5px 0 0 0;}
		/*mid*/
		#mid {width:648px; height:198px; margin:10px 0 0 -5px; border:1px solid #b2b2b2;}
			#mid tr td {padding:7px 2px 0 7px;}
		
		.maincontent {margin:30px 15px 0 0;}
			.maincontent h1 {font-family:Arial; font-size:21px; color:#000; font-weight:normal; padding-bottom:5px;}
			.maincontent h2 {font-family:Georgia; font-size:24px; color:#2a58df; font-weight:normal; padding-bottom:10px;}
			.content {font-family:Arial; font-size:13px; color:#000; text-align:justify; line-height:22px;}
			.content p {padding:0 0 5px 0;}
			.content {margin:0 0 0 0;}
			.content ul {margin:0; padding:0; margin-left:25px; margin-right:15px;}
			.content ul li {background:url(images/img-cont-thumb.png) no-repeat left center; padding:1px 10px 1px 26px; list-style:none;}

/*footer*/
#footer {width:1000px; height:146px; margin:0 auto; background:url(images/footer-bg.jpg) repeat-x; position:relative;}
	#contact {position:absolute; top:10px; left:23px; width:390px; height:auto;}
	#contact h1 {padding:15px 0 5px 0; font-size:16px; font-weight:normal; color:#FFF;}
		.address {padding-top:12px; font:13px Arial; color:#f9fbc8; line-height:19px;}
		.viewmap {color:#FFF; font-family:Arial; font-size:13px; font-weight:bold; line-height:19px;}
		.viewmap a {color:#FFF; text-decoration:underline;}
		.viewmap a:hover {color:#ff5e00; text-decoration:none;}
		.phone {padding-top:10px; line-height:19px !important; font:13px Arial; color:#f9fbc8;}
		.email {line-height:19px !important; font:13px Arial; color:#f9fbc8;}
		.email a {color:#FFF; text-decoration:underline;}
		.email a:hover {color:#ff5e00; text-decoration:none;}			
	#footer-links {position:absolute; top:10px; left:460px; width:295px; height:auto;}
		#footer-links h1{padding:15px 0 18px 0; font-size:16px; font-weight:normal; color:#FFF;}
		#footer1 {overflow:hidden; width:100px; float:left;}
			#footer1 ul {margin:0; padding:0; list-style:none;}
			#footer1 ul li {margin-bottom:3px;}
			#footer1 ul li a {display:block; background:url(images/btn-footer-bull.png) no-repeat left center; text-decoration:none; color:#FFF; padding:0 0 0 11px; font:13px Arial; line-height:19px;}
			#footer1 ul li a:hover, #footer1 ul li.current_page_item a {color:#ff5e00; background:url(images/btn-footer-bull.png) no-repeat left center; text-decoration:underline !important;}
		#footer2 {overflow:hidden; width:190px; float:right;}
			#footer2 ul {margin:0; padding:0; list-style:none; margin-bottom:0;}
			#footer2 ul li {margin-bottom:3px;}
			#footer2 ul li a {display:block; background:url(images/btn-footer-bull.png) no-repeat left center; text-decoration:none; color:#FFF; padding:0 0 0 11px; font:13px Arial; line-height:19px;}
			#footer2 ul li a:hover, #footer2 ul li.current_page_item a {color:#ff5e00; background:url(images/btn-footer-bull.png) no-repeat left center; text-decoration:underline !important;}
	#footer-logo {position:absolute; top:30px; right:23px;}
	#copyright {position:absolute; top:92px; right:33px; font-family:Arial; font-size:13px; color:#FFF; line-height:18px; text-align:center;}
		#copyright a {color:#FFF; text-decoration:none;}
		#copyright a:hover {color:#ff5e00; text-decoration:none;}

/*resources*/
.resources {font-size:14px;}
.resources a {color:#990100; text-decoration:none; display:block;font-weight:bold;}
.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;} /*optional*/

/*search*/
.search_results div.page, .search_results div.post {padding:20px; margin-bottom:8px; background:#FFFFE1; 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;}