/*
* 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 */
	
	@import url(http://fonts.googleapis.com/css?family=Montserrat);

/* #Site Styles
================================================== */

body{
	background: url(../images/body-bg.gif) repeat-x;
	font: 18px "ProximaNovaT-Thin", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1{
	font-size: 85px;
	line-height: 90%;
	padding: 0 20px 0 0;
}

h2{
	color: rgb(241, 89, 34);
	font-size: 22px;
	line-height: 110%;
}

p{
	margin: 0 0 15px 0;
}

a, a:visited{
	color:rgb(241, 89, 34);
	text-decoration: none	;
}

a:hover{
	text-decoration: underline;
	color:rgb(241, 89, 34);
}

header{
	margin: 28px 0 50px 0;
	overflow: auto;
}

header img{
	float: left;
}

.container{
	padding-bottom: 20px;
}

.contentwrapper{
	padding: 0 40px 0 0;
}

.quote{
	font-style: italic;
	color: #999;
}

#tagline{
	font-size: 35px;
	line-height: 100%;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 10px 0;
	position: absolute;
	bottom: 20px;
	z-index: -1;
}

#tagline .bold{
	font-family: ProximaNova-Bold;
}	

.name{
	font-style: normal;
	font-family: ProximaNova-Bold;
}

.withborder{
	border-right: 1px dashed #333;
}

footer{
	width: 100%;
	padding: 40px 0;
	background-color: rgb(241, 89, 34);
	bottom: 0;
	font: 24px ProximaNova-Bold;
	color: #000;
}



.phonenumber{
	color: #ffffff !important;
	white-space: nowrap;
}

.phonenumber a, .phonenumber a:hover, .phonenumber a:visited, .phonenumber a:active{
	color: #ffffff !important;
	white-space: nowrap;
	text-decoration: none;
}

footer table{
	position: absolute;
	right: 0;
	top: 0;
}

footer td{
	padding-right: 5px;
}

footer a, footer a:visited, footer a:hover, footer a:active{
	text-decoration: none;
	color: #000;
}


.nowrap{
	white-space: nowrap;
}

li{
	list-style-type:square;
	margin: 0 0 10px 20px;
}

#navarea{
	z-index: 999;
	overflow: auto;
	padding-left: 20px;
	padding-top: 38px;
}

#navarea ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
}

#navarea a {
	display: block;
	font-size: 35px;
	padding: 13px 10px;
	color: #999;
	text-transform: lowercase;
}

#navarea a:hover{
	text-decoration: none;
	background-color: #333;
	color: #fff;
}

#navarea li {
	float: left;
	margin-bottom: 0;
	list-style: none;
	margin: 0 5px 0 0;
}

#navarea li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	background-color: #999;
}

#navarea li ul li{
	border-bottom: 1px solid #fff;
	margin: 0;
}

#navarea li ul a{
	width: 180px;
	padding: 7px 10px;
	background-color: #999;
	color: #0B1330;
	font-size: 16px;
	color: #fff;
	text-transform: none;
}

#navarea li:hover ul {
	left: auto;
}

#navarea li:hover ul, #navarea li.sfhover ul {
	left: auto;
}

#navarea li.last{
	margin-bottom: 0;
}

.sfHover a{
	background-color: #333;
	color: #fff;
}

.leftAlone{
	float: left;
	margin: 0 15px 0 0;
}




/* #Page Styles
================================================== */

/* #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) {
		h1{
			font-size: 55px;
		}
		
		#tagline{
			font-size: 28px;
		}
		
		footer table{
			position: relative;
			right: 0;
			top: 0;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.withborder{
			border-right: none;
			border-bottom: 1px dashed #333;
		}
		
		.container .twelve.columns{
			margin: 0 0 20px 0;
		}
		
		h1{
			font-size: 55px;
		}
		
		#tagline{
			position: relative;
			bottom: 0;
		}
		
		footer table{
			position: relative;
			right: 0;
			top: 0;
		}
	}

	/* 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) {
		h1{
			font-size: 35px;
		}
	}


/* #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; }
*/