@charset "utf-8";
/* CSS Document */



@font-face {
	font-family: 'Conv_POORICH';
	src: url('../fonts/POORICH.eot');
	src: local('☺'), url('../fonts/POORICH.woff') format('woff'), url('../fonts/POORICH.ttf') format('truetype'), url('../fonts/POORICH.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{margin:0; font-family:Arial, Helvetica, sans-serif; background:#ededed;}
h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0; padding:0;}

img{max-width:100%;}
a{text-decoration:none;}

.clear{clear:both;}

.siteWraper{margin:0;}
.inner{width:960px; margin: 0 auto;}
.innerpages{width:960px; margin: 0 auto; min-height:600px;}


.header{background:#fff url(../images/top-bg.jpg) repeat-x; border-top:4px solid #114483; border-bottom:2px solid #2070d1; padding:7px 0 10px 0;}
.header .logo{float:left; width:35.52083333333333%;}

.navbox{width:63%; float:right;}
.navbox .nav {list-style:none; margin:45px 0 0 0; padding:0; float:right;}
.navbox .nav li {float:left; position:relative; margin-left:5px;}
.navbox .nav li a {font-size:14px; color:#636363; font-weight:bold; text-decoration:none; padding: 0 15px; line-height:35px; float:left;}
.navbox .nav li a:hover, .navbox .nav li:hover a, .navbox .nav li a.active {background:#175aac; color:#fff;}
.navbox .nav li .dropnav {display:none;}
.navbox .nav li:hover .dropnav {display:block; margin:0; padding:0; list-style:none; position:absolute; top:35px; left:0; background:#175aac; width:270px; z-index:10000;}
.navbox .nav li li {float:none; margin-left:0;}
.navbox .nav li li a {float:none; display:block; color:#fff;}
.navbox .nav li li a:hover {background:#0f478e;}



/*Slider*/
.slides_container{overflow:visible;}
.slides_control img{width:100%;}
.slides_control{width:auto !important;}


.innerContent{margin-top:20px;}
.innerContent h1{border-bottom:3px solid #c2c2c2; font-size:36px; font-weight:normal; font-family: 'Conv_POORICH'; padding-bottom:10px; margin-bottom:15px;}
.innerContent h1 span{color:#195cb2;}
.innerContent img{padding:5px; background:#fff; box-shadow:0 0 5px #ccc;}

.innerContent h2{font-size:26px; font-weight:normal; font-family: 'Conv_POORICH'; padding-bottom:5px;}
.innerContent h3{font-size:24px; font-weight:normal; font-family: 'Conv_POORICH'; padding-bottom:5px;}
.innerContent p{font-size:13px; color:#444; line-height:20px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
.innerRightColum{width:27.60416666666667%; float:right; margin-top:5px; min-height:340px; margin-right:10px;}
.innerRightColum img{padding:5px; background:#fff; box-shadow:0 0 5px #ccc;}
.innerContent .leftColum{margin:0;}

.clientsList{list-style:none; margin-bottom:15px;}
.clientsList li{float:left; width:48%; margin: 5px 1%; background: #fff; box-shadow: 0 0 5px #ccc; height:110px;}
.clientsList li .imgBox{float:left; width:55%; min-height:99px;  text-align:center; padding:2px; border-right:1px solid #ddd;}
.clientsList li img{border:none; box-shadow:none; max-width:95%;}
.clientsList li .logolabel{float:left; font-size:18px; font-weight:bold; margin:30px 0 0 10px; color:#195cb2;}


/*Left Col*/
.leftColum{width:66.66666666666667%; float:left; margin-top:20px; margin-left:10px;}
.leftColum h1{border-bottom:3px solid #c2c2c2; font-size:36px; font-weight:normal; font-family: 'Conv_POORICH'; padding-bottom:10px; margin-bottom:15px;}
.leftColum h1 span{color:#195cb2;}
.leftColum p{font-size:13px; line-height:18px; text-align:justify;}
.leftColum p img{float:left; background:#fff; padding:7px; margin:0 10px 0 0}





/*Right Col*/
.rightColumint{width:28.60416666666667%; float:right; margin-top:20px; min-height:340px;}
.rightColumint h3{margin-top:5px; font-size:24px; font-weight:normal; line-height:19px; font-family: 'Conv_POORICH';}
.rightColumint p{margin-bottom:5px; font-size:13px; color: #444;}
.rightColumint .joblist{padding-bottom:0; margin-bottom:0px; border-bottom:none;}
.rightColumint .joblist li{background:#eee;}
.rightColumint .joblist li a{color: #175aac;}
.rightColumint .joblist li a:hover{color:#000;}

.rightColumint .map{padding:0; background:none; box-shadow:none;}
.rightColumint .direction{font-size:16px; color:#175aac; font-weight:bold;}
.rightColumint .emailus{background: #175aac; color: #fff; font-size:14px; font-weight:bold; text-align:center; display:block; padding: 7px 15px;}
.rightColumint .emailus:hover{background:#0f478e;}
.rightColumint .address{font-size:12px; font-weight:bold; padding:10px 0; background:#fff; border-top:1px solid #ccc; margin-top:10px;}
.rightColumint .rightwidget{background:#fff; padding:10px; border:1px solid #ddd; margin-bottom:15px;}
.rightColumint .rightwidget img{max-width:96%;}

.rightColum{width:27.60416666666667%; float:right; margin-top:20px; margin-right:10px;}
.testimonial {list-style:none; margin:0; padding:0;}
.testimonial li {display:none; padding:15px;}
.testimonialColumn{min-height:340px; background:#FFF url(../images/test-bg.png) no-repeat; margin-bottom:15px;}
.testimonialColumn p {font-size:13px; font-style:italic; color:#555; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.testimonialColumn .userName {font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#555; padding: 7px 0; text-align:center; text-align:right; 	margin-top:15px;}
.testimonialColumn .userName span {font-size:12px; color:#999; display:block;}


/*Services*/
.servicesWrap{padding:30px 0 20px 0;}
.servicesWrap .serviceList{list-style:none;}
.servicesWrap .serviceList li{width:31%; float:left; margin:1%; text-align:center;}
.servicesWrap .serviceList li img{padding:5px; background:#fff; box-shadow:0 0 5px #ccc;}
.servicesWrap .serviceList li .heading{font-size:24px; font-family: 'Conv_POORICH'; text-transform:uppercase; margin: 10px 0;}
.servicesWrap .serviceList li p{font-size:12px; color:#626262; line-height:18px; margin-bottom:5px;}
.servicesWrap .serviceList li a{display:block; color:#195cb2; text-decoration:underline; font-style:italic; font-size:12px;}


/*Clients*/
.clientsWrap{margin:20px 10px 15px 10px;}
.clientsWrap h2{font-size:24px; font-weight:normal; font-family: 'Conv_POORICH'; padding-bottom:10px;text-transform:uppercase;}
.clientsWrap .clientsBox{background:#fff; padding: 5px 10px;}
.clientsWrap .clientsBox img{max-width:none;}



/*Contact*/
.contactbox{padding-top:10px; width:60%; margin-bottom:15px; float:left;}
.contactbox .contactinner{margin-bottom:10px; position:relative;}
.contactbox .contactinner label{font-size:12px; font-weight:bold; margin-right:10px; padding-top:7px; color:#333; width:25%; float:left;}
.contactbox .contactinner .formfield{background:#fff; border:1px solid #999; width:65%; float:left; font-size:16px; color:#868686; text-shadow:1px 1px #fff; padding:7px;}
.contactbox .contactinner .formfield2{width:40%; padding:7px; border:1px solid #999;}
.contactbox .contactinner .formfield3{width:25%; padding:7px; background:#fff; border:1px solid #999;}
.contactbox .contactinner .formarea{width:66%; height:130px; padding:5px; background:#fff; border:1px solid #999;}
.contactbox .btnbox{margin-left:26.5%;}
.contactbox .btnbox .formbutton{background:#175aac; color:#fff; border:none; cursor:pointer; font-size:14px; font-weight:bold; padding: 8px 15px;}
.contactinner span{float:right;}
.error{color:#D50005; font-size:12px;}
.errowbox{background:url(../images/errorarow.png) no-repeat 5px 22px; padding-bottom:8px; position:absolute; top:-23px; right:0; z-index:100;}
.errowbox .erormsg{height:22px; line-height:22px; font-size:12px; color:#FFF; padding: 0 10px; background:#ff0000; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}


.locationbox{width:34%; float:right; border:1px solid #ddd; padding:1.5%; background:#fff; margin-bottom:15px;}
.locationbox p{font-size:14px; font-weight:bold;}

.joblist{border-bottom:1px solid #ddd; padding-bottom:20px; list-style:none;}
.joblist li{margin: 6px 0; font-size:14px; font-weight:bold; color:#175aac; background:#fff; padding: 5px 10px; border-left:2px solid #175aac;}


.serviclist{list-style:none;}
.serviclist li{margin:0;}
.serviclist li a{margin: 6px 0; font-size:14px; font-weight:bold; color:#175aac; background:#fff; padding: 5px 10px; border-left:2px solid #175aac; display:block;}
.serviclist li a:hover{background:#333; color:#fff;}

.marquee{overflow: hidden;}
  
/*Footer*/
.footer{background:#3b3b3b; border-top:2px solid #195cb2; padding: 10px 0; font-size:12px; color:#ccc;}
.footer .footernav{float:left; margin-left:10px; line-height:20px;}
.footer .credits{float:right; margin-right:10px; margin-top: 25px;}
.footer a{color:#fff; padding: 0 3px;}
.footer a:hover{text-decoration:underline;}










@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}







.tickercontainer { /* the outer div with the black border */
margin: 0; 
padding: 0;
overflow: hidden; height:98px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left:0;
top: 0;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}