/* CSS Codes By Emman Ruaza */

/**************** css 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

b, strong{font-weight:bold; font-weight:700;}

body { 
margin:0; 
padding:0; 
line-height:22px;
font-family: Arial, Helvetica, Verdana, sans-serif; 
color:#000; 
font-size:13px;
background:url(images/bg.jpg) repeat-x top center #dbdbdb; 
}

/****************** content *******************/
.content{text-align:justify; color:#505050;}
.content h3{margin:30px 0 10px 0;}
.content a{text-decoration:none; font-weight:bold; color:#a3480b;}
.content a:hover{text-decoration:underline; color:#FF7700;}
.content ul{list-style-image:url(images/bullet-orange.png); padding-left:25px; margin:0 0 15px 0;}

table.tborder{border-collapse:collapse; text-align:center;}
table.tborder tr td{border:1px solid #333;}

/******************* basics *******************/
.comp{ color:#f77619; font-weight:bold; }
.comingsoon{ color:red; 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;}
.fleft{float:left;}
.fright{float:right;}
.margin30{margin-right:30px;}
p{ padding:0px 0px 12px 0px; }
h1{ font-size:24px; margin:5px 0 15px 0; padding:0;}
h2{ font-size:20px; margin:5px 0; padding:0;}
h3{ font-size:17px; color:#EC6F12; font-weight:bold; display:block; clear:both;}
h4{ font-size:15px; color:#333; margin:20px 0 10px 0; font-weight:bold; display:block; clear:both;}
h5{ font-size:14px; margin:5px 0; padding:0; font-weight:bold; clear:both;}
h6{ font-size:12px; margin:5px 0; padding:0; font-weight:bold; clear:both;}

h2.product{font-weight:bold; color:#ED6810; margin:20px 0 13px 0; border-bottom:1px solid #999; padding-bottom:10px; font-size:22px!important; clear:both;}

.servs-cont{margin-left:20px; border-bottom:1px solid #e5e1e1;}

.ci-sidebar{font-size:13px; color:#505050; margin-top:15px; padding-left:10px;}
.ci-sidebar a{color:#505050;}
.ci-sidebar a:hover{color:#FF7700;}

.product-tools{width:444px; margin:0 auto; padding:10px 0;}

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

#banner{width: 1000px; height: 218px; position:relative;}
	.banLeft{width:357px; height:112px; background:url(images/banner-bg.png) no-repeat top left; position:absolute; z-index:2; padding:13px 0 0 15px; bottom:0; left:0;}
	.banRight{width:286px; height:109px; position:absolute; right:0; top:45px; text-align:right;}
	.banRight span.btxt1{font-size:18px; color:#8c8c8c;}
	.banRight span.btxt2{font-size:25px; color:#fff; font-weight:bold;}
	.banRight form{position:relative; top:20px; width:257px;}
	.banRight form input{font-style:italic; color:#8c8c8c; font-size:13px; padding:7px 13px; width:257px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:none!important;}
	.banRight form input[type="submit"]{background:url(images/icon-magnifyng.png) no-repeat center; width:23px; height:23px; position:absolute; cursor:pointer; top:2px; right:-22px;}
	
	.banner-smedia{width:261px; position:absolute; right:0; top:-14px;}
	.banner-smedia a img{border:1px solid #4F4F4F; border-bottom:2px solid #606060; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.banner-smedia a:hover img{border:1px solid #4F4F4F;}
	
	.nav-bg{
		background:url(images/nav-bg.jpg) repeat-x top left; width:990px; height:57px; 
		border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;
		position:absolute; right:0; bottom:0;
		}

#nav{width: auto; height:57px; position:absolute; z-index:8; right:3px; bottom:0;}
	#nav ul{margin:0; padding:0; list-style: none;}
	#nav ul li{display: inline; float: left; padding:0; margin: 0;}
	#nav ul li.nav-spacer{width:19px; height:57px; float: left; display: block; margin-left:-1px; position:relative; z-index:-9; background: url(images/nav-spacer.jpg) no-repeat center;}
	#nav ul li a {
		background:url(images/navspacer.png) no-repeat top left; margin-top:10px;
		padding:13px 13px 0 13px; height:25px; font-size:15px; color:#545454;
		text-decoration:none; text-transform:uppercase; font-weight:bold;
		text-align:center; float:left; display:block; border-radius:5px;
		}
	#nav ul li.current_page_item a, #nav ul li a:hover{background:url(images/nav-hover.jpg) repeat-x top left; color:#fff;}

#flash{width:1200px; height:435px; margin:50px auto -30px auto;}
	
#mid{width:1000px; height:147px; position:relative; margin-top:30px; position:relative; z-index:999;}
	#mid ul{
		left: 10px;
		list-style: none outside none;
		padding: 0;
		position: relative;
		top: 20px;
	}
	
	#mid ul li{
		/* background: url("images/mid-bg-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); */
		background: url("images/box.png") no-repeat;
		float: left;
		height: 126px;
		padding: 15px 0 0 0px;
		margin:0 0 0 5px;
		position: relative;
		width: 190px;
		z-index: 1000;
	}
	
	/* March 14,2014 - edited */
	
	/* #mid ul li:after{ 
		content: url("images/mid-arrow-right.png");
		position: absolute;
		right: 15px;
		top: 0;
		z-index: -1;
	}
	
	#mid ul li:before{ 
		content: url("images/mid-arrow-before.png");
		left: -61px;
		position: absolute;
		top: 0;
	} */
	
	/* end of March 14,2014 - edited */
	
	#mid ul li:first-child:before
	{
		content: "";
	} 
	
	#mid ul li p{
		color: #FEC156;
		width: 161px;
		line-height: 16px;
		font-size: 11px;
		padding: 7px 0 0 7px;
	}
	#mid ul li p a{color:#fff; font-weight:bold; font-style:italic; text-decoration:none; position:relative;}
	#mid ul li p a:after{content:url(images/mid-btn.png); position:absolute; right:-15px; bottom:2px;}
	#mid ul li p a:hover{text-decoration:underline;}
	#mid ul li h3 span{color:#fff; padding-left:10px;}
	#mid ul li h3 span.ttle1{font-size:20px;}
	#mid ul li h3 span.ttle2{font-size:20px;}
	/*#mid ul li:first-child img{position:absolute; right:36px; top:6px;}
	 #mid ul li:nth-child(2) img{position:absolute; right:50px; top:10px;}
	#mid ul li:last-child img{position:absolute; right:53px; top:10px;}
	#mid ul li:nth-child(2){left:330px; background:url(images/mid-bg2.png) no-repeat!important; padding:20px 0 0 70px!important; width:300px!important;}
	#mid ul li:last-child{left:650px; background:url(images/mid-bg2.png) no-repeat!important; padding:20px 0 0 70px!important; width:300px!important;} */
	.whitebg{width:1000px; height:78px; position:absolute; bottom: -20px; z-index:-1; background:#fff;}
	
	.wellborestyle {font-size:10px !important;}

#main{width:970px; height:auto; background:#fff; padding:30px 15px 20px 15px; border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; position:relative; z-index:99;}
	/******** col-a *********/
	#col-a{width:309px; height:auto;}
		#col-a ul{list-style:none; padding:0;}
		#col-a ul li{margin:5px 0;}
		#col-a ul li a{
			background:url(images/sidebar-btn.jpg) repeat-x bottom left;
			width:269px; height:29px; display:block; text-decoration:none;
			font-size:15px; font-weight:bold; color:#fff; position:relative;
			padding:12px 0 0 40px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
			}
			#col-a ul li a:before{content:url(images/col-side-bfore.png); position:absolute; left:22px; top:15px;}
		#col-a ul li.current_page_item a, #col-a ul li a:hover{background:url(images/sidebar-btn.jpg) repeat-x top left;}
		
		.newsletter{
			background:url(images/sidebr-bx.png) no-repeat top left #EB6E11;
			width:292px; height:auto; margin-top:15px; padding:10px 0 10px 17px;
			border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
			}
			 .newsletter span.ttle-tag{color:#fff; font-size:16px; font-weight:bold;}
			 .newsletter form{margin-top:5px;}
			 .newsletter form input.eadd{
				background:#fff; color:#000; font-style:italic; margin-bottom:10px;
				border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
				border:1px solid #000; width:261px; height:23px; padding-left:15px;
				}
			.newsletter form input[type="submit"]{
				background:url(images/form-submit.jpg) repeat-x top left; cursor:pointer;
				width:95px; height:22px; border:1px solid #696969; margin-top:5px;
				border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
				}
		
	/******** col-b *********/
	#col-b{width:625px; height:auto; margin:5px 10px 0 0;}
		#col-b h1 span.ttle1 cufon{padding-bottom:5px;}
		#col-b h1 span.ttle1{font-size:20px;}
		#col-b h1 span.ttle2{font-weight:bold; font-size:25px; color:#f77619;}

/*********** mid-bottom **********/
#mid-bottom{
	background:url(images/mid-bottom.jpg) repeat-x top left #1E1D1B;
	width:100%; height:150px; margin-top:-70px; color:#fff;
	padding:90px 0 30px 0;
	}
	#mid-bottom ul{padding:0; list-style:none; width:1000px; margin:0 auto;}
	#mid-bottom ul li{display:block; float:left; width:210px; margin-right:53px;}
	#mid-bottom ul li a{font-weight:bold; color:#ff6f08; text-decoration:none;}
	#mid-bottom ul li a:hover{text-decoration:underline;}
	#mid-bottom ul li:last-child{margin:0!important;}


/*********** footer ***********/
#footer{width:100%; height:60px; text-align:center; background:url(images/footer-bg.jpg) repeat-x top left #fff; color:#4b4b4b; font-size:12px;}
	#footer ul{list-style:none; padding-top:10px;}
	#footer ul li{margin:0 5px; display:inline;}
	#footer ul li a{text-align:center; color:#4b4b4b; text-decoration:none;}
	#footer ul li a:hover, #footer ul li.current_page_item a{text-decoration:underline;}
	
	.copyright a{color:#4b4b4b; text-decoration:none;}
	.copyright a:hover{text-decoration:underline;}

/*SEARCH*/
.search_results div.page, .search_results div.post{ padding:15px; border:1px solid #D68B00; border-bottom:2px solid #936000; background:#FFECC9; margin:10px 0; color:#000;}
.search_results h2 a{ text-decoration:none; }
.search_results div.entry-meta{ font-style:italic; }
.search_results a{ color:#333; }
.search_results a:hover{ text-decoration:none; color:#E4701B;}

/******************* 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;}
.content .resources ul{list-style:none; padding:0!important;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE; border:1px solid #FF7E23; border-bottom:2px solid #FF7E23;}
.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;} /*optional*/

/******************* services ******************/
.servicesc {font-size:14px; margin:-10px 0 10px 0;}
.servicesc a {color:#444; text-decoration:none!important; font-weight:bold; position:relative;}
.servicesc a:hover {color:#FF6600; padding-left:1px;}
.content .servicesc ul{list-style:none; padding:0!important;}
.servicesc ul li{padding:5px 25px; margin:0; position:relative;}
.servicesc ul li:before{position:absolute; content:url(images/bullet-orange.png); left:2px; top:9px;}