@font-face {
    font-family: 'hvd_comic_serif_proregular';
    src: url('HVD_Comic_Serif_Pro-webfont.eot');
    src: url('HVD_Comic_Serif_Pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('HVD_Comic_Serif_Pro-webfont.woff') format('woff'),
         url('HVD_Comic_Serif_Pro-webfont.ttf') format('truetype'),
         url('HVD_Comic_Serif_Pro-webfont.svg#hvd_comic_serif_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*  { box-sizing: border-box; }

body { font-family: Arial, sans-serif; font-size: 1em; width: 96%;  margin: auto; max-width: 1280px; color: white; background-color: #202938; }
img { max-width: 100%; }
p:first-of-type { padding-top: 0px; margin-top: 0px; } 
h1, h2 { font-family: hvd_comic_serif_proregular; font-weight: normal;  }
h1:first-of-type { padding-top: 0px; margin-top: 0px;  } 
h2:first-of-type { padding-top: 0px; margin-top: 0px; text-transform: uppercase;} 

a { color: #00adef; text-decoration: none; }

#page {  }

#maintext ul li{
    float: left;
    width: 50%;
	padding-right: 20px;
}
#maintext ul{
    list-style-type: disc;
}


#maincontainer { width: 100%; }
.colcont { 
	border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #fff; color: #000; 
	border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; 
	padding: 9px;
	min-height: 260px;
}
#mainleft { width: 49%; vertical-align: top; float: left; border-radius: 14px; }
#mainright { width: 49%; vertical-align: top; float: right; border-radius: 14px; }

.mainh {
		background-color: #000; width: 100%; color: #00adef; border-top-left-radius: 14px; border-top-right-radius: 14px;
		border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000;
}
.mainh h2 { margin: 0; padding: 0 8px; }

#linecont { max-width: 800px; font-family: hvd_comic_serif_proregular; vertical-align: bottom; margin: auto; }
#location {  font-size: 1.2em; float:left;  vertical-align: bottom;  }
#phone { font-size: 1.75em; float:right; vertical-align: bottom;}

#pagetext { border: 1px solid #00adef; border-radius: 7px; padding: 8px 16px 8px 16px;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(255,255,255,.75);
	-moz-box-shadow: 2px 2px 6px 0px rgba(255,255,255,.75);
	box-shadow: 2px 2px 6px 0px rgba(255,255,255,.75);
	max-width: 1280px;
	margin: auto;
	margin-top: 8px; 
	background-color: #bfe0ed;
	color: #000;

}

#message { font-weight: bold; }
#footer { text-align: center; }
#nav { text-align: center; padding-top: 0px; }
#logo { text-align: center; padding-top: 10px; }

#footer { padding: 24px 0; }

#nav a {
	-moz-box-shadow:inset 0px 1px 0px 0px #00adef;
	-webkit-box-shadow:inset 0px 1px 0px 0px #00adef;
	box-shadow:inset 0px 1px 0px 0px #00adef;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003143), color-stop(1, #029bd5) );
	background:-moz-linear-gradient( center top, #003143 5%, #029bd5 100% );
	background: linear-gradient(0deg, #003143, #029bd5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#003143, endColorstr='#029bd5);
	background-color:#003143;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #333333;
	display:inline-block;
	float: right;
	color:#fff;
	font-family:arial;
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #003143;
	padding: 0px 7px 0px 7px;
}
#nav a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #029bd5), color-stop(1, #003143) );
	background:-moz-linear-gradient( center top, #029bd5 5%, #003143 100% );
	background: linear-gradient(0deg, #029bd5, #003143);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#029bd5, endColorstr='#003143);
	background-color:#029bd5;
}
#nav a:active {
	position:relative;
	top:1px;
}


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

	#logo img { max-width: 720px; }
	#linecont { max-width: 690px; }
}

@media screen and (max-width: 1220px) {
	#maintext h1 { font-size: 1.75em; }
}

@media screen and (max-width: 1120px) {
	#maintext h1 { font-size: 1.5em; }
}

@media screen and (max-width: 980px) {
	#maintext h1 { font-size: 1.25em; line-height: 1.25em; }
}
@media screen and (max-width: 780px) {
	#logo img { max-width: 100%; }
	#linecont {  font-family: hvd_comic_serif_proregular; vertical-align: bottom; margin: auto; }
	#location {  font-size: 1.2em; float:none;  text-align: center;  }
	#phone { font-size: 1.75em; float:none; text-align: center;}

	#mainleft { width: 100%; float: none; margin-bottom: 10px; }
	#mainright { width: 100%; float: none; }

}
@media screen and (max-width: 445px) {
	#nav { margin-bottom: 8px; }
	#nav a { float: none; display: block; text-align: center; }

	#pagetext { padding: 8px; }
	.mainh h2 { font-size: 1.25em; }

	#maintext ul li{
		float: none;
		width: auto;
	}
	#maintext ul{
		list-style-type: disc;
	}



}