/**************/
/* HTML5 CSS3 */
/**************/
body{
	width:100%;
	margin-top:0px;
	background:url(images/bcg_bgp.png);
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	
}
body > section {
	box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	width:1001px;
	margin: 0 auto;
}

/************/
/* CUSTOM FONTS */
/************/


/**********/
/* Header */
/**********/
body > section > header{
	height:280px;
	position: relative;
}
	body > section > header > section > section{
		height:280px;
		background:url(images/header_bgp.png) left top no-repeat;
	}
	
	
/*##### navigation menu #####*/
	body > section > header > section nav {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	body > section > header > section nav ul{
    margin: 0;
	}
	
	body > section > header > section nav ul li:last-child {
		border-left:none;
		border-radius: 0 0 40px 0;
		-moz-border-radius: 0 0 40px 0;
		-webkit-border-radius: 0 0 40px 0;
		padding-right: 40px;
	}

	body > section > header > section nav ul li{
		float:left;
		background: url(images/menu_grad_bgp.png) left top repeat-x;
		padding: 10px 20px;
	}
	body > section > header > section nav ul li:hover{
		background: url(images/menu_grad_flip_bgp.png) left top repeat-x;
	}
	
	body > section > header > section nav ul li a{
		color:#fff;
		display: block;
		overflow: hidden;
		cursor: pointer;
		font-size: 16px;
		list-style-type: none;
		font-family:'DejaVuSansBook', Arial, Helvetica, Sans-Serif ;
		text-align: left;
		text-decoration: none;
		font-weight: normal;
		text-transform: capitalize;
		text-shadow: 0 1px 1px #000A2B;
		-moz-text-shadow: 0 1px 1px #000A2B;
		-webkit-text-shadow: 0 1px 1px #000A2B;
	}

	body > section > header > section nav ul li a:hover{
		color:#d8fe59;
	}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #cccccc currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}
	
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
	body > section > header > section nav ul li a:active{
		color:#7C991A;
	}
	
/*##### navigation menu #####*/
	
	
/**********/
/* Header */
/**********/

/***********/
/* Content */
/***********/
body > section > section{
	width:961px;
	margin: 0 auto;
	padding: 20px;
	background: #ebebeb;
	position: relative;
}

.boxes {
   background: url(images/box_bgp.png) center top repeat-x;
   padding: 10px 20px;
   width: 255px;
   float: left;
   min-height: 305px;
}

.middle {
	margin: 0 38px;
}

.first h2 {padding-left: 42px; background: url(images/welcome_bgp.png) 5px center no-repeat #e0e0e8; }
.middle h2 {padding-left: 42px; background: url(images/why_bgp.png) 5px  center no-repeat #e0e0e8; }
.last h2 {padding-left: 42px; background: url(images/testimonials_bgp.png) 5px  center no-repeat #e0e0e8; }

.more {
	background: url(images/read_more_bgp.png) left bottom repeat-x #f5f5f5;
	color: #1d3676;
	padding: 3px 10px;
	border: 1px solid #d9d9d9;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	margin: 20px 0 0 0;
}

.more:hover {
	background: url(images/read_more_flip_bgp.png) left bottom repeat-x #f5f5f5;
	color: #07112A;
	padding: 3px 10px;
	border: 1px solid #d9d9d9;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	margin: 20px 0 0 0;
}

.testimonial_owner {
	text-align:right;
	color: #1e3777;
	font-weight: bold;
}

#top_cta {
	position: absolute;
	z-index: 10;
	top: -88px;
	right: 47px;
}

/***********/
/* Content
 */
/***********/

/***********/
/* Foooter */
/***********/
body > footer{
	clear:both;
	width:100%;
	padding:20px 0 7px 0;
	text-align:center;
	text-shadow: 0 1px 1px #000A2B;
	-moz-text-shadow: 0 1px 1px #000A2B;
	-webkit-text-shadow: 0 1px 1px #000A2B;
}

	body > footer > nav a{
		font-size:13px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		text-transform:capitalize;
		margin: 0 20px
	}
		
		body > footer > nav a:hover{
		color:#d8fe59;
	}
/***********/
/* Foooter */
/***********/
	
/**************/
/* Formatting */
/**************/
header{
	font-size: 24px;
	font-weight: bold;
	color: #22485D;
}
/**************/
/* Formatting */
/**************/

/************/
/* Required */
/************/

.clear {
	clear:both;
	width:100%;
	height:100%;
}

.image-left{
	float:left;
	margin:5px 10px 5px 0;
	border: 4px solid #fff;
	box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
}

.image-right{
	float:right;
	margin: 5px 0 5px 10px;
	border: 4px solid #fff;
	box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
}

.image-center{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
}

.image-noborder{
}

/************/
/* Required */
/************/

/************/
/* Styles */
/************/
h1{
  color: #1f3777;
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
  background: url(images/h1bcg_bgp.png) left center no-repeat;
}
h2{
  color: #1d3676;
  font-size: 24px;
  font-weight: normal;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 4px;
  margin: 7px -7px 15px -7px;
  box-shadow: 0 0 7px #B9C0D4 inset;
}

h3{
  color: #fff;
  font-size: 18px;
  margin: 0 0 10px 0;
}
h4{
  color: #22485D;
  font-size: 16px;
  margin: 0 0 10px 0;
}
h5{
  color: #22485D;
  font-size: 14px;
  margin: 0 0 10px 0;
}
h6{
  color: #22485D;
  font-size: 12px;
  margin: 0 0 10px 0;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
}
.colorfix{
	color: #22485D;
}
.copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #dedede;
}
.navfont{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
body > section > section > section > div > ul > li{
    line-height:26px;
}

ul { 
	margin-left: 20px;
}

li {
	line-height: 20px;
}
.callusnow{
    float:left;
    font:bold 30px Arial,Tahoma;
    margin:20px 20px 20px 100px;
}
.cnt{
    float:left;
    background:#ff5500;
    border-radius:6px;
    text-align:center;
padding:10px;
margin:10px 20px;
box-shadow:4px 4px 9px #D75210 inset
}
    .cnt a{
        font: bold 30px Arial,Tahoma;
        color:#fff;
        text-decoration:none;
        text-transform:uppercase
    }
    .cnt a:hover{text-decoration:underline}
/************/
/* Styles */
/************/