@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Lora:400,700);


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/************** Typographic Styles **************/

body {
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-weight: 300;
	font-size: 16px;
}

.content h2 {
	font-family: 'Lora', 'Georgia', serif;
	font-weight: 700;
	text-transform: uppercase;
}

.content p {
	font-size: 1em; /* 16px */
	line-height: 1.5625;
}

.content hgroup {
	margin-top: 1.5625em;
}

h2 {
	font-size: 1.75em; /* 28px / 16px */
	line-height: 1;
	margin-bottom: .3625em;
}

.content h3 {
	text-transform: uppercase;
	font-size: 1.0625em; /* 17px / 16px */
	line-height: 1.47058823;
}

.sectionHeader blockquote,
#pageNav,
.locationAddress,
#footerNav,
.siteCredit,
.formAction button,
.facebookButton  {
	font-family: 'Lora', 'Georgia', serif;
	font-weight: 400;
}

.sectionHeader blockquote {
	line-height: 1.5625;
}

#footerNav,
.siteCredit  {
	text-transform: uppercase;
	font-size: .8125em;/* 13px / 16px */
	line-height: 1.92307;
}

,
.locationAddress {
	font-size: 1em;
	line-height: 1.5625;
}

#pageNav {
	font-size: .75em; /* 12px / 16px */
	line-height: 1.78571428571; 
}

/********** COMMON STYLES *************************/
body {
	background: #4085a9;
	color: #fff;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: underline;
}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/********** HEADER STYLES *************************/
#pageHeader {
	width: 100%;
	position: fixed;
	background: #4085a9;
	box-shadow: 0 0 2px 4px rgba(0, 0, 0, .1);
	z-index: 1000;
}

#pageNav {
	width: 90%;
	max-width: 727px;
	margin: 1em auto; 
	text-align: right;
	text-transform: uppercase;
	text-shadow: 0 -2px 0px rgba(0, 0, 0, .35);
}

#pageNav a {
	margin: 0 1em;
}

#pageNav a:hover {
	text-decoration: none;
}

#pageNav a:first-child {
	margin-left: 0;
}

#mainLogo {
	width: 90%;
	max-width: 727px;
	height: 0;
	padding-top: 18.75em;
	overflow: hidden;
	background: url(../img/main_logo.png) left bottom no-repeat;
	margin: 0 auto;
}


/********** CONTENT ******************************/
#home {
	padding-top: 2.85em;
}

.sectionHeader {
	background: url(../img/heroes.jpg) center 0;
	height: 530px;
	clear: left;
}

#location .sectionHeader {
	background-position: center -530px;
	height: 316px;
}

#contact .sectionHeader {
	background-position: center -846px;
	height: 316px;
}

.sectionHeader .inner {
	width: 90%;
	max-width: 727px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.sectionHeader blockquote {
	background: #ba9a3b;
	width: 55%;
	padding: 1.5625em;
	position: absolute;
	bottom: 1.5625em;
	right: 0;
}

#contact .sectionHeader blockquote {
	right: auto;
	left: 0;
	width: 41%;
}

.content {
	width: 90%;
	max-width: 727px;
	padding-top: 2.85em;
	margin: -1.5625em auto 3.125em;
}

.content h2 {
	text-shadow: 0 -2px 0px rgba(0, 0, 0, .35);
}

.col1,
.col2 {
	float: left;
	width: 48%;
}

.col1 {
	margin-right: 8%;
}

.col1 p {
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	color: #ebf3f7;
}

.col2 {
	width: 44%;
	margin-top: 4.11764705882em;
}

.col2 p {
	margin-bottom: .78125em;
	color: #ebf3f7;
}

.col1 .locationAddress {
	background: #61a4cc;
	text-align: center;
	padding: .78125em 0;
	width: 100%;
	margin: 1em 0;
	line-height: 1.1;
	font-size: 1em;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, .35);
}

.col1 .locationAddress .addressAside {
	font-size: .6875em;
}


.googleMap {
	
	text-align: center;
}

.googleMap a {
	color: #b5d5e5;
	font-size: .875em;
	line-height: 1.7857142;
	display: block;
}

.googleMap img {
	border: 13px solid #6f9db6;
}

#home .col2 {
	margin-top: .78125em;
}

#home .col2 h4 {
	margin-top: 1.2em;
	margin-bottom: .3675em;
	text-transform: uppercase;
}

#mc-embedded-subscribe-form p, 
#facebookBlock p {
	color: #6a6a6a;
	font-size: .6875em;
}

#facebookBlock p,
.facebookButton {
	float: left;
	margin-bottom: 0;
}

#facebookBlock p {
	width: 76%;
	margin-top: .875em;
}

.facebookButton {
	margin-top: .4em;
}

.facebookButton:hover {
	text-decoration: none;
}

/******** FORM STYLES *****************************/
#contactForm,
#mc-embedded-subscribe-form,
#facebookBlock {
	border: .78125em solid #6f9db6;
	background: #fff;
	padding: 1.2625em .78125em;
	margin-top: 1.5625em;
}

#mc-embedded-subscribe-form,
#facebookBlock {
	margin-top: 0;
}

#facebookBlock {
	background: url(../img/facebook_icon.png) -6px center no-repeat #fff;
	padding-left: 66px;
}

#mc-embedded-subscribe-form p,
#facebookBlock p {
	line-height: 1.1;
}

#contactForm label,
#mc-embedded-subscribe-form label {
	display: none;
}

#contactForm input[type=text], 
#contactForm input[type=email],
#mc-embedded-subscribe-form input[type=email],
#mc-embedded-subscribe-form input.email,
#contactForm textarea {
	display: block;
	width: 90%;
	margin: 0 auto 1.25em;
	font-size: .75em;
	padding: .416666667em;
	border: 1px solid #b6b6b6;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .1);
}

#contactForm textarea {
	line-height: 1.6;
	height: 6.25em;
}

#contactForm .formAction {
	text-align: right;
	width: 96%;
	margin: 0 auto;
}

.formAction button,
.facebookButton {
	padding: .4em .8em;
	font-size: .75em;
	border: 1px solid #b6b6b6;
	border-radius: 4px;
	cursor: pointer;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );

}

#mc-embedded-subscribe-form {
	padding: .78125em;
}

#mc-embedded-subscribe-form .formAction,
#mc-embedded-subscribe-form input[type=email],
#mc-embedded-subscribe-form input.email  {
	display: inline;
	margin: 0;
}

#mc-embedded-subscribe-form .formAction button,
.facebookButton {
	padding: .46em .5em;
	color: #000;
}

#mc-embedded-subscribe-form input[type=email],
#mc-embedded-subscribe-form input.email {
	width: 71%;

}

.hasPlaceholder {
	color: #a6a6a6;
}

#contactForm .formError, 
#contactForm .formMessage {
	display: block;
	float: left;
	width: 80%;
	font-size: .6875em;
	line-height: 1.2;
	color: #ff0000;
	text-align: left;
	font-weight: bold;
}

.error {
	color: #ff0000;
	border-color: #ff0000 !important;
	background: #ffeded;
}

label.error {
	display: none !important;
}

.formError a {
	color: #ff0000;
}

#contactForm .formMessage {
	color: #00aa00;
}

/********** FOOTER STYLES *************************/
#pageFooter {
	background: #ba9a3b;
}

#pageFooter .footerContent {
	width: 90%;
	max-width: 727px;
	margin: 0 auto;	
}

#footerNav {
	float: left;
	margin: .9615384em 0;
}

#footerNav a {
	margin: 0 .5em;
}

#footerNav a:first-child {
	margin-left: 0;
}

.siteCredit {
	float: right;
	margin: 1.25em 0;
	font-size: .75em;
}


@media screen and (max-width: 727px) {
	.col1, .col2 {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#location .col2, #home .col2 {
		width: 70%;
		text-align: center;
	}
	#home .col2 p {
		text-align: left;
	}
}
/*Alert Styles*/
.sectionHeader {
}

.sectionHeader .alert {
	background: #000;
	font-size: 35px;
	text-align: center;
	color: #fff;
	z-index: 50;
	margin: 0 auto;
	display: none;
	padding: 55px 0px;
	opacity: .7;
	position: absolute;
	margin-top: -100px;
	width: 100%;
}
.sectionHeader .alert h5{
	max-width: 727px;
	margin: 0 auto;
	opacity: 1;

}
.sectionHeader .alert h5 a{
	color: #2e9ef4;
}