/* CSS Document */

/* ------------------------------------------ */

/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */

/* ------------------------------------------ */

* { margin: 0; padding: 0;/*text-decoration:none;*/list-style:none ; text-decoration:none;}

html { overflow-y: scroll; }

a { outline: none; 	}

a img { border: none; }

img{ border:none}

a{ /*text-decoration:none;*/}

/* END RESET */

/* ------------------------------------------ */

/* PAGE STRUCTURE */

/* ------------------------------------------ */

.clear{
	clear:both;
}

/* CSS Document */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/

.clearfix {display:block;}

/* End hide from IE-mac */



/* font reset */
body {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#333333;
	background: #434343 url(../images/body-bg.jpg) no-repeat center top;
	text-align:center
}
/* = wrapper styles 
------------------------------*/
.wrapper{
	width:989px;
	margin:0 auto;
	text-align:left;
}
/* = HEADER styles 
------------------------------*/
#header{
	position:relative;
	height:220px;
	background:url(../images/header-bg.png) no-repeat  left top;
}
#logo h1 a {
	width: 172px;
	display: block;
	top: 15px;
	left: 400px;
	position: absolute;
	z-index: 11;
}
#tagline {
	float: left;
	position: absolute;
	top: 142px;
	color:#0e369d;
	left:35px;
	font-weight: 700;
}
#callus {
	position: absolute;
	right: 35px;
	top: 142px;
	color:#000000;
	font-weight: 700;
}
#callus h3 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	text-align: right;
}
#callus ul {
	margin: 0;
	padding: 0;
}
#callus li {
	margin: 0;
	padding: 0;
	float: left;
	padding: 0 12px;
	/*background:url(../images/li-bg.png) no-repeat right 4px;*/
}
#callus li:last-child{
	padding-right:0;
	background:none;
}
/*-------------------------#banner-----------------------*/
#banner {
	width: 989px;
}
#slider {
	width: 960px;
	margin: 0 auto;
}
/* = service styles  
------------------------------*/  
#main{
	
}
.service_container {
	width: 989px;
	margin: 0 auto;
	background:url(../images/main-bg.png) repeat-y bottom right;
}
.service{
	padding:20px;
	width:920px;
	margin:0 auto
}
.hgt {
	height:250px;
	float:left;
	margin:0 10px 10px 0;
}
.home .service{
	padding-bottom:0;
	padding:18px;
}
.serviceBlock_1{
	padding:0;
	margin:0;
	width:260px;/*260*/
	float:left;
	margin-right:10px;
	background:url(../images/serviceblock1-bg.jpg) repeat-x left top;
	padding:20px 20px 0 
}
.serviceBlock_1 UL {
	margin:0 0 26px 20px;
}

.serviceBlock_1 UL LI {
	list-style: disc inside none;
	color:#000000;
	font-size:15px;

	padding:0 0 10px 0;
}	
.large{
	width:880px!important;
	background:none;
}

.large img {
	margin:0 0 10px 10px;
	border:3px solid #ebf2fa;
	clear:right;
}

.blue{
	background:url(../images/serviceblock1-bg.jpg) repeat-x left top !important;
}

.nobg {
	background:none;
}

.blue img {
	margin:0 0 10px 10px;
	border:3px solid #ebf2fa;
	clear:right;
}	

.half{
	width:410px!important;
}	

.serviceBlock_2{
	padding:0;
	margin:0;
	width:260px;
	float:left;
	margin-right:10px;
	background:url(../images/serviceblock2-bg.jpg) repeat-x left top;
	padding:20px 20px 0 
}
.serviceBlock_3{
	padding:0;
	margin:0;
	width:260px;
	float:left;
	background:url(../images/serviceblock3-bg.jpg) repeat-x left top;
	padding:20px 20px 0 
}
#map {
	margin: 0 auto;
	width: 254px;
}
#map img{
	border:3px solid #a1a1a1;
}
#main h2{
	padding:0;
	margin:0;
	color:#0a5098;
	font-size:20px;
	font-weight:400;
	margin-bottom:15px
}
#main p{
	padding:0;
	margin:0;
	color:#000000;
	font-size:15px;
	font-weight: 350;
	padding-bottom:20px
}
/* = footer styles 
------------------------------*/
#footer{
	width: 989px;
	margin: 0 auto;
	padding-top:35px;
	padding-bottom: 10px;
	background:url(../images/footer-bg.png) no-repeat left top;
}
#copyright{
	float:left;
	line-height:32px;
	color:#ffffff;
	margin-left: 35px;
}
#copyright p{
	color:#ffffff;
	font-size:15px;
}
#social {
	float: right;
	padding-right:14px;
	padding-right: 21px;
}
#social img{
	padding-right:14px;

}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
.nav_container{
	background: url(../images/menu-bg.png) no-repeat 0px top;
	height: 56px;
	width: 989px;
	z-index: 10;
}
#topnav{
	width: 97%;
	float: left;
	margin-left: 17px;
	text-align: center;
	height: 54px;
	border-bottom: 1px solid #fff;
}
ul#menu-main-menu,
div#menu-main-menu > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left:18px
	
}
#menu-main-menu li {
	position: relative;
	float: left;
	padding:0;
	margin:0;
	margin-right:10px;
	line-height:54px
}
#menu-main-menu li a {
	padding:0;
	margin:0;
	position: relative;
	display:block;
	color:#fff;
	display: block;
	padding:0 15px;
	font-size:15px;
	text-transform:capitalize;
}
#menu-main-menu li ul.sub-menu {
	margin: 0px;
	z-index: 102;
	position: absolute;
	color: #1033a4;
	background:#ffe400;
	padding-top:12px;
	top:54px;
	left:0;
	border-top: 1px solid #fff;
}
#menu-main-menu li ul.sub-menu li a:hover { color:#fff; background:#1033a4}
#menu-main-menu li ul li {
	padding:0;
	margin:0;
	position: relative;
	display:block;
	float:none;
	line-height:35px
}
#menu-main-menu li ul li a {
	white-space: nowrap;
	font-size: 15px;
	color: #1033a4;
	text-transform: none;
	display:block;
	text-align:left
}
#menu-main-menu li:hover > a,
#menu-main-menu li a:hover,
#menu-main-menu li:focus > a,
#menu-main-menu li a:focus {
	background:#ffe400;
	color:#1033a4;
}

#menu-main-menu .sub-menu,
#menu-main-menu .children {
	border:none;
	background:none;
	border-top: 0;
	padding: 0;
	position: absolute;
	left:15px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	top:32px;
}

#menu-main-menu .sub-menu ul,
#menu-main-menu .children ul {
	border-left: 0;
	padding:0;
	margin:0;
	left: 100%!important;
	top: 0!important;
	
}
ul#menu-main-menu ul a,
#menu-main-menu ul ul a {
	color: #fff;
	display:block;
}

ul#menu-main-menu ul a:hover,
#menu-main-menu ul ul a:hover,
ul#menu-main-menu ul a:focus,
#menu-main-menu ul ul a:focus {
	background:#ffe400;
	color:#1033a4;
	
}
ul#menu-main-menu li:hover > ul,
#menu-main-menu ul li:hover > ul,
ul#menu-main-menu .focus > ul,
#menu-main-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

#menu-main-menu .current_page_item > a,
#menu-main-menu .current_page_ancestor > a,
#menu-main-menu .current-menu-item > a,
#menu-main-menu .current-menu-ancestor > a {
	background:#ffe400;
	color:#1033a4;
	
}