body {
	font-family: "Open Sans", sans-serif;
	font-size: 1.2em;
	line-height: 1.5;
	
}

h1 {
	font-size: 2em;
	line-height: 1;
	font-weight: 400;
}

h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	line-height: 1.24em;
	margin-bottom: .25em;
}

h3 {
	font-family: "Bitter", serif;
	font-size: 1.5em;
	font-weight: bold;
}

p {
	margin: 0 0 1.5em 0;
}

.clear{
	clear: both;
}

#supersize .button {
	font-family: "Roboto Condensed", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .5em;
	line-height: .9em;
	letter-spacing: .05em;
	font-weight: bold;
	background: #17b0c1;
	color: black;
	display: block;
	text-align: center;
	padding: .5em;
	box-shadow: inset 0 -.15em 0 rgba(0,0,0,.2);
	border-radius: 5px;
	margin-bottom: 1.2%;
}

.button:hover {
	box-shadow: inset 0 -.15em 0 rgba(0,0,0,.8);
	/*margin-top: 10px;	*/
}

#signup a{
	display: block;
	float: right;
	background: #17b0c1;
	font-family: "Roboto Condensed", sans-serif;
	color: white;
	padding: .3% 2%;
	margin-bottom: 0em;
}
#signup a:hover{
	color: #242d3f;
}

#page-header {
	background: #242d3f;
	color: white;
	overflow: hidden;
	border-bottom: .2em solid #17b0c1;
	padding: 0 3%;
	margin: 0;
}
#page-header a {
	color: inherit;
	text-decoration: none;
}
#page-header h1 {
	float: left;
	
	margin: 0;
}
#page-header img a{
	float: left;
	padding: 0;
	margin: 0;
}
/*#page-header nav {
	float: right;
	font-size: .9em;
}
#page-header nav a {
	float: left;
	display: block;
	padding: 1em .65em;
	margin-top: 6%;
}
#page-header nav a:hover {
	color: #17b0c1;
}
#page-header nav a.active {
	background: #666;
}
#page-header nav strong {
	text-transform: uppercase;
	color: #17b0c1;
}*/
.toggle,
[id^=drop] {
	display: none;
}
#page-header nav { 
	margin-top: -2%;
}
#page-header nav:after {
	content:"";
	display:table;
	clear:both;
}
#page-header nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
}
#page-header nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
}
#page-header nav a {
	display:block;
	padding:0 10px 10px 10px;	
	color:#FFF;
	font-size:.9em;
	text-decoration:none;
}
#page-header nav ul li ul li:hover { 
	color: #17b0c1; 
}
#page-header nav a:hover { 
	color: #17b0c1; 
}
nav ul li ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 0px; 
}
nav ul li:hover > ul {
	float: left;
	display: inline;
}
#page-header nav ul li ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}
li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }

#supersize {
	/*background: url("../images/IMG_1359.jpg") center center no-repeat;*/
	overflow: hidden;
	padding: 0;
	margin: 0; 
}
.slides {
	background-color: #ddd;
}

.slides img {
    width:100%;
    display: none;
    padding: 0;
    margin: 0;
    border: none;
}
.slides ul{
	padding: 0;
	margin: 0;
}
.slides li {
    margin: 0;
    padding: 0;
}
.activeslide {
	display: visible;
}
#supersize .activeslide, #supersize .activeslide img{
    display:inline;

}


.blurb {
	background: rgba(255,255,255,.8);
	width: 30%;
	margin: 0 auto;
	padding: 1%;
	float: right;
	box-shadow: 0 0 .25em rgba(0,0,0,.75);
	position: absolute;
	top: 28%;
	left: 60%;
}

.callouts {
	background: #ddd;
	overflow: hidden;
	padding: 0 2%;
	margin: 0;
}
.callouts2 {
	background: #242d3f;
	overflow: hidden;
	padding: 0 2%;
}
.textbox {
	overflow: hidden;
	padding: 0 2%;
	background-color: #fff;
}

.callout {
	float: left;
	width: 44%;
	padding: 2% 3%;
	box-shadow: inset -.05em 0 0 rgba(0,0,0,.15);
}
.callout h3 {
	text-align: center;
	font-family: "Bitter", serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #242d3f;
}
.callout:last-child {
	box-shadow: none;
}

.callout .button {
	background: #C6C6C6;
	font-family: "Roboto Condensed", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #242d3f;
	display: block;
	text-align: center;
	padding: .6em;
	box-shadow: inset 0 -.15em 0 rgba(0,0,0,.2);
	border-radius: 5px;
}	
.text ul li{
	margin: 0 auto;
	clear: both;
	text-align: center;
	padding-top: 1%;
}
li a.button {
	background: #C6C6C6;
	color: #242d3f;
	font-family: "Roboto Condensed", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: .6em;
	box-shadow: inset 0 -.15em 0 rgba(0,0,0,.2);
	border-radius: 5px;
	width: 30%;
	margin: 0 auto;

}
.callout .button:hover, li .button.hover {
	box-shadow: inset 0 -.15em 0 rgba(0,0,0,.8);
	/*margin-top: 10px;	*/
}
.heading {
	width: 100%;
	padding: 0%;
	margin: 1% 0 0 0;
	background-color: #fff;
}

.heading h3{
	text-align: center;
	font-family: "Bitter", serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #242d3f;
}
.heading1 {
	background-color: #242d3f;
	padding: 1%;
}
.heading1 h3{
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 1.6em;
}

.callouts2 p {
	color: #fff;
}
.quotes p.nop2{
	font-style: italic;
	font-size: .9em;
	border-bottom: solid #fff 1px;
	margin-bottom: 2%;
	padding:1% 0 5% 0;
}
.quotes, .text {
	padding: 0 23%;
	margin: 0;
}
.textsearch{
	padding: 1% 15%;
	height: 100%;
	overflow: visible;

}
.quotes p {
	margin: 2% 0 0 0;
	padding:0;
	line-height: 1.5em;
}
.quotes p.nop {
	font-style: italic;
	font-size: .9em;
	border-bottom: solid #242d3f 1px;
	margin-bottom: 2%;
	padding:1% 0 5% 0;
}
.quotes p span {
	opacity: .5%;
	color: #17b0c1;
	font-size: 1.75em;
	margin: 0;
	padding: 0;
	font-family: "Coustard", serif;
}
.text strong {
	font-weight: 700;
}
.text a{
	color: #17b0c1;
	text-decoration: none;
}
.text a:hover{
	color: #242d3f;
}
iframe {
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.obanner{
	background-color: #17b0c1;
	text-align: center;
	padding: 2% 0;
}
.obanner h1{
	color: #fff;
	text-transform: uppercase;
	font-family: "Oswald", serif;
	letter-spacing: .05em;
}


footer {
	background: #17b0c1;
	color: white;
	padding: 0% 10%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 auto;
}
.footerbox{
	background-color: #17b0c1;
}

.navfoot {
	float: left;
	width: 27.333%;
	padding: .5% 3%;
	color: white;
	background-color: #17b0c1;
}
.navfoot ul {
	margin: 0;
	padding: 0;

}
.navfoot li {
	border-bottom: solid #fff 1px;
	padding: 1% 0;
	font-size: .7em;
	font-weight: normal;
	list-style: none;
	line-height: 1.75em;
	text-align: center;
}

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

.navfoot li a:hover {
	color: #515151;
	text-decoration: none;
}
.text li{
	border-bottom: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
}
.fleft {
	float: left;
	margin-top: 1.2em;
}
.fright img {
	float: right;
	width: 6%;
	margin: 0;
	padding: 0;
}
.fright1 img {
	float: right;
	width: 4%;
	margin-top: .55em;
	padding: 0em;
}
.textwidget {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25;
}
/*#page-header nav a#menu, #close, #innernav {
	display: none;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing: 2px;
}

#innernav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 9999;
}

#innernav ul li {
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 1% 0;
  border-top: white 1px solid;
  text-transform: uppercase;
}

#innernav ul li:hover { 
	background: #17b0c1;
	color: #fff; 
}

#innernav a {
  text-decoration: none;
  color: #fff;
}*/
.textbox fieldset {
 	padding-top: 1%;
 }

.textbox label {
 	font-size: 1.1em;
 	text-transform: uppercase;
 	color: #242d3f;
 	font-family: "Roboto Condensed", sans-serif;
 }

.textbox input, textarea, form select, option {
 	display: block;
 	margin: 1% 0 5%;
 	font-size: 1em;
 	font-family: "Roboto Condensed", sans-serif;
 	width: 100%; 
 	padding: 1%;	
 	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: solid 2px #bbb;
 }
 
.textbox input:focus,textarea:focus {
	background: #17b0c1;
	color:#fff;
}

 .textbox input[type="submit"] {
 	display: block;
 	width: 25%;
 	background-color: #17b0c1;
 	color: #fff;
 	text-transform: uppercase;
 	padding: 1%;
 	border: none;
 	font-size: 1em;
 }

.textbox input[type=submit]:hover {
  	background-color: #242d3f;
  	color: #fff;
  }

.antispam { 
  	display:none;
  }
.toggle2{
		display: none;
}

/*#box1 {
	background-image: url(../images/flint-aerial.jpg);
	background: #17b0c1;
	height: 100%; 
	width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    position: relative;
    float: left;
}
#box2 {
	background-image: url(../images/fenton.jpg);
	background: #17b0c1;
	height: 100%; 
	width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    position: relative;
    float: right;
}
#box3 {
	background-image: url(../images/detsky.jpg);
	background: #17b0c1;
	height: 100%; 
	width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    position: relative;
    float: left;
}
#box4 {
	background-image: url(../images/flint-aerial.jpg);
	background: #17b0c1;
	height: 100%; 
	width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    position: relative;
    float: right;
}*/
#box1, #box2, #box3,#box4{
    height: 100%;
    width: 50%;
    position: relative;
    overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#129ba8+1,17b2c3+26,17b2c3+48,17b2c3+71,129ba8+100 */
	background: #129ba8; /* Old browsers */
	background: -moz-linear-gradient(top,  #129ba8 1%, #17b2c3 26%, #17b2c3 48%, #17b2c3 71%, #129ba8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #129ba8 1%,#17b2c3 26%,#17b2c3 48%,#17b2c3 71%,#129ba8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #129ba8 1%,#17b2c3 26%,#17b2c3 48%,#17b2c3 71%,#129ba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129ba8', endColorstr='#129ba8',GradientType=0 ); /* IE6-9 */
}
#box1, #box3{
	float: left;
}
#box2,#box4{
	float: right;
}
#box3, #box4{
	border-bottom: .5em solid #242d3f;
}
#box1 a:hover:before, #box2 a:hover:before, #box3 a:hover:before, #box4 a:hover:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,0.5);
}
#box1 a p, #box2 a p, #box3 a p, #box4 a p{
	font-size: 2.5em;
	font-family: "Oswald", serif;
    letter-spacing: .05em;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin: 0 auto;
	padding: 3%; 
	text-shadow: 2px 2px 3px #777;
	position: relative;
	text-decoration: none;
}
#box1 a, #box2 a, #box3 a, #box4 a {
	text-decoration: none;
}
#box1 span, #box2 span, #box3 span, #box4 span{
	color:#242d3f;
	text-shadow: 2px 2px 3px #444;
}
  
 
@media only screen and (max-width: 1680px){
	.blurb {
		top: 18%;
	}
	
}
@media only screen and (max-width: 1250px){
	#page-header nav a{
		font-size: .88em;
	}

	#page-header img{
		width: 22%;
	}
	#signup a{
		font-size: .9em;
	}
	.blurb {
		top: 19%;
		width: 40%;
		left: 55%;
	}

}

@media only screen and (max-width: 1366px){
	#page-header nav a{
		font-size: .83em;
	}

	#page-header img{
		width: 15%;
		padding-bottom: 1%;
	}

	h2 {
		font-size: 2.2em;
	}

	.blurb {
		top: 21%;
		width: 40%;
		left: 55%;
	}
	.textsearch{
	padding: 1% 10%;
	}

	
}
@media only screen and (max-width: 1024px){
	#supersize {
		position: relative;
	}
	#page-header{
		padding-right: 1.2%;
	}
	#page-header nav ul li a{
		font-size: .65em;
		padding: 5px;
	}
	#page-header nav { 
		margin-top: 3%;
	}
	#page-header img {
 		width: 15%;
 		padding-bottom: 3%;
 		padding-top: 0;
 		margin-top: 0;
 		float: left;
 	}
	h2 {
		font-size: 2em;
	}
	.blurb h2{
		font-size: 1.9em;
	}

	.blurb {
		top: 3%;
	}
	#signup a{
		font-size: .8em;
	}
	.callout h3{
		font-size: 1.2em;
	}
	.callout {
		font-size: .9em;
	}
	.quotes, .text {
	padding: 1% 15%;
	margin: 0;
	}
	.fright img {
	float: right;
	width: 7%;
	margin: 0;
	padding: 0;
}
	.fright1 img {
		float: right;
		width: 5%;
		margin-top: .35em;
		padding: 0em;
	}
}
@media only screen and (max-width: 900px){
	#page-header{
		padding-right: 1%;
	}
	#page-header nav { 
		margin-top: -4%;
	}
	#page-header nav a{
		font-size: .65em;
		padding: 5px;
	}
	#page-header nav ul li ul li {
		width:120px;
		float:none;
		display:list-item;
		position: relative;
	}
	
	#page-header img{
		width: 15%;
		padding-bottom: 1%;
		
	}
	.blurb {
		top: 1.5%;
		width:40%;
		left: 55%;
	}
}
/* Tablet Layout: < 768px.
 */
@media only screen and (max-width: 885px){
	#page-header nav a{
		font-size: .6em;
	}
	#page-header img{
		width: 17%;
		
		margin-top: 1%;
	}
	#signup a{
		font-size: .7em;
	}
	.blurb{
		width: 51%;
		top:4%;
		left: 25%;
	}

		
	.fleft {
		margin-top: 5%;
	}
	.text, .quotes {
 		font-size: .9em;
 	}
 	.text li{
	font-size: .9em;
	}
	.textsearch{
	padding: 1% 7%;
	}
	
}
@media only screen and (max-width: 799px){
	/*#desktopnav {
		display: none;
	}
	#page-header { 
		padding-left: 0
	}
	#page-header img {
		padding-left: 3%;
	}
	#page-header nav a#menu {
		margin-top:3%;
		padding-right: 15%;
		display: block;
		text-align: left;
		float: right;
		color: #fff;
	}

	#innernav {
		clear: both;
		overflow:hidden;
		display: none;
		width: 100%;
		font-family: "Open Sans", sans-serif;
		font-weight: 300;
		background-color: #242d3f;
		z-index: 9999;
		position: absolute;
	}

	#close {
		width: 100%;
		display: block;
		color: #17b0c1;
		text-align: right; 
		margin-top: 3%;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-right: 10%;
	}*/
	#box1 , #box2 , #box3 , #box4 {
		float: none;
		width: 100%;
		font-size: .7em;
		border-bottom: none;
	}
	#page-header img  {
		display: block;
		padding: 0;
		width: 25%;
		margin: 0 auto;
		float: none;
	}
 	nav {
		margin: 0;
		padding-top: 2%;
		font-size: 1.2em;
	}
	.toggle + a,
	.menu {
		display: none;
		float: left;
	}
	.toggle {
		display: block;	
		color:#FFF;
		font-size:.8em;
		text-decoration:none;
		border:none;
		float: left;
	}
	
	/*.toggle:hover {
		background-color: #17b0c1;
	}*/
	[id^=drop]:checked + ul {
		display: block;
		float: left;
		width: 100%;
	}
	nav ul li {
		list-style-type: none;
		display: block;
		width: 100%;
		position: relative;
	}
	#page-header nav ul li ul {
		position: relative;
		float: left;
		padding-left: 3%;
	}
	#page-header nav ul li ul li a {
		display: block;
		width: 100%;
		float: left;
	}
 	.navfoot {
 		width: 100%;
 		float: left;
 		margin: 0 auto;
 		padding-bottom: 4%;
 	}
 	.blurb {
 		top: 0;
 		left: 0;
 		float: left;
 		width: 100%;
 		position: relative;
 	}
 	.button {
 		width: 50%;
 		margin: 0 auto;
 	}
 	.fright img {
	float: right;
	width: 8%;
	margin: 0;
	padding: 0;
}
	.fright1 img {
	float: right;
	width: 6%;
	margin-top: .25em;
	padding: 0em;
}
.fleft {
	float: left;
	margin-top: 1em;
}


}
/* Wide Mobile Layout: < 480px.
 */
 @media only screen and (max-width: 480px){
 	#page-header nav{
 		clear: both;
 	}
 	nav ul li {
		display:block;
		width: 94%;
		float: left;
	}
 	.callout {
 		width: 100%;
 		margin: 0 auto;
 		font-size: .85em;
 		border-bottom: #fff 1px solid;
 	}

 	.callout h3{
 		font-size: 1.5em;
 	}

 	.blurb h2{
 		font-size: 1.75em;
 	}

 	#page-header img {
 		width: 45%;
 		padding-bottom: 7%;
 		padding-top: 0;
 		margin-top: 0;
 		float: left;
 	}
 	#signup a{
 		font-size: .7em;
 	}
 	/*#page-header nav a#menu {
		margin-top:35%;
	}*/
	
 	.quotes, .text {
	padding: 1% 11%;
	}
	.textsearch{
	padding: 1% 5%;
	}
	
	.obanner h1{
		font-size: 1.4em;
	}
	.heading h3{
		font-size: 1.2em;
	}
	li a.button {
		width: 50%;
	}
	.fright img {
	float: right;
	width: 10%;
	margin: 0;
	padding: 0;
}
.fright1 img {
	float: right;
	width: 6%;
	margin-top: .45em;
	padding: 0em;
}

}


/* Mobile Layout: < 320px.
 */
 @media only screen and (max-width: 320px){
 	#signup a{
 		font-size: .6em;
 	}	
 	/*#page-header img {
 		width: 40%;
 	}*/
 	/*#page-header nav a#menu {
		margin-top:30%;
	}*/
	.blurb h2{
 		font-size: 1.55em;
 	}
 	.callouts {
 		padding-left: 2%;
 		padding-right: 4%;
 	}
 	.quotes, .text {
	padding: 1% 6%;
	font-size: .8em;
	}
	.text li{
	font-size: 1em;
	}
	.fleft {
	float: left;
	margin-top: .8em;
	font-size: .5em;
	}
	.fright img {
	overflow: hidden;
	display: inline;
	float: left;
	width: 14%;
	margin-top:.25em;
	padding: 0;
	}
	.fright1 img {
	float: left;
	width: 10%;
	
	padding: 0em;
	}
}