/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */


/*================================
Header Styles
=================================*/
#header {
	width:100%;
	height:400px;
	background-image:url(../images/header_bg.jpg);
	background-position:center;
	background-size:cover;
}

#header .logo {
	text-align:right;	
}

/*================================
Three Circle Icons Styles
=================================*/
#three_circle {
	width:100%;	
	font-size:18px;
	color:#6f7071;
	text-align:center;
	padding:50px 0px;
}

#three_circle h4 {
	font-weight:500;
	color:#01132b;	
	margin-bottom:0px;
}

/*================================
Benefits
=================================*/
#benefits {
	width:100%;
	padding:50px 0px;
	background-color:#fc791e;	
	font-size:18px;
	color:#ffffff;
	text-align:center;
}

#benefits h5 {
	color:#01132b;	
	margin-bottom:0px;
}


/*================================
Hear Why
=================================*/
#hear_why {
	width:100%;
	padding:50px 0px;
	background-color:#004775;	
	text-align:center;
	color:#ffffff;
}

#hear_why .hear_why_text {
	font-size:25px;
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#ffffff;
	font-style:italic;
	line-height:35px;
}

#hear_why .hear_why_name {
	color:#1ca4e0;
	font-weight:bold;
	font-size:20px;
}

/*================================
White Paper Contact
=================================*/
#white_paper {
	width: 100%;
    background: #fff;
    height: 325px;
    padding: 50px 0px;
    font-size: 18px;
/*	background:url(../images/whitepaper_bg.png) right no-repeat;	*/
}

/*================================
Join
=================================*/
#join {
	width:100%;
	padding:50px 0px;
	background-color:#57b6fa;	
	font-size:18px;
	color:#ffffff;
	text-align:center;
}

/*================================
Footer Styles
=================================*/

.footer {
	color:#000000;
	margin-top:30px;
	text-align:center;	
	font-size:13px;
}

.footer_lft {
	color:#000000;
	font-size:11px;
}

.footer_lft a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
}

.footer_rght {
	color:#000000;
	font-size:11px;
	text-align:right;
}

.footer_rght a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
}

.footer_header {
	color:#fe7c08;
	font-style:italic;
	font-size:18px;
	font-weight:bold;
	line-height:2.0;
}

.middot {
	color:#fe7c08;	
	font-size:18px;
	font-weight:bold;
	padding:0px 8px;
}

.footer_icons {
	float:right;	
}

.footer_links {
	float:right;	
}


/* #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: 959px) {
	

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		
.footer_lft {
	text-align:center;
}

.footer_icons {
	float:left;	
}

.footer_links {
	float:right;	
}

#header {
	height:200px;
}

#header .logo {
	text-align:center;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

