/*-----------------------------------------------------------------------------
author:    BlackWaspDigital.com
-----------------------------------------------------------------------------*/

/* =Home Inspection Services Global
-----------------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#333333;	
	padding:0;
	margin:0;
	background:#c8c8c8;
	}
	
.container {
	background:#ffffff;
	max-width:2200px;
	margin:0 auto;
	}
	
	
/* =nav
-----------------------------------------------------------------------------*/

nav {  
	height: 66px;    
	font-size: 16px;  
	font-family:gotham_boldregular, Arial, sans-serif;
	background:#073352;
	position: relative; 
	z-index:2000;
	margin:0;
	padding:0;
	color:#0c629e;
    } 
	 
nav>ul {  
	padding: 0;  
	height: 66px; 
    }
	
nav>ul>li {  
	display: inline;  
	float: left;  
	position:relative;
	}
	
nav>ul>li>a {  
    color: #ffffff;  
    display: inline-block; 
    text-align: center;  
    text-decoration: none;  
    line-height: 66px;   
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out; 
	padding:0 20px;
	}
		
nav>ul>li>a {  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
	} 
	
nav>ul>li>a:hover, nav>ul>li>a:active {    
	background:#001422;
	color: #c8e6fc;
	}
	
nav>a#pull {  
    display: none; 
	} 
	
/* dropdown */ 

nav>ul>li>a:hover.navDownMenu:hover, nav>ul>li>a:active.navDownMenu:hover {
	color:#ffffff;
	}
	
nav>ul>li:hover .navDownMenu {
	opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	width:175px;	
	}	

	
.navDownMenu {
	opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */	
	position:absolute;
	z-index:4000;
	background:#001422;
	top:66px;
	left:0;
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	padding:10px 0 10px 0;	
	font-size: 14px; 
	font-weight:400;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.navDownMenu>li {
	text-align:left;
	list-style:none;
	z-index:4000;
	position:relative;
	}
	
.navDownMenu>li>a {
	text-decoration:none;
	color:#ffffff;
	line-height:15px;
	display:block;
	padding:5px 15px;
	width:145px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	position:relative;
	z-index:4000;		
	}
	
.navDownMenu>li>a:hover {
	color:#ffffff;
	background:#073352;
	}
	
@media screen and (max-width: 1300px) {
	
nav>ul>li>a {  
	padding:0 15px;
	}	
	
}

@media screen and (max-width: 1200px) {
	
nav {     
	font-size: 14px;
	height: 50px;  
    }
	 
nav>ul {  
	height: 50px; 
    }
	
nav>ul>li>a {    
    line-height: 50px; 
	}
	
nav>ul>li>a {  
	padding:0 10px;
	}
	
.navDownMenu {
	top:50px;
	}	
	
}
	


@media only screen and (max-width : 1000px) {  

	

nav {   
	height: auto;
	float:none;
	width:100%; 
	}  
    
nav>ul {  
	width: 100%;  
	display: block;  
	height: auto; 
	border-top: 1px solid #0c629e;   
	}
	  
nav>ul>li {  
	width: 50%;  
	float: left;  
	position: relative;  
    } 
	 
nav>ul>li>a {  
	border-bottom: 1px solid #0c629e; 
	border-right: 1px solid #0c629e;
    } 
	
nav>ul>li:nth-child(2n+0)>a {    
	border-right:none;  
    } 
	 
nav>ul>li>a {  
	text-align: left;  
	width: 100%;  
	text-indent: 25px; 
	margin-left:0; 
    }
	  
nav>ul {  
	display: none;  
	height: auto;  
    } 
	 
nav a#pull {  
	display: block;   
	width: 100%;  
	position: relative; 
	text-align: left;  
	width: 100%;  
	text-indent: 25px; 
	margin-left:0;  
	color: #ffffff;
	line-height: 55px;
	text-decoration:none;
	color:#0c629e;
    }  

nav a#pull:after {  
	content:"";  
	background: url('../img/nav-icon.png') no-repeat top right;  
	width: 30px;  
	height: 30px;  
	display: inline-block;  
	position: absolute;  
	right: 25px;  
	top: 16px;	
    }  
	
nav>ul>li:hover .navDownMenu {
	display:none;
	}
	
.navDownMenu {
	display:none;
	padding:0 0 0 0;
	} 
	
.navDownMenu>li {
	display:none;
	}
	
nav>ul>li {  
	display: block;  
	float: none;  
	width: 100%; 
    }  
	
nav>ul>li>a {  
	border-bottom: 1px solid #0c629e; 
	border-right: none; 
    } 
	
}
	
.clearfix:before, .clearfix:after {  
    content: " ";  
    display: table;  
	} 
	 
.clearfix:after {  
    clear: both;  
	} 
	 
.clearfix {  
    *zoom: 1;  
	}
	

/* Header */

header {
	margin:0 0 0 0;
	width:100%;	
	z-index:5000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c5890+0,0c5890+71,06345e+100 */
	background: #0c5890; /* Old browsers */
	background: -moz-linear-gradient(top, #0c5890 0%, #0c5890 71%, #06345e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0c5890 0%,#0c5890 71%,#06345e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0c5890 0%,#0c5890 71%,#06345e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5890', endColorstr='#06345e',GradientType=0 ); /* IE6-9 */
	position:relative;
	z-index:1000;
	}
	
.headerLeft {
	width:416px;
	float:left;
	z-index:5500;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002947+0,001422+100 */
	background: #002947; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #002947 0%, #001422 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #002947 0%,#001422 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #002947 0%,#001422 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002947', endColorstr='#001422',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:14px 27px 25px 27px;
	}
	
.headerLeft:hover {
	background:#0c629e;
	}
	
.headerRight {
	float:left;
	}
	
.headerLogo {	
	max-width:416px;
	width:100%;
	}
	
.headerInfo {
	font-size:25px;
	font-family:gotham_boldregular, Arial, sans-serif;
	color:#c8e6fc;
	padding:15px 0 0 20px;
	text-shadow:#042646 2px 2px;
	}
	
.thirsty {
	font-family:thirsty_scriptbold, Arial, sans-serif; 
	}
	


@media screen and (max-width: 1450px) {
	
.headerLeft {
	width:20%;
	padding:1.5% 2.5% 2.5% 2.5%;
	}

.headerRight {
	width:75%;
	}
	
.headerInfo {
	padding:.25em 0 0 .75em;
	font-size:1.4em;
	}	
	
}

@media screen and (max-width: 1400px) {
	
.headerInfo {
	font-size:1.3em;
	}	
	
}

@media screen and (max-width: 1300px) {
	
.headerInfo {
	font-size:1.2em;
	}	
	
}

@media screen and (max-width: 1250px) {
	
.headerInfo {
	font-size:1.1em;
	}	
	
}

@media screen and (max-width: 1150px) {
	
.headerInfo {
	font-size:1em;
	}	
	
}

@media screen and (max-width: 1050px) {
	
.headerInfo {
	font-size:.9em;
	}	
	
}


@media screen and (max-width: 1000px) {
	
.headerLeft {
	width:95%;
	float:none;
	padding:1.5% 2.5% 2.5% 2.5%;
	}
	
.headerLogo {	
	max-width:416px;
	width:75%;
	margin:0 auto;
	}

.headerRight {
	width:100%;
	float:none;
	}
	
.headerInfo {
	padding:.75em;
	font-size:1em;
	text-align:center;
	line-height:.9em;
	}
			
}


@media screen and (max-width: 700px) {
	
.headerLeft {
	padding:3.5% 2.5% 4.5% 2.5%;
	}	
			
}


@media screen and (max-width: 500px) {
	
.headerInfo {
	font-size:1.5em;
	}
	
.mobileInfo {
	display:none;
	}
			
}



/* =banner
-----------------------------------------------------------------------------*/
.banner {
	background:url(../img/featureBtnsBg.jpg) no-repeat top center #666666;
	padding:1% 0 1% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: 0 0 40px 0 #C4C4C4;
	box-shadow: 0 0 40px 0 #C4C4C4;
	border-bottom:#0c629e solid 4px;	
	}
	
.bannerInner {
	width:1200px;
	margin:0 auto;
	}
	
.banner h1 {
	font-size:3em;
	line-height:90%;
	padding:0;
	margin:0 0 0 0;
	font-family:gotham_boldregular, Arial, sans-serif;
	font-weight:normal;
	text-align:left;
	color:#ffffff;
	text-shadow:2px 2px #000000;
	}
	
@media screen and (max-width: 1250px) {
	
.bannerInner {
	width:90%;
	margin:0 auto;
	}
	
		
}

@media screen and (max-width: 800px) {
	
.banner {
	padding:1.25em 0 1.25em 0;
	}
	
.banner h1 {
	font-size:2em;
	}
		
}

@media screen and (max-width: 600px) {
	
.banner h1 {
	text-align:center;
	}
		
}


/* =content structure
-----------------------------------------------------------------------------*/
section {
	width:1200px;
	padding:50px 0;	
	margin:0 auto;
	}	
	
.leftColTwoThirds {
	width:60%;
	float:left;
	}
	
.leftColOneThird {
	width:30%;
	float:left;
	margin:0 5% 0 0;
	}
	
.rightColOneThird {
	width:30%;
	float:right;
	}
	
.rightColTwoThirds {
	width:70%;
	float:right;
	}
	
.leftCol{
	width:47.5%;
	float:left;
	}
	
.rightCol {
	width:47.5%;
	float:right;
	}

	
/* =blueBtn
-----------------------------------------------------------------------------*/
.blueBtn {
	width:100%;
	background:#0c629e;
	padding:0;
	margin:0 0 1.5em 0;
	height:auto;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	text-align:center;
	}
	
.blueBtn:hover {
	color:#ffffff;
	background:#06345e;
	}
	
.blueBtn a {
	font-family:gotham_boldregular, Arial, sans-serif; 
	font-size:1.5em;	
	font-weight:normal;
	color:#ffffff;
	display:block;
	padding:5% 5% 4% 5%;
	width:90%;
	text-decoration:none;
	line-height:90%;
	}
	
/* divider */
	
.divider {
	height:1px;
	background:#32735b;
	width:100%;
	margin:0 0 1.5em 0;
	}
	
@media screen and (max-width: 1250px) {
	
section {
	width:90%;
	padding:3em 5%;	
	margin:0 auto;
	}
		
}

@media screen and (max-width: 800px) {
	
.rightColTwoThirds {
	width:100%;
	float:none;
	}
	
.leftColOneThird {
	width:100%;
	float:none;
	}
	
.rightColOneThird {
	width:100%;
	float:none;
	}
		
}

@media screen and (max-width: 600px) {
	
.leftColTwoThirds {
	width:100%;
	float:none;
	}
	

	
.leftCol{
	width:100%;
	float:none;
	}
	
.rightCol {
	width:100%;
	float:none;
	}

}
	


/* =Typography
-----------------------------------------------------------------------------*/	
section h1 {
	font-size:3em;
	line-height:90%;
	padding:0;
	margin:0 0 .1em 0;
	font-family:gotham_boldregular, Arial, sans-serif;
	font-weight:normal;
	color:#06345e;
	}
	
section h1 span {
	font-family:thirsty_scriptbold, Arial, sans-serif; 
	}
	
section h2 {
	font-size:1.5em;	
	line-height:90%;
	margin:0 0 .25em 0;
	font-family:gotham_boldregular, Arial, sans-serif; 
	font-weight:normal;
	color:#0c629e;
	}
	
section h2 a {
	color:#0c629e;
	padding:1px 2px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}
	
section h2 a:link, section h2 a:visited {
	text-decoration:underline;
	}

section h2 a:hover, section h2 a:active {
	color:#ffffff;
	background:#0c629e;
	text-decoration:none;
	}
	
section h3 {
	font-size:1.25em;
	font-weight:bold;
	color:#06345e;
	}
	
.script {
	font-family:thirsty_scriptbold, Arial, sans-serif; 
	font-size:1.25em;
	}
	
hr {
	margin:0 0 2em 0;
	}
	
small {
	font-size:80%;
	}
	
em {
	font-style:italic;
	}
	
section p {
	padding:0 0 1.5em 0;
	font-size:95%;
	}
	
ul.contentUl {
	width:100%;	
	margin:0 0 1.5em 0;
	padding:0;
	list-style:none;
	}
	
ul.contentUl li {
	list-style:none;
	padding:.4em 0;	
	border-top:#666 solid 1px;
	margin:0;
	}
	
ol.contentOl {
	width:100%;	
	margin:0 0 1.5em 1.5em;
	}
	
ol.contentOl li {
	padding:.25em 0;
	border-top:#CCC solid 1px;
	}

	
/* Links */	
		
section p a {
	padding:1px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	color:#0c629e;
	}

section p a:link, section p a:visited {
	text-decoration:underline;
	}

section p a:hover, section p a:active {
	color:#ffffff;
	background:#0c629e;
	text-decoration:none;
	}
	
ul.contentUl li a {
	padding:1px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	color:#0c629e;
	}

ul.contentUl li a:link, ul.contentUl li a:visited {
	text-decoration:underline;
	}

ul.contentUl li a:hover, ul.contentUl li a:active {
	color:#ffffff;
	background:#0c629e;
	text-decoration:none;
	}
	
@media screen and (max-width: 620px) {
	
body {
	font-size:80%;	
	}
	
section h1 {
	text-align:center;
	}
	
section h2 {
	text-align:center;	
	}
	
section h3 {
	text-align:center;	
	}
	
section p {
	text-align:center;	
	}
	
ul.contentUl {
	width:100%;	
	margin:0 0 1.5em 0;
	list-style:none;
	text-align:center;
	}
	
ul.contentUl li {
	list-style:none;
	padding:.5em 0;
	font-weight:bold;
	border-bottom:#CCCCCC solid 1px;
	}
	
}
	
	

/* =footer
-----------------------------------------------------------------------------*/
footer {
	width:100%;
	color:#ffffff;
	background:#0c629e url(../img/footerBg.jpg) top center no-repeat;
	padding:3em 0 5em 0;
	border-top:#000000 solid 5px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
	
.footerLogo {
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	max-width:294px;
	width:18.375%;
	margin:0 auto 1.5em auto;
	}
	
.footerNav {
	font-family:gotham_boldregular, Arial, sans-serif; 
	text-align:center;
	margin:0 0 1em 0;
	padding:.9em 5% .8em 5%;
	font-size:90%;
	width:90%;
	color:#68d6ff;
	border-top:#68d6ff solid 1px;	
	border-bottom:#68d6ff solid 1px;
	}
	
.footerNav a {
	color:#ffffff;
	padding:2px 0;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	}

.footerNav a:link, .footerNav a:visited {
	text-decoration:none;
	}

.footerNav a:hover, .footerNav a:active {
	color:#ffffff;
	text-decoration:underline;
	}
	
.footerInfo {
	width:800px;
	margin:0 auto 3em auto;
	text-align:center;
	}
	
.footerInfo h2 {
	font-size:1.25em;
	line-height:90%;
	padding:0;
	margin:0 0 1em 0;
	font-family:gotham_boldregular, Arial, sans-serif;
	font-weight:normal;
	color:#fffff;
	}
	
.footerInfo h2 span {
	display:block;
	color:#68d6ff;
	font-size:1em;
	}
	
.footerInfo p {
	font-size:.8em;
	}
	
.copyRight {
	font-size:60%;
	color:#68d6ff;
	text-align:center;
	}	

	
@media screen and (max-width: 1200px) {

		
}

@media screen and (max-width: 900px) {

.footerInfo {
	width:90%;
	margin:0 auto 3em auto;
	}
	
.footerLogo {
	max-width:294px;
	width:40%;
	}
			
}

@media screen and (max-width: 715px) {

		
}



/* =IE Sucks
-----------------------------------------------------------------------------*/
#iewarning {
	padding:10em;
	text-align:center;
	color:#C00;
	background:#ffffff;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	}
	
#iewarning a {
	color:#ffffff;
	background:#C00;
	padding:0px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

#iewarning a:link, #iewarning a:visited {
	text-decoration:none;
	}

#iewarning a:hover, #iewarning a:active {
	color:#C00;
	background:none;
	text-decoration:underline;
	}