@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../img/bg.jpg); background-position: top left; background-repeat: repeat-x; background-color: #ffffff;
}

/*Top logo header. Stays constant.*/
.logo {
	background-image: url(../img/bgtop.gif); background-repeat: no-repeat;
	width: 900px;
	margin: 21px 25px 49px 38px;
	padding: 25px;
	clear: both;
}
/*For SEO since we use so many images*/
.logo h1 {
	text-indent: -9999px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
/* Hearder container, holds page specific header and the nav */
.headercont {
	width: 900px;
	margin: 0px 25px 6px 25px;
	padding: 0 0 0 13px;
	clear: both;
}

/*Page specific header*/
.header {
	width: 662px;
	margin: 0 7px 0 0;
	padding: 0;
	float: left;
	height: 275px;
}

/*For SEO since we use so many images*/
.header h1{
	text-indent: -9999px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}

.header h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
}

/*Navigate*/
.nav {
	background-image:url(../img/menu.png); background-position: top left; background-repeat: no-repeat;
	width: 215px;
	height: 162px;
	margin: 114px 0 0 0;
	float: left;
}

.nav ul {
	list-style-type: none;
	padding: 0;
	margin: 6px 0 0 6px;
}
.nav li{
	margin: 0 0 1px 0;
	padding: 0;
	width: 170px;
	height: 25px;
}

.nav li a{
	border-left: solid 6px #999999;
	padding: 2px 0 2px 43px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: auto;
	color: #707070;
	width: 150px;
	text-decoration: none;
	text-transform: uppercase;
}

.nav li a:hover{
	border-left: solid 6px #3da9f6;
	padding: 2px 0 2px 43px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: auto;
	color: #3da9f6;
	width: 150px;
	text-decoration: none;
	text-transform: uppercase;
}


.nav li a#current {
	border-left: solid 6px #3da9f6;
	padding: 2px 0 2px 43px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: auto;
	color: #3da9f6;
	width: 150px;
	text-decoration: none;
	text-transform: uppercase;
}

/*Content*/
.content {
	width: 669px;
	margin: 7px 1px 6px 32px;
	padding: 0 0 0 6px;
	float: left;
}

/*Announce area*/
.ads {
	width: 150px;
	height: 187px;
	margin: 7px 0 6px 0;
	padding: 11px 25px 0 5px;
	float: left;
}

.announce {
	width: 150px;
	height: 338px;
	margin: 7px 0 6px 0;
	padding: 70px 25px 0 25px;
	float: left;
}

.footer {
	width: 900px;
	height: 75px;
	padding: 50px 38px 33px 0px;
	margin: 0px;
	float: center;
	clear: both;
}

.footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 20px;
}

.footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
	color: #666666;
	line-height: 20px;
}

.footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: underline;
	color: #666666;
	line-height: 20px;
}

.referral {
	width: 525px;
	height: 603px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #202020;
	float: left;
}

.referral a{
	font-family: Arial, Helvetica, sans-serif;
	color: #3da9f6;
    text-decoration: none;
}

.referral a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #3da9f6;
	text-decoration: underline;
}

.contact {
	padding: 0px 38px 10px 45px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #202020;
	float: left;
}

.contact a{
	font-family: Arial, Helvetica, sans-serif;
	color: #3da9f6;
    text-decoration: none;
}

.contact a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #3da9f6;
	text-decoration: underline;
}

/* Contact Form */
#contact_form					{ margin: 0px 0px 0px; color: #444; }
#contact_form form				{ list-style: none; color: #444; }
#gears							{ width: 280px; margin: 100px 35px 0px; height: 100px; background: url(../images/gear.gif) no-repeat center center; }
.form							{ font-size: 1em; color: #444; }
.form h3						{ margin-bottom: 10px; }
.form label						{ font-weight: bold; display: block; width: 150px; float: left; padding: 5px 15px 0px 0px; cursor: pointer; }
.form label.check				{ float: left; width: auto; text-align: left; padding: 5px 5px 0px 0px; margin: 0px 20px 0px 5px; }
.form input.text				{ width: 280px; float: left; border: 1px solid #c5c5c5; background-color:#f5f5f5; padding: 3px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
.form input.checkbox			{ float: left; margin: 6px 0px 0px 0px; width: auto; }
.form input.submit				{ outline: none; }
.form .errors					{ color: #b01d1d; margin: 0px 0px 15px; }
.form fieldset					{ border: none; margin-bottom: 25px; }
.form input.required			{ border: 1px solid #b43131; }
.form select					{ margin-top: 3px; }
.form input.short				{ width: 30px; } 
.form span.extra				{ display: block; float: left; margin: 7px 0px 0px 10px; }
.form textarea					{ width: 280px; height: 120px; border: 1px solid #c5c5c5; background-color:#f5f5f5; padding: 3px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
.form small						{ font-size: 0.85em; }
.form p							{ margin-bottom: 10px; clear: both; }
.form .error					{ font-size: 0.85em; color: #d14949; }