body {margin:0; padding: 0; font-family: Arial, sans-serif;}
body {background: #ffffff; color: #202020; }

p {font-size: 18px; font-weight: 300; color: #333; line-height: 24px;}



a, a:visited {text-decoration: none; color: #202020;}

h1 {font-size: 44px; font-family: Arial, sans; font-weight: bold; line-height: 1.23em;}
h2 {font-size: 26px;}
h3 {font-size: 34px; font-family: Arial, sans; font-weight: bold; padding: 20px 0;}
h4 {font-size: 18px;}
h5 {font-size: 24px; padding-bottom: 10px; font-weight: bold; text-align: right;}
h6 {font-size: 18px; line-height: 1.23em; padding-bottom: 10px; font-weight: bold; color: #ffffff;}
h7 {font-size: 22px; line-height: 1.23em; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; color: #202020;}

h5 b {font-weight: bold;}


ul {font-size: 14px; margin: 7px 0; padding-left: 10px;}
ul li {margin-bottom: 5px;}


.container .clear, body .clear {width: 80%; float: left; clear: both; margin: 60px 0;}
.one-third {text-align: center;}

header {width: 100%; background: #ffff; float: left; clear: both; margin: 0; padding: 0; no-repeat center -1px fixed; position: relative; z-index: 1;} 
header nav {width: 100%; float: left; margin: 0; padding: 20px 0 20px; background: #fff; position: relative; z-index: 1;	
}

.logo a {color: #444; text-decoration: none; line-height: 20px;}

ul.mainMenu {margin: 0; padding: 0; float: right;}
ul.mainMenu li {display: inline; float: left; margin: 2px 10px;}
ul.mainMenu li a {font-size: 13px; color: #202020; text-decoration: none;}


.blue {width: 100%; float: center; clear: both; background: #0077c0; margin: 0px 0; padding: 40px 0; color: #fff; text-align: centre; position: relative;z-index: 1;}
h1, header h2, header h4 {width: 100%; float: left; clear: both;  text-align: left; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); font-weight: 600;}
h1 {font-size: 38px; margin-bottom: 10px; line-height: 40px;}
h4 {font-weight: normal; margin-bottom: 10px;}
h9 {width: 100%; float: left; clear: both;  text-align: center; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); font-weight: 600; font-size: 3em; margin-bottom: 10px;}


.gray {width: 100%; float: left; clear: both; background: #f6f6f6; margin: 0px 0; padding: 60px 0; position:relative; z-index:1;}
.gray h3 {margin-bottom: 15px;}
.gray h4, .focus h3 {float: left; width: 100%; text-align: left; margin-bottom: 7px;}
.gray p {text-align: left;}


.white {width: 100%; float: left; clear: both; background: #ffffff; margin: 0px 0; padding: 60px 0; position:relative; z-index:1;}

.focus h3 {margin-bottom: 15px;}
.focus h4, .focus h3 {float: left; width: 100%; text-align: left; margin-bottom: 7px;}
.focus p {text-align: left;}



.medium {font-size: 12px; margin: 5px 0; padding: 9px 14px 8px;}




/*
* Footer
*/
footer {width: 100%; float: left; margin: 0px ; padding: 60px 0; background: #505050;}
footer h5 {color: #fff;}
footer p {color: #fff; line-height: 16px; font-size: 16px; margin-bottom: 7px;}
footer a {color: #fff;}
footer a:hover {color: #fff;}





/* -------------------
*  RESPOSIVE ELEMENTS
*  ------------------- */
@media only screen and (max-width: 900px) and (min-width: 480px) {

	header h2 {display: none;}
	header .slogan {padding-top: 0px;}

	nav .container .logo {margin-bottom: 20px; text-align: center;}

	.blue p {width: 400px;} h1 {font-size: 30px; margin-bottom: 10px; line-height: 40px;}
	h7 {font-size: 20px; line-height: 1.23em; padding-bottom: 30px; margin-bottom: 10px; font-weight: bold; color: #202020;}


	.container .one-third.column, .container .eight.columns, .container .four.columns {margin-bottom: 0px;}
}



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

	
	header h2, header .six.columns {display: none;}
	header .slogan {padding: 0px 0;}


	nav .container .logo {margin-bottom: 0px; text-align: center;}

	.blue p {width: 200px;} h1 {font-size: 30px; margin-bottom: 10px; line-height: 40px;}




	form, label, input  {width: 300px;}
	input[type="submit"] {width: 302px;}
	textarea {width: 280px;}

	.container .one-third.column, .container .eight.columns, .container .four.columns {margin-bottom: 0px;}


}