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

/* Global */
/* Global */
body {margin: 0px; font-family: "futura-pt"; font-size: 16px; color:#16284c;}
body {margin:0px;}

/* Clear */
.clear {clear:both;}

/* Text */
.font_bebas {font-family: "bebas-neue";}
.caps {text-transform:uppercase;}
.bold {font-weight:bold;}
.center{text-align:center;}
.letter_sp {letter-spacing:2px;}
.line_ht {line-height:25px;}
.text_22 {font-size:22px;}
.text_28 {font-size:28px;}
.text_48 {font-size:48px;}
.text_40 {font-size:40px;}
.text_36 {font-size:36px;}
.text_18 {font-size:18px;}
.text_16 {font-size:16px;}
.text_14 {font-size:14px;}
.text_12 {font-size:12px;}
.text_11 {font-size:11px;}
.text_10 {font-size:10px;}
.color_white {color:#fff;}
.color_orange {color:#ff6d2c;}
.color_green {color:#96a81e;}
.color_blue {color:#196eb7;}
.color_navy {color:#16284c;}
.heading {line-height:60px;}
.text_shadow {text-shadow: 2px 2px 8px #333333;}

/* Links */
a:link {text-decoration: none; color:#196eb7;}
a:visited {text-decoration: none; color:#196eb7;}
a:hover {text-decoration: none; color:#196eb7;}
a:active {text-decoration: none; color:#196eb7;}

/* Floats */
.float_lt {float:left;}
.float_rt {float:right;}
img.floatleft {
	float: left;
	border-color: #000000;
	margin-right: 8px;
	margin-bottom: 6px;
}
/* DIV's */
.content {width:980px; margin:auto;}
.menu {height:60px; width:100%; background-color:#16284c; position: fixed;}
.header {height:700px; background-image:url(../images/Header_Large.jpg); background-position:center; background-repeat:no-repeat;}
.testimonial {height:400px; background-image: url(../images/Testimonial.jpg); background-position:center; background-repeat:no-repeat;}
.blurb_text {width:48%; text-align:center;  height:240px; padding-top:40px;}
.blurb_photo_01 {width:48%; background-image:url(../images/Blurb_Photos_01.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
.blurb_photo_02 {width:48%; background-image:url(../images/Blurb_Photos_02.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
.blurb_photo_03 {width:48%; background-image:url(../images/Blurb_Photos_03.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
.icon {width: 33%; float:left; align-content:center; text-align:center;}
.footer {background-color:#16284c; padding-top:40px; padding-bottom:30px;}
.header_text {
	font-family: bebas-neue;
	font-size: 70px;
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 2px 10px #333333;
	text-transform: uppercase;
	padding-top: 250px;
	font-style: normal;
	font-weight: 400;
}
.header_subtext {font-size:32px; color:#ffffff; text-align:center; text-shadow: 2px 2px 8px #333333; text-transform:uppercase;}
.btn {
	font-size: 22px;
	border: solid #ffffff 0px;
	padding: 10px;
	width: 200px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	margin: auto;
	margin-top: 15px;
	background-color: #96a81e;
}
.contact_homepage {
	width: 100%;
	height: 125px;
	float: none;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	display: inline-block;
	margin-left: auto;
	margin-right: auto; 
	padding-top: 5px;
}
.contact_each {
	display: inline-block;	
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 5px;
	padding-top: 5px;
}
.line {width:150px; height:1px; border-top:1px solid #ff6d2c; margin:auto; display:none;}
.header_faq {height:300px; background-image:url(../images/Header_Sub_faq.jpg); background-position:center; background-repeat:no-repeat;}
.header_prequal {height:300px; background-image:url(../images/Header_Sub_prequal.jpg); background-position:center; background-repeat:no-repeat;}
.header_company {height:300px; background-image:url(../images/Header_Sub_our_company.jpg); background-position:center; background-repeat:no-repeat;}
.header_calc {height:300px; background-image:url(../images/Header_Sub_calc.jpg); background-position:center; background-repeat:no-repeat;}
.header_videos {height:300px; background-image:url(../images/Header_Sub_video.jpg); background-position:center; background-repeat:no-repeat;}
.header_contact {height:300px; background-image:url(../images/Header_Sub_contact.jpg); background-position:center; background-repeat:no-repeat;}
.header_sub_page_text {font-family: "bebas-neue"; font-size:70px; color:#ffffff; text-align:center; text-shadow: 2px 2px 10px #333333; text-transform:uppercase; padding-top:130px;}
.map {width:100%; max-width:500px; float:right;padding-bottom:20px;}
.LO_photo {width:200px; height:245px;  float:left; margin-top:20px; vertical-align:middle;}
.LO_info {width:290px; height:245px; float:left; text-align:center; margin-top:20px; vertical-align:middle;}
.LO_container {width:490px; margin:auto; float:center; margin-top:40px;}

/* Spacers */
.spacer_text {height:60px;}
.spacer_testimonial {height:100px;}
.spacer_blurb {height:40px;}
.blurb_padding {width:60%; margin:auto; height:400px;}
.blurb_icon_padding {width:80%; margin:auto;}
.padding_title {padding-top:20px; padding-bottom:20px;}

/* Logo */
.logo {height:60px; width:100%; background-image:url(../images/Logo.png); background-repeat: no-repeat;}

/* Buttons */


/* #Media Queries
================================================== */
	
	/* Smaller than standard 960 (devices and browsers)
	@media only screen and (max-width: 959px) {
	
	}*/
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	.content {width:90%; margin:auto;}
	.header_text {font-family: "bebas-neue"; font-size:60px; color:#ffffff; text-align:center; text-shadow: 2px 2px 10px #333333; text-transform:uppercase; padding-top:250px;}
  .header_subtext {font-size:28px; color:#ffffff; text-align:center; text-shadow: 2px 2px 8px #333333; text-transform:uppercase;}
  .contact_homepage {
	width: 100%;
	height: 225px;
	float: none;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	display: inline-block;
	margin-left: auto;
	margin-right: auto; 
	padding-top: 5px;
}
  .LO_photo {width:200px; height:250px; float:left; margin-top:20px;}
	.LO_info {width:250px; height:250px; float:left; text-align:center; margin-top:20px;}
	.LO_container {width:450px; margin:auto; float:none;}
	}
	
	
	
	
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.content {width:90%; margin:auto;}
	.header {height:500px; background-image:url(../images/Header_Large.jpg); background-position:center; background-repeat:no-repeat;}
	.icon {width: 100%; float:left; align-content:center; text-align:center;padding-top: 20px;}
	.blurb_text {width:100%; text-align:center; padding-top:0px;}
  .blurb_photo_01 {width:100%; background-image:url(../images/Blurb_Photos_01.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
  .blurb_photo_02 {width:100%; background-image:url(../images/Blurb_Photos_02.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
  .blurb_photo_03 {width:100%; background-image:url(../images/Blurb_Photos_03.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
  .blurb_padding {width:90%; margin:auto; height:400px;}
  .spacer_testimonial {height:80px;}
  .logo {height:60px; background-image:url(../images/Logo_2x.png); background-repeat: no-repeat;}
  .header_text {font-family: "bebas-neue"; font-size:40px; color:#ffffff; text-align:center; text-shadow: 2px 2px 10px #333333; text-transform:uppercase; padding-top:220px;}
  .header_subtext {font-size:22px; color:#ffffff; text-align:center; text-shadow: 2px 2px 8px #333333; text-transform:uppercase;}
  .line {display: block;}
  .contact_homepage {
	width: 100%;
	height: 320px;
	float: none;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	display: inline-block;
	margin-left: auto;
	margin-right: auto; 
	padding-top: 5px;
}
  .LO_photo {width:200px; height:300px; float:none; margin:auto; margin-top:20px;}
	.LO_info {width:100%; height:300px; float:none; margin:auto; text-align:center;}
	.LO_container {width:100%; margin:auto; float:left;}
	}
	



	
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	.content {width:90%; margin:auto;}
	.blurb_padding {width:90%; margin:auto;}
	.icon {width: 100%; float:left; align-content:center; text-align:center;padding-top: 20px;}
	.header {height:500px; background-image:url(../images/Header_Large.jpg); background-position:center; background-repeat:no-repeat;}
	.blurb_text {width:100%; text-align:center;  padding-top:0px;}
  .blurb_photo_01 {width:100%; background-image:url(../images/Blurb_Photos_01.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
  .blurb_photo_02 {width:100%; background-image:url(../images/Blurb_Photos_02.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
  .blurb_photo_03 {width:100%; background-image:url(../images/Blurb_Photos_03.jpg); background-repeat:no-repeat; background-position:center; height:280px; text-align:center;}
  .blurb_padding {width:90%; margin:auto; height:400px;}
  .spacer_testimonial {height:80px;}
  .logo {height:60px; background-image:url(../images/Logo_2x.png); background-repeat: no-repeat;}
  .header_text {font-family: "bebas-neue"; font-size:30px; color:#ffffff; text-align:center; text-shadow: 2px 2px 10px #333333; text-transform:uppercase; padding-top:220px;}
  .header_subtext {font-size:16px; color:#ffffff; text-align:center; text-shadow: 2px 2px 8px #333333; text-transform:uppercase;}
  .line {display:block;}
  .header_sub_page_text {font-family: "bebas-neue"; font-size:45px; color:#ffffff; text-align:center; text-shadow: 2px 2px 10px #333333; text-transform:uppercase; padding-top:140px;}
  .contact_homepage {
	width: 100%;
	height: 380px;
	float: none;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	display: inline-block;
	margin-left: auto;
	margin-right: auto; 
	padding-top: 5px;
}
  .LO_photo {width:200px; height:300px;  float:none; margin:auto; margin-top:20px;}
	.LO_info {width:100%; height:300px; float:none; margin:auto; text-align:center; }
	.LO_container {width:100%; margin:auto; float:left;}
	}