@charset "UTF-8";

/* Global Content Formatting and Styles */

body {
	color: #666;
	line-height: 1.5em;
	font-family: "Helvetica Neue",arial,sans-serif;
	font-size: 17px;
	background: #fff;
	margin: 0; 
	padding: 0;
}

p {margin: 0 0 .6em 0; padding: 0;}

a {color: #009cc8;}
a:hover {color: #009cc8; text-decoration: none;}
footer {font-size: 14px; color: #fff; background-color: #222a3d; text-align: center; margin: 20px 0 0 0; border-top: 2px solid #ccc;}

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

.clear-fix {clear:both; line-height: 1px;}

header {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #aaa;
	background: #fff;
}

div.headerinner {
	max-width: 1030px;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 20px 20px 15px 20px;
}

div.logo {
float: left;
}

div.logo a img {
	width: auto;
	border: 0;
	height: 70px;
}

div.tel {
	text-align: right;
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 28px;
}

div.tel a {
	text-decoration: none;
	color: #014da3;
	}

div.tel span {
	color: #4bb3ce;
	font-size: 16px;
	}

div.banner {
	padding: 0;
	height: 100%;
	background: #5d5d5d url(../images/banner.jpg) no-repeat right bottom;
	background-size: cover;
	border-top: 1px solid #ccc;
	border-bottom: 7px solid #dcdcdc;
}

div.bannerinner {
	padding: 90px 20px 90px 20px;
	max-width: 1030px;
	height: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	letter-spacing: 1px;
}

h1 {font-size: 32px; margin: 0; font-weight: 300; color: #009cc8; line-height: 1.1; padding: 15px 0 10px 0; font-family: 'Open Sans', sans-serif; letter-spacing: 1px;}
h2 {font-size: 24px; margin: 0; font-weight: 300; color: #009cc8; line-height: 1.4; padding: 0 0 2px 0; font-family: 'Open Sans', sans-serif;}

div.strap {
	font-size: 36px;
	color: #043377;
	font-weight: 400;
	line-height: 1.2;
	max-width: 650px;
	font-family: 'Open Sans', sans-serif;
	padding: 20px;
	opacity: 0.95;
	background: #fff;
	border-radius: 15px;
}

div.strap span {font-size: 20px; line-height: 1.2;}

div.strap span a {color: #009cc8;}

div.main {
	max-width: 1030px;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 0 20px 0 20px;
}

div.footerinner {max-width: 1030px; margin: 0 auto 0 auto; position: relative; padding: 30px 20px 5px 20px;}

div.leftcol {width: 70%; float: left;}
div.rightcol {width: 30%; float: left; text-align: center;}
div.rightcol img {margin: 5px 0 0 0; width: 110px; height: auto; border:0;}

@media screen and (max-width:850px) {
	div.rightcol {display: none;}
	div.leftcol {width: 100%; float: none;}
}

@media screen and (max-width:740px) {
	div.tel {display: none;}
	div.strap {font-size: 24px;}
	div.strap span {font-size: 18px;}
	div.bannerinner {padding: 40px 20px 40px 20px;}
	div.banner {background: #5d5d5d url(../images/bannersm.jpg) no-repeat right bottom;}
}

@media screen and (max-width:550px) {
		div.bannerinner {padding: 30px 0 30px 0;}
		div.strap {font-size: 20px; border-radius: 0;}
		div.strap span {font-size: 15px;}
		h1 {font-size: 24px;}
		h2 {font-size: 20px;}
}

@media screen and (max-width:460px) {
		div.logo a img {width: 100%; border: 0; height: auto;}
}