@charset "UTF-8";
/*********** belowTheFold stuff ************/
html, body {height: 100%;}
#above {
	/*height: 100%;*/
	position: relative;
	text-align: center;
}
#above * {margin-bottom: 0; margin-top: 0;}
#above p {margin: 1.12em 0;}
/***** end of belowTheFold stuff *******/

body {
	margin: 0;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
}
.groundBlack {color: #333; background-color: #000;}
header {position: relative;}
#brand {
	padding: 10px;
	font-size: 1.5rem;
	font-weight: 700;
}
#brand a {text-decoration: none; cursor: pointer; color: #fff;}
#navLink {
	position: absolute;
	top: 17px;
	right: 10px;
	cursor: pointer;
}
#topNav {
	max-width: 1004px;
	max-height: 0px;
	background: #000;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position: relative;
	top: 0;
	right: 0;
	z-index: 108;
	overflow: hidden;
}
#topNav a {
	display: block;
	text-decoration: none;
	color: #ccc;
	padding: 10px;
	line-height: 1.0;
	border-top: 1px solid #788781;
	white-space: nowrap;
}
#topNav a:hover {text-decoration: none; color: #fff;}

#phoneR {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 1.5rem;
	z-index: 110;
	display: none;
}
#phoneR a {text-decoration: none; color: #fff; line-height: 1.2;
	border: none;}
#phoneR a:hover {text-decoration: none; color: #fff;}
#phoneL {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 1.5rem;
	z-index: 110;
}
#phoneL a {text-decoration: none; color: #fff; line-height: 1.2;
	border: none;}
#phoneL a:hover {text-decoration: none; color: #fff;}
/******************** end of header ************************/

#above {
	background-image: url(../index_files/ThinkstockPhotos-497957846_900x695.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	text-shadow: 0px 2px 12px #000;
	position: relative;
}
#topTable {display: table; width: 100%; height: 100%; text-align: center;}
#topLeft {
	width: 80%;
	padding-top: 100px;
	font-size: 1.0rem;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}
#headline {font-size: 2.0rem; font-weight: normal; line-height: 1.0;}
button {
	border-radius: 8px;
	padding: 12px 20px;
	background-color: #cc0000;
	color: #fff;
	border: 2px solid #fff;
	font-size: 2.0rem;
	font-weight: 700;
	cursor: pointer;
}
button:hover {background-color: #ff0000;}
#topRight {
	display: inline-block;
	width: 80%;
	position: relative;
}
#topQuote {
	max-width: 700px;
	position: relative;
	text-align: center;
	color: #fff;
	z-index: 200;
	display: none;
}
#topQuote p {text-align: center;}
main {background: #fff;}
.groundWhite {
	width: 100%;
	padding: 20px 0;
	color: #333;
	background-color: #fff;
}
.groundBlue {
	width: 100%;
	padding: 20px 0;
	color: #333;
	background-color: #BFDDE9;
}
.groundWhite a, .groundBlue a {color: #333;}
section {
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.0rem;
	position: relative;
}
section p, section h4 {text-align: left;}
section h2 {text-align: center;}
.iBlock {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	overflow: hidden;
	text-align: center;
}
.single {max-width: 700px; padding-left: 15px; padding-right: 15px;}
.half {width: 486px; margin: 0 10px;}/*not used, but useful*/
.third {width: 280px; margin: 0 20px;}
.fourth {width: 233px; margin: 0 6px;}
.fullWidth {width: 100%}
.dispInline {display: inline;}

h1 {font-size: 2rem; margin: .67rem 0;}
h2 {text-align: center;}
.boldType {font-weight: 700;}
.smallPrint {font-size: .8rem;}/* also in Styles.css */
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.dontBreak {white-space: nowrap;}
.clearing {clear: both;}

footer {
	max-width: 994px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 15px 30px 15px;
	color: #999;
}

footer nav a {
	display: block;
	font-size: .8rem;
	line-height: 150%;
	text-decoration: none;
	color: #999;
}
footer nav a:hover {text-decoration: none; color: #ccc;}

footer a {
	font-size: .8rem;
	text-decoration: none;
	color: #999;
	padding: 0 12px 0 10px;
	border-left: 1px solid #ccc;
}
footer a:hover {text-decoration: none; color: #ccc;}
footer a:first-child {border: none;}

#selectNav {
	max-width: 740px;
	width: 100%;
	box-sizing: border-box;
	background: #000;
	color: #999;
	font-size: 1.0rem;
	-webkit-appearance: none;
	padding: 6px 10px;
}

/********* testimonial stuff ************/
.byLine {
	text-align: center;
	margin-top: 0;
}
.line {
	height: 1px;
	background: #CCC;
	margin: 0 auto;
	clear: both;
}
/************** end testimonial stuff **************/

@media screen and (min-width: 359px) {
	body {font-size: 16px;}
	#headline {font-size: 3.0rem;}
	#topLeft {font-size: 1.2rem;}
}
@media screen and (min-height: 640px) {
	 #topLeft {padding-top: 160px; padding-bottom: 20px;}
	 /*#topQuote {display: block;} activate this for top quote*/
}
@media screen and (max-width: 739px) {
	#topNav {max-height: 0px;}
}
@media screen and (min-width: 740px) {
	#navLink {display: none;}
	#topNav {
		position: absolute;
		top: 18px;
		max-height: 500px;
	}
	#topNav a {display: inline; border: none;}
	#above {background-image: url(../index_files/ThinkstockPhotos-497957846_1668x1112C.jpg);}
	#topLeft {
		width: 40%;
		padding: 80px 10%;
		vertical-align: middle;
		display: table-cell;
		text-align: right;
	}
	#topRight {
		width: 40%;
		padding: 0 10%;
		vertical-align: bottom;
		display: table-cell;
	}
	#phoneR {display: none;}
	#phoneL {display: block;}
	#headline {font-size: 4.0rem;}
	.groundWhite, .groundBlue {padding: 80px 0 100px 0;}
	section {font-size: 1.25rem;}
}
@media screen and (min-width: 1450px) {
	#above {background-position: center -100px;}
}
@media screen and (min-width: 1900px) {
	#above {background-position: center -200px;}
}
@media screen and (min-width: 2200px) {
	#above {background-position: center -300px;}
}