/* Coding and design by Hambo Development
-------------------------------------------------------------*/

body 				{ background: #fff url(/assets/images/layout/bg_body.gif) repeat-y center; text-align: center; }



/* DIV Areas
-------------------------------------------------------------*/

#container 			{ margin: 0 auto; text-align: left; width: 880px; }



/* Masthead Area
-------------------------------------------------------------*/

#masthead			{ background: url(/assets/images/layout/bg_masthead.jpg) no-repeat; height: 250px; width: 880px; }



/* Content Area
-------------------------------------------------------------*/

#main				{ background-color: #ebe9e9; overflow: auto; padding: 0 30px 30px; width: 820px; }
	#content		{ float: left; margin-right: 30px; padding-top: 20px; width: 510px; }
	#form			{ background-color: #ccc; float: left; padding: 20px; width: 240px; }
	
#programs			{ clear: both; padding: 20px 0 0 30px; width: 840px; }
#programs img			{ padding-bottom: 10px; }

#testimonials		{ background: #002f41 url(/assets/images/layout/bg_testimonials.gif) bottom no-repeat; clear: both; height: 480px; padding: 10px 0 60px 0; width: 880px; }
#testimonials_left	{ margin-left: 30px; width: 400px; }
#testimonials_right	{ float: right; margin-right: 20px; width: 400px; }



/* Footer Area
-------------------------------------------------------------*/

#footer				{ clear: both; margin: 0; }
	
	
	
/* DIV Classes
-------------------------------------------------------------*/

.program			{ float: left; margin-right: 20px; width: 190px; }
.testimonial_logo		{ float: left; width: 110px; }
.testimonial_content	{ float: left; width: 290px; }

.hide				{ display: none; }
.visible			{ visibility: visible; }



/* CONTACT FORM
-------------------------------------------------------------*/

#main form					{ width: 240px; margin-top: -20px; padding: 0; vertical-align: middle; }
#main form fieldset			{ margin-bottom: 10px; }
#main form .form-field		{ clear: both; margin-bottom: 10px; overflow: auto; }

#main form label.left		{ clear: left; color: #666; float: left; font-size: 12px; width: 80px; }

#main form input.text,	
#main form textarea			{ background-color: #eee; border: 1px #c3c3c3 solid; color: #111; float: left; font-size: 12px; margin: 0; padding: 4px 2px; width: 150px; }

#main form input#submit		{ background-color: #002f41; border: none; color: #fff; display: block; float: left; height: 25px; margin-left: 80px; width: 80px; }



/* LIVE VALIDATION STYLING
-------------------------------------------------------------*/
label.error							{ color: red; display: inline; font-size: 11px; margin-left: 82px; width: auto; }
label.error							{ display: none; }
#main form input.error,
#main form textarea.error			{ background-color: #e7c3c3; border: 1px solid #e65a5a; }