/*
* 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{
	width: 100%;
	height: 90px;
	min-height: 90px;
	position: relative;
	
}

.head-wrap { position: relative; max-width: 960px; margin: 0 auto; padding: 0; }

header .logo {
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 200px;
	height: 95px;
	background: url("../images/logo-sm.jpg") no-repeat;	
	margin: 15px 0 0 10px;
}

header .logo a{display: block;}

.yellow{background-color: yellow;}

#feature{
	width: 100%;
	max-height: 600px;
	background: #eee;
	overflow: hidden;
	position: relative;	
	
}

.fullwidthbanner-container{max-height: 600px;}

.scrolloff {
       pointer-events: none;
   }

#modal{
	position: fixed;
	left: 0;
	top:0;
	width: 100%;
	min-height: 100%;
	height: 100%;
	display:none;
	background: #fff;
	background: rgba(90,149,158,0.8);
	z-index: 9999999;
	
	
}

#modal-content{
	position: absolute;
	width: 400px;
	height: 240px;
	background: #fff;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -200px;
	text-align: center;
	z-index: 2;
	display: none;
	
}

#modal-content p{
	padding: 30px;
}


#sign-up-form{
	position: absolute;
	width: 400px;
	height: 460px;
	left: 50%;
	top: 50%;
	margin: -230px 0 0 -200px;
	text-align: center;
	z-index: 2;
	display: none;
	
}



#blurb{
	width: 100%;
	max-height: 160px;
	font: 30px "Source Sans Pro","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #7DB1B6;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px;
	padding-bottom: 10px;
	
}

#blurb h2{
	display: inline-block;
	border-bottom: 1px solid #eee;
	font: 30px "Source Sans Pro","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
}

#blurb h2.big{
	display: inline-block;
	border-bottom: 1px solid #eee;
	font: 48px "Source Sans Pro","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin: 20px 0 30px 0;
}

h2.teamwork{
 font-size: 16px;
 font-weight: 600;
 margin-bottom: 0;
 background: #eee;
 padding-left: 20px;
	
}

.sec-grey{
	width: 100%;
	min-height: 100px;
	background: #e6e6e6 url(../images/white-arrow.png) center top no-repeat;

}


.sec-grey h3{
	margin: 40px 0 20px 0;
	font-size: 40px;

}

.form-head{
	display: block;
	background: #EF8910;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	height: 55px;
	font-weight: 300;
	font-size: 28px;
	padding-top: 38px;

}

.formbk{
	background: #eee;
	height: 380px;;
	display: block;
	
}

.grey-arrow{background-image: url(../images/grey-arrow.png); background-position: center top; background-repeat: no-repeat;}
.white-arrow{background-image: url(../images/white-arrow.png); background-position: center top; background-repeat: no-repeat;}

#contact-bar{
	width: 100%;
	background-color: #66ABB5;
	text-align: center;
	color: #fff;
	font-size: 18px;

}

#contact-bar a{color: #fff;

   -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
#contact-bar a:hover{color: #30575C;}

#contact-bar h4{
	padding: 20px 0 0 0;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 400;
	
}

.circle {
	border-radius: 50%;
	width: 180px;
	height: 180px; 
	margin: 20px auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



.phone{background:#85BCC4 url(../images/phone-icon.png) center 46% no-repeat;}
.mail{background:#85BCC4 url(../images/mail-icon.png) center 46% no-repeat;}
.map{background:#85BCC4 url(../images/map-icon.png) center 45% no-repeat;}

.phone:hover,.mail:hover,.map:hover{
	background-color: #30575C;

}


footer{
	width: 100%;
	min-height: 180px;
	background: #000;
	color: #ccc;

}

footer h5{
	color: #999;
	border-bottom: 1px solid #222;
	font-weight: 600; 
	padding-bottom: 3px;
	margin-bottom: 10px;
	
	
}

footer small{
	color: #666;
	
}

.top-pad{padding: 30px 0 0 0;}
.bot-pad{padding: 0 0 30px 0;}
.top-bot{padding: 30px 0;}
.heavy{font-weight: 600;}



.quick-links a {
	font: 16px;
	color:#eee;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.close-it{
	position: absolute;
	right: 8px;
	top:4px;
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	line-height: 22px;
	width: 40px;
	height: 40px;
	text-align: right;
	cursor: pointer;
	
}
#success{font-size: 11px;}
/* #Page Styles
================================================== */
.page-header {
	width: 100%;
	margin-bottom: 0px;
	max-height: 540px;
	position: relative;
	overflow: hidden;
}

.page-header img{
	width: 100%;
	height: auto;
	
}


.big-title{
	font-size:26px;
	margin: 5px 0 0 0;
	display: block;
	color: #666;
}

.big-quote{
	font-size:30px;
	line-height: 34px;
	font-weight:300;
	color:#000;
	text-align:center; 
	margin-top: 60px;

}

.big-text{
	font-size:24px;
	line-height: 28px;
	font-weight:300;
	color:#000;	
	
}

.big-text-heavy{
	font-size:28px;
	line-height: 28px;
	font-weight:600;
	color:#000;	
	
}


.title-txt{
	width: 100%;
	min-height: 100px;
	max-height: 200px;
	font: 30px "Source Sans Pro","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #7DB1B6;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	
}

.team-cell{padding: 30px 0 10px 0;text-align: center; border-bottom: 1px solid #eee;font-size: 80%;line-height: 12px;}
.team-cell strong{font-size: 18px;display: block; margin: 5px 0;}

#pro-nav{
	width: 100%;
	display: block;
	border-top: 1px solid #eee;
	height: 30px;
	clear: both;
}

#pro-nav a{font-size: 12px; margin-right: 15px;float: right;}

h2.pro{
	
	font: 70px/60px "Source Sans Pro","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: 300;
	text-align: center;
	text-transform: none;
	letter-spacing: -1px;
}

h2.pro img{
	width:50px;
	height:50px;
	margin: 0 5px;
}

h3.pro-heading{
	
	font: 32px/34px "Source Sans Pro","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #7DB1B6;
	font-weight: 300;
	text-transform: none;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 20px;
	letter-spacing: -1px;

	
}

h3.pro-heading strong{
	font-weight: 300;
	
}

.align-center{
	text-align:center;	
	
}

.border-bot{
	border-bottom: 1px solid #ccc;
	
}

a.sign-up{
	background: #EF8910;
	padding: 10px 15px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	 -webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	   -o-transition: all 0.3s ease;
	   transition: all 0.3s ease;
}

a.sign-up:hover{
	background: #FF9815;
	
	
}

.big-map{
	max-height: 500px;
	overflow: hidden;
	
}


.big-map iframe{
	width: 100%;
	height: 660px;
	
	
}

.pdf{ margin-right:  20px;vertical-align: middle;}
/* #Navigation Styles
================================================== */


a {text-decoration: none;}

.navbar {
    width: 540px;
    margin: 30px 0 0 0;
    float: right;
}
.toggleMenu {
    display:  none;
    padding: 5px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
}

.toggleMenu ul {
	margin: 0;
	padding: 12px 0 0 0;
}

.toggleMenu li {
	display: block;
	height: 3px;
	width: 20px;
	background: #000;
	margin: 0 0 3px 10px;
	text-align: left ! important;
}
.nav {
    list-style: none;
     *zoom: 1;
     margin-bottom: 0;	
     
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    min-width: 230px;
    margin-bottom: 0;
   
}
.nav a {
    padding: 10px 15px;
    color:#000;
}
.nav a:hover {
   color:#66ABB5
}

.nav li {
    position: relative;
     margin-bottom: 0;
}
.nav > li {
    float: left;
}
.nav > li > .parent {
    background: url("../images/downArrow.png") right 18px no-repeat;
}
.nav > li > a {
    display: block;
    padding: 10px 15px 35px 15px;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #6d9da4;
    position: relative;
    z-index:100;
    color: #fff;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

.nav li a.dealer{
	background: #EF8910;
	padding: 10px 15px;
	color: #fff;
	 -webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	   -o-transition: all 0.3s ease;
	   transition: all 0.3s ease;
}

.nav li a.dealer:hover{
	background: #000;
	
	
}

.nav > li > ul > li a:hover{
    background: #436B70;
}



#index .nav > li#homepage a{
   border-bottom: 5px solid #66ABB5;
}

#company .nav > li#company-page a{
   border-bottom: 5px solid #66ABB5;
}


#products .nav > li#product-page a{
   border-bottom: 5px solid #66ABB5;
}

#products .nav > li#product-page li a{
   border-bottom: none;
}


#team .nav > li#team-page a{
   border-bottom: 5px solid #66ABB5;
}


@media screen and (max-width: 767px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}

/* #FOOTER LIST
================================================== */

#navlist {
list-style: none;
padding: 0;
margin: 20px 0;
}

#navlist li {
display: inline;
padding: 0;
margin: 0;
}


#navlist li a{
	color: #888;
	font-family "Source Sans Pro","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 0 5px;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li {
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li {
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}



/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -20px; text-align: center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* #Media Queries
================================================== */


	@media only screen and (min-width: 700px){
		
		.nav li li a {border-top: 1px solid #83bac2;}
		
	}

	/* 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) {
		
			#blurb{line-height: 50px;}

		header .logo {
			width: 202px;
			height: 44px;
			background: url(../images/logo-sm.jpg) 0 0 no-repeat;
			background-size: 202px 44px;
			margin: 28px 0 0 10px;
		}
             
             .form-head{
				height: 75px;
				font-weight: 300;
				font-size: 23px;
				padding-top: 48px;
			
			}



		
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
			header { height: 65px;min-height: 65px;}
			
			header .logo {width: 180px; height: 39px;margin: 15px 0 0 10px}
			.navbar {
			    width: 100%;
			    margin-top: 10px;
			    float: left;
			}
			
			.nav li a{background: #eee;border-top: 1px solid #ccc;}
			
			#blurb{line-height: 30px;padding-bottom: 0;}
			#blurb h2{margin:15px 0 5px 0;font: 20px "Source Sans Pro","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
			
			.nav > li > a {padding: 10px 15px;}
			.nav > li > .parent {background: #eee url("../images/downArrow.png") 95% 50% no-repeat;}
			
			.top-pad{padding: 10px 0 0 0;}
			.bot-pad{padding: 0 0 10px 0;}
			.top-bot{padding: 10px 0;}
			
			.big-map{
				max-height: 300px;
				overflow: hidden;
	
			}
			h2.pro img{
				width:30px;
				height:30px;
			}
			
			.big-map iframe{
				width: 100%;
				height: 300px;

			}
			
			#modal-content, #sign-up-form{width: 300px;margin-left: -150px;}
		
		}

	/* 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) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/