@import url(http://fonts.googleapis.com/css?family=Oswald|Roboto:400,400italic);
body {
	padding: 0px;
	margin: 0px;
}
a {
	color: inherit;
	text-decoration: none;
}
.clearall {
	clear: both;
}
h2 {
	font-family: Oswald, sans-serif;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
}
#top {
	width: 960px;
	height: 65px;
}
.logoimg {
	margin-top: 13px;
	margin-left: 25px;
}
.hp {
	font: normal 20px Roboto, sans-serif;
	color: #005d86;
	text-align: right;
	margin-top: -46px;
	margin-right: 25px;
}
.he {
	color: #434343;
	font: normal 14px Roboto;
	text-align: right;
	margin-top: -22px;
	margin-right: 25px;
}
#bannertopgradient {
	position: absolute;
	height: 40px;
	width: 100%;
	left: 0;
	top: 65px;
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
	z-index: 999;
}
#banner {
	width: 960px;
	height: 300px;
}
.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; margin: -10px; padding: 0px; }
#nav {
	position: absolute;
	height: 40px;
	width: 100%;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(234,234,234,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(234,234,234,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%);
}
#nav h1 {
	float: left;
	margin-left: 20px;
	letter-spacing: 1px;
	padding-top: 1px;
	font: 24px Oswald;
	margin-top: 0px;
	text-transform: uppercase;
}
#navwrap {
	margin: 0 auto;
	width: 960px;
}
#nav ul {
	list-style: none;
	font: 18px Oswald;
	margin: 0 auto;
	color: #005d86;
	text-transform: uppercase;
	margin-top: 7px;
	float: right;
	margin-right: 20px;
}
#nav li {
	display: inline;
	margin-left: 30px;
}
#nav a {
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
}
.btn {
	display: block;
	width: 100px;
	margin-top: 20px;
	margin-bottom: 20px;
  background: #5c97b2;
  background-image: -webkit-linear-gradient(top, #5c97b2, #002e42);
  background-image: -moz-linear-gradient(top, #5c97b2, #002e42);
  background-image: -ms-linear-gradient(top, #5c97b2, #002e42);
  background-image: -o-linear-gradient(top, #5c97b2, #002e42);
  background-image: linear-gradient(to bottom, #5c97b2, #002e42);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Oswald, sans-serif;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
	text-transform: uppercase;
}

.btn:hover {
  background: #257598;
  background-image: -webkit-linear-gradient(top, #257598, #002e42);
  background-image: -moz-linear-gradient(top, #257598, #002e42);
  background-image: -ms-linear-gradient(top, #257598, #002e42);
  background-image: -o-linear-gradient(top, #257598, #002e42);
  background-image: linear-gradient(to bottom, #257598, #002e42);
  text-decoration: none;
}
#content {
	margin-top: 50px;
}
#content p {
	font: 13px/20px Roboto, sans-serif;
	color: #000000;
}
.col1 {
	padding-left: 20px;
	margin-right: 20px;
	width: 450px;
	float: left;
}
.col2 {
	margin-top: 20px;
	width: 450px;
	float: left;
}
.col2contact {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #005d86;
	margin-top: 20px;
	width: 450px;
	float: left;
	padding-bottom: 15px;
}
#contactwrap {
	width: 400px;
	margin-left: 25px;
}
#bios {
	width: 300px;
	float: right;
}
.bio {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #005d86;
	width: 130px;
	height: 70px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	margin-left: 20px;
}
.bio:hover {
	background-color: #00405c;
}
.bioname {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font: 15px Oswald;
	text-transform: uppercase;
	text-align: center;
	margin-top: 15px;
	margin-bottom: -15px;
}
.biotitle {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font: 11px Roboto;
	font-style: italic;
	text-align: center;
}
.servicename {
	font: 15px Oswald, sans-serif;
	color: #005d86;
	text-transform: uppercase;
	padding-right: 5px;
}
#productwrap {
	margin-top: 80px;
	margin-left: 30px;
}
.product {
	display: block;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #005d86;
	width: 260px;
	height: 100px;
	float: left;
	text-align: center;
	margin-bottom: 30px;
	margin-left: 30px;
}
.product:hover {
	background-color: #00405c;
}
.prodname {
	color: #ffffff;
	font: 18px/70px Oswald;
	text-transform: uppercase;
}
#footertop p {
	color: #005d86;
	font: 23px Oswald, sans-serif;
	float: right;
	margin-right: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer {
	background-color: #005d86;
	margin-top: 50px;
	position: absolute;
	height: 200px;
	width: 100%;
	left: 0;
}
#footer p {
	color: #ffffff;
}
#footercontainer {
	width: 960px;
	margin: 0 auto;
}
#footer .col1 {
	width: 300px;
	float: left;
	margin-top: 20px;
}
#footer .address {
	font: 13px Oswald, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#footer .contactinfo {
	font: 12px Oswald, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#footer .col2 {
	width: 220px;
	float: left;
}
#footer .col3 {
	width: 320px;
	float: left;
	margin-left: 20px;
}
#map {
	width: 200px;
	height: 160px;
	margin-left: 20px;
}
.divline {
	height: 160px;
	width: 1px;
	margin-top: 20px;
	margin-left: 20px;
	background-color: #ffffff;
	float: left;
}
#footer .fblink {
	display: block;
	font-family: Oswald;
	text-transform: uppercase;
	float: left;
	margin-top: 30px;
	line-height: 40px;
}
#footer img {
	margin-right: 10px;
}
#footer .regulations {
	font: 11px Roboto, sans-serif;
	font-style: italic;
}
.contactphone {
	font: 15px Oswald, sans-serif;
	color: #005d86;
}
.contactfax {
	font: 15px Oswald, sans-serif;
	color: #000000;
}
.contactemail {
	font: 15px Oswald, sans-serif;
	color: #005d86;
	text-transform: uppercase;
}
.label {
	font: 11px Roboto, sans-serif;
	color: #ffffff;
	text-shadow: none;
}

/* Responsive */

@media screen and (max-width: 768px) {
#wrapper {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#banner {
	width: 100%;
	height: auto;
	margin-top: -65px;
	margin-bottom: 0px;
}
#top {
	width: 100%;
}
#banner img {
	width: 100%;
}
#bannertopgradient {
	display: none;
}
.logoimg {
	position: absolute;
	top: 0;
	margin-top: 10px;
	margin-left: 10px;
}
.hp {
	display: none;
}
.he {
	display: none;
}
#content {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}
#content p {
	width: 100%;
}
.col1 {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}
.col1 p {
	width: 100%;
}
.col2 {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}
.col2 img {
	width: 100%;
}
#footertop {
	width: 100%;
}
#footer {
	width: 100%;
	height: auto;
}
#footercontainer {
	width: 100%;
}
#footer .col1 {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	border-bottom: 1px dashed #ffffff;
	padding-bottom: 15px;
}
#footer .col1 img {
	width: 30%;
	margin-left: 35%;
}
#footer .col1 p {
	text-align: center;
	width: 100%;
}
#footer .col2 {
	display: none;
}
#footer .col3 {
	width: 90%;
	margin: 0;
	padding-left: 5%;
	padding-bottom: 15px;
	padding-top: 15px;
}
#footer .col3 img {
	width: 10%;
	margin-left: 45%;
}
#footer .col3 p {
	text-align: center;
	width: 100%;
}
#footer .fblink {
	margin: 0px;
}
.divline {
	display: none;
}
#bios {
	width: 100%;
	float: none;
	margin: 0 auto;
}
.bio {
	width: 70%;
	margin-left: 15%;
}
#productwrap {
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
}
.product {
	width: 60%;
	margin-left: 20%;
}
.col2contact {
	width: 90%;
	margin-left: 5%;
}
#contactwrap {
	width: 90%;
	padding: 0px;
	margin: 0px;
	margin-left: 5%;
}


}


/* RESPONSIVE NAV */
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
.slicknav_menu { font-size:16px; }
.slicknav_btn { margin: 5px 5px 6px; text-decoration:none; font: 400 18px "Oswald", serif; letter-spacing: 1px; background: #5c97b2; background-image: -webkit-linear-gradient(top, #5c97b2, #002e42); background-image: -moz-linear-gradient(top, #5c97b2, #002e42); background-image: -ms-linear-gradient(top, #5c97b2, #002e42); background-image: -o-linear-gradient(top, #5c97b2, #002e42); background-image: linear-gradient(to bottom, #5c97b2, #002e42); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; }
 .slicknav_btn:hover { background: #257598; background-image: -webkit-linear-gradient(top, #257598, #002e42); background-image: -moz-linear-gradient(top, #257598, #002e42); background-image: -ms-linear-gradient(top, #257598, #002e42); background-image: -o-linear-gradient(top, #257598, #002e42); background-image: linear-gradient(to bottom, #257598, #002e42); text-decoration: none; }
.slicknav_menu  .slicknav_menutxt { color: #FFF; }
.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; }
.slicknav_menu { background:#ffffff; padding:5px; border-bottom: 2px solid #005d86; }
.slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; }
.slicknav_nav ul { padding:0; margin:0 0 0 20px; }
.slicknav_nav .slicknav_row { padding:5px 10px; margin:2px 5px; background-color: #005d86; }
.slicknav_nav a{ font: 400 18px Oswald, sans-serif; text-align: center; padding:5px 10px; margin:2px 5px; text-decoration:none; color:#005d86; }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { padding:0; margin:0; }
.slicknav_nav .slicknav_row:hover { background:#257598; }
.slicknav_nav a:hover{ background:#257598; color:#ffffff; }
.slicknav_nav .slicknav_txtnode { margin-left:15px; }
.slicknav_menu { display:none; }
@media screen and (max-width: 768px) { #nav { display: none; } .slicknav_menu { display:block; } }