@import url(https://fonts.googleapis.com/css?family=Didact+Gothic|Questrial);

html, body {
	background-color: #FFF;
	font-family: 'Didact Gothic', Arial, sans-serif;
	color: #000;
	font-size: 90%;
	padding:0;
	margin:0;
	border:0;
}

body { margin: 20px; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Century Gothic', 'Questrial', Arial, sans-serif;
	color: #145570;
	font-weight: normal;
}

h1 { font-size: 4.0em; }
h2 { font-size: 2.5em; }
h3 { font-size: 1.5em; }

p {
	font-size: 1.0em;
	font-family: 'Didact Gothic', Arial, sans-serif;
 }

a { text-decoration:none; font-weight: bold; letter-spacing: 0.1em; }
a:visited { color:#145570; }
a:link  { color:#145570; }
a:hover, a:active {
	text-decoration:underline;
	color:#d7551e;
}

.center { text-align:center; }

img { max-width:100%; }

#mapbox {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}
#mapholder {
	background: #dadada;
	float: left;
	height: 200px;
	width: 65%;
}
#maptext {
	width: 30%;
	height: 200px;
	float: right;
	background: #28aae1;
	color: #fff;
}

.logo-img { width: 50%; }

.footer-block {
	margin: 40px 0 0 0;
}

.footer1 {
	color: #fff;
	clear: both;
	background: #28AAE1;
	padding: 10px 0 10px 0;
}

.footer2 {
	background: #5a5a5a;
	padding: 20px 0 20px 0;
	margin: 0;
	color: #ccc;
}

.footer1 a:link, .footer1 a:visited, 
.footer2 a:link, .footer2 a:visited {
	color: #fff;
}

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}

@media only screen and (max-width:640px) {

.logo-img { width: 100%; }

h1 { font-size: 1.75em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.0em; }

#mapholder {
	float: none;
	height: 200px;
	width: 100%;
}
#maptext {
	width: 100%;
	height: auto;
	float: none;
	padding: 10px 0 10px 0;
}

	
}