/* ---------- RESET --------- */

* {margin: 0; padding: 0;}
html,body,div,applet,object,iframe,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video {margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:Arial, sans-serif; vertical-align:baseline;}
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y: scroll;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

/* ---------- BODY ---------- */

body {background: url(images/bg-pattern.png) repeat;}

/* ---------- TEXT/IMG ---------- */

h1 {
	margin-bottom: 10px;
	font-size: 1.5625em;
	line-height: 1.5;
	color: #33505c;
}

h2 {
	margin-bottom: 10px;
	font-size: 1.125em;
	line-height: 1.5;
	color: #777;
}

p {
	margin-bottom: 20px;
	font-size: 0.9375em;
	line-height: 1.5;
	color: #555;
	}

a {
	color: #5e92a8;
	text-decoration: none;
	}

a:hover {color: #92c441;}

hr {
	margin: 0 0 20px 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	border: 0;
	}

img {max-width: 100%;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* ---------- CONTAINER ---------- */

#container {
	margin: 2.0em auto 4.0em auto;
	max-width: 960px;
	}

/* ---------- HEADER ---------- */

#header {
	margin: 0 auto;
	padding: 2.0em;
	line-height: 0;
	background: #5e92a8 url(images/header-bg.png) no-repeat right top;
	border-radius: 16px 16px 0 0;
	border-bottom: 1px solid #476f80;
	}

/* ---------- NAV ---------- */

#nav {
	text-align: center;
	background: #92c441 url(images/nav-bg.png) repeat-x left top;
	}

#nav a {
	display: inline-block;
	padding: 0 1.5em;
	font-size: 1.125em;
	line-height: 2.667;
	color: #fff;
	border-right: 1px solid #79a336;
	text-shadow: 1px 1px 2px #333;
	}

#nav a:first-child {border-left: 1px solid #79a336;}

#nav a:hover {background: #7fab38;}

/* ---------- CONTENT ---------- */

#content {
	padding: 1.0em;
	background: #fff url(images/content-bg.png) repeat-x left top;
	}

#content .main, #content .main-home {
	padding: 1.0em;
	width: 96.4%;
	background-color: #fff;
	border: 1px solid #ccc;
	}

#content .main-home {
	float: left;
	width: 62.1%;
	min-height: 403px;
	}

#content img.left {
	float: left;
	margin: 0 15px 5px 0;
	}

#content img.right {
	float: right;
	margin: 0 40px 10px 20px;
	}

#content .sidebar {
	float: right;
	width: 31%;
	text-align: center;
	background-color: #effbfd;
	border: 1px solid #ccc;
	}

#content .contact-sidebar {
	float: right;
	padding: 2%;
	width: 27%;
	text-align: left;
	background-color: #effbfd;
	border: 1px solid #ccc;
	}

#content .sidebar-header, #content .sidebar-footer {
	padding: 0 1.0em;
	font-size: 1.0em;
	line-height: 3;
	color: #fff;
	background-color: #5e92a8;
	}

#content .sidebar-footer {
	font-size: 0.875em;
	font-weight: bold;
	line-height: 2.29;
	background-color: #92c441;
	}

#content .sidebar-footer a {display: block; color: #fff;}
#content .sidebar-footer:hover {background-color: #7fab38;}

/* ---------- FOOTER ---------- */

#footer {
	margin: 0 auto;
	padding: 1.0em 2.0em;
	background: #5e92a8;
	border-radius: 0 0 16px 16px;
	}

#footer .left {float: left;}
#footer .right {float: right; text-align: right;}

#footer p {
	margin: 0;
	color: #fff;
	}

/* ----- Form ----- */

label {
	display: block;
	margin-bottom: 0.5em;
	font-size: 0.9375em;
	line-height: 1.0;
	color: #777;
	}

input[type=text], textarea {
	margin-bottom: 1.0em;
	padding: 0 1%;
	width: 48%;
	font-family: Arial, sans-serif;
	font-size: 0.9375em;
	line-height: 1.75;
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	}

input[type=checkbox] {
	margin: 0 5px 5px 0;
	vertical-align: middle;
	}

span.checkbox-label {
	padding-right: 15px;
	font-size: 0.9375em;
	color: #777;
	}

textarea {
	margin-bottom: 1.0em;
	padding: 0.5em 1%;
	width: 48%;
	min-height: 3.0em;
	line-height: 1.5;
	}

.nameplate {
	margin-bottom: 1.5em;
	padding: 1.0em;
	width: 47%;
	background-color: #cc0000;
	border-radius: 16px;
	}

.nameplate h2 {
	font-size: 1.5em;
	text-align: center;
	color: #fff;
	}

.nameplate label {
	display: inline-block;
	margin-right: 10px;
	width: 29%;
	color: #fff;
	}

.nameplate input {
	width: 60%;
	border: 0;
	}

.nameplate p {
	margin: 0;
	color: #fff;
	}

.error, .error-message {
	font-size: 0.9375em;
	font-weight: bold;
	line-height: 1.5;
	color: #cc0000;
	}

#submit {
	display: block;
	margin-bottom: 2.0em;
	width: 24%;
	font-size: 1.25em;
	line-height: 2;
	color: #fff;
	background-color: #92c441;
	cursor: pointer;
	-webkit-appearance: none;
	}

#submit:hover, #submit:focus {background-color: #7fab38;}