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

body{
	margin:0 auto;
	padding:0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:17px;
	color:#222222;
	background:#fff;
}

#container{
	width:100%;
	margin:0 auto;
	padding:0 0 25px 0;
	background:#fff;
}

/*
/////////////////////////////////////////////////////////
Header 
/////////////////////////////////////////////////////////
*/

#header{
	width:100%;
	height:150px;
	background:url(../images/bg-header.jpg) top center repeat-x;
}

#headercontent{
	width:860px;
	margin:0 auto;	
}

#wm{
	height:37px; 
	width:107px;
	float:left;
	margin-top:27px;
}

#tg{
	height:31px;
	width:149px;
	float:right;
}

#phone{
	height:39px;
	width:180px;
	float:right;
	position:relative;
	top:93px;
	left:149px;
}

/*
/////////////////////////////////////////////////////////
Buttons & CTA 
/////////////////////////////////////////////////////////
*/

#cta{
	width:125px;
	height:36px;
}

/*
/////////////////////////////////////////////////////////
Hero 
/////////////////////////////////////////////////////////
*/

#hero{
	margin:0 auto;
}

.index{
	background:url(../images/bg-hero.jpg) top center no-repeat;
	width:860px;
	height:285px;
}

.gettingstarted{
	width:940px;
	min-height:374px;
	background:url(../images/bg-hero-gettingstarted.jpg) 50px 0 no-repeat;
}

.thanks{
	width:940px;
	min-height:265px;
	background:url(../images/bg-hero-thanks.jpg) 50px 0 no-repeat;
}

#hero #cta{
		position:relative;
		top:108px;
		left:17px;
}

#hero #left{
	float:left;
	margin:230px 0 0 58px;
	width:483px;
}
#hero #left p.highlight {
	color:#2c633f;
	font-weight:bold;
}

#hero #right{
	float:left;
	margin:233px 0 0 75px;
	width:285px;
}

/*
/////////////////////////////////////////////////////////
MainContent
/////////////////////////////////////////////////////////
*/

#main{
	width:860px;
	margin:0 auto;
}

#main #left{
	width:522px;
	float:left;
	margin:0px;
	padding:0 20px 0 18px;
}

#main #right{
	float:left;
	width:240px;
	padding:0 20px;
	margin:0 0 0 20px;
}

#main #cta{
	margin:0;
	padding:0;
}

#main #thankyou{
	width:627px;
	float:left;
	margin:0px;
	padding:0 20px 0 18px;
}


#thankyou a:link{
	color:#006a3c;
}

#thankyou a:active{
	color:#006a3c;
}

#thankyou a:visited{
	color:#006a3c;
}

/*
/////////////////////////////////////////////////////////
Form
/////////////////////////////////////////////////////////
*/

#form{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:779px;
	min-height:549px;
	border:7px solid #00693c;
	margin:0 auto;
	margin-left:20px;
	padding:30px 0 20px 54px;
	background:#c6c6bc;
	color:#000;
}

#form p{
	font-size:12px;
}

#errors{
	display:none;
	width:709px;
	background:#00693c;
	color:#fff;
	font-size:12px;
	min-height:75px;
	padding:10px;
	margin:0 0 30px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#errors strong{
	font-size:14px;
	font-weight:bold;
}

#errors p{
	margin:0px;
	padding:5px;
}


label{
	margin:10px 0 2px 0;
	display:block;
}

input[type="text"]{
	margin:0 0 2px 0;
	padding:2px;
	width:343px;
	height:21px;
	background:#fff;
	border:1px solid #231f20;
	color:#57584f;
	font-size:12px;
	font-family: arial;
}
input[type="checkbox"]{
	margin:0;
	padding:0;
}

textarea{
	margin:0 0 2px 0;
	padding:2px;
	width:343px;
	height:122px;
	background:#fff;
	border:1px solid #231f20;
	color:#57584f;
}

#submit_img {margin-left:20px;}
#checkbox1, #checkbox2, #checkbox3, #checkbox4 {
	height:75px;
	float:left;
}
#checkbox1 { width: 152px; }
#checkbox2 { width: 215px; }
#checkbox3 { width: 180px; }
#checkbox4 { width: 195px; }

#checkbox1 .check, #checkbox2 .check, #checkbox3 .check, #checkbox4 .check{
	float:left;
	width:20px;
}

#checkbox1 .content, #checkbox2 .content, #checkbox3 .content, #checkbox4 .content{
	float:left;
	height:75px;
	font-size:10px;
	line-height:14px;
	color:#000000;
	font-family:arial;
}

#oakland{
	width:106px;
	background:url(../images/checkbox-oakland.jpg) top left no-repeat;
	padding-left:26px;
}

#waterford{
	width:150px;
	background:url(../images/check-waterford.jpg) top left no-repeat;
	padding-left:43px;
}

#manhattan{
	width:130px;
	background:url(../images/check-manhattan.jpg) top left no-repeat;
	padding-left:26px;
}

#harford{
	width:140px;
	background:url(../images/check-harford.jpg) top left no-repeat;
	padding-left:31px;
}

#schooldist{
	width:100%;
	height:74px;
	clear:both;
	margin:0 0 10px 0;
}

#schooldist p{
	padding:0px 0 10px 0;
	margin:0px;
}

#formleft{
	width:380px;
	min-height:300px;
	float:left; 
	margin:0;
	padding:0;
}

#formright{
	float:left;
	margin:0;
	width:360px;
	min-height:300px;
}

#inputsection{
	min-height:43px;
	margin:0 0 10px 0;
	width:100%;
}

#emailsignup{
	width:100%;
	height:42px;
	font-size:10px;
}

#emailsignup input[type="checkbox"]{
	float:left;
	width:14px;
	height:14px;
	display:block;
}

.emaillabel{
	width:230px;
	margin:0px 0 0 5px;
	padding:4px 0 0 0;
	float:left;
	line-height:13px;
}

/*
/////////////////////////////////////////////////////////
Social
/////////////////////////////////////////////////////////
*/

#socialcontainer{
	width:905px;
	margin:0 auto;
}

#social{
	width:137px;
	float:right;
	margin:0 6px 0 0;
}

#social p{
	font-size:10px;
	padding:0px 0 0 8px;
	margin:0 0 5px;
}

#social img{
}

/*
/////////////////////////////////////////////////////////
Footer
/////////////////////////////////////////////////////////
*/

#footer{
	width:100%;
	margin:0 auto;
	padding:0;
	background:#57584f;
	height:52px;
}

#footercontent{
	width:905px;
	margin:0 auto;
	padding:20px 0 20px 0;
	color:#fff;
	font-size:12px;
}

#footercontent #left{
	float:left;
	width:40%;
	text-align:left;
}

#footercontent #right{
	float:right;
	width:30%;
	text-align:right;
	margin:0 12px 0 0;
}

#footercontent  a:link{
	margin:0 12px 0 12px;
	padding:0;
}

/*
/////////////////////////////////////////////////////////
Fonts & general styles
/////////////////////////////////////////////////////////
*/

img{ 
	border:0px;
}


h2{
	text-indent:-9999px;
	display:block;
	padding:0px;
	text-align:left;
}

.getpaidindex{
	background:url(../images/title-get-paid.jpg) top left no-repeat;
	width:220px;
	height:43px;
	margin:27px 0 0 0;
}

.getpaidform{
	background:url(../images/title-get-paid-2.jpg) top left no-repeat;
	width:285px;
	height:27px;
	margin:0;
	padding:0;
}

p{
	padding:0 0 15px 0;
	margin:0px;
}

ul{
	margin:0px 0 0 17px;
	padding:0px;
}

li{
	padding:0 0 14px 0;
	margin:0;
	list-style:disc;
}

a:link{
	text-decoration:none;
	color:#fff;
}

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

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