@charset "utf-8";

/* CSS Document */
* { margin:0; padding:0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background:#F9F9F9; color:#121212; }

p { font-size: 13px; line-height: 18px; }

img { float:left; }

a, img { border:none; }

h1 { font-size:20px;  float:left; line-height:25px; padding:0 0 12px 0; }

h2 { font-size:18px;  float:left; line-height:18px; color:#9E2115; padding:0 0 12px 0; }

.float_left { float:left; }

.float_right { float:right; }

.clearer { clear:both; }

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


/* LAYOUT
============================================================================ */

div#wrapper { width:788px; margin:0px auto; padding:0px; }

/* ------ Outer Container -------- */

#wrapper div#main_bg { width:714px; float:left; background:url(../images/main_bg.gif) repeat-y; padding:18px 37px; }

#wrapper div#bottom_bg { width:788px; float:left; background:url(../images/main_bottom.gif) no-repeat; height:12px; overflow:hidden; }

/* -------- Header -------- */

#main_bg div#header { width:327px; float:left; background:url(../images/cherry_systems_logo.gif) no-repeat; height:67px; padding:16px 0 20px 387px; }

#header span.phone {
	width:323px;
	float:left;
	height:49px;
	background-image: url(../images/call_us_text_services.gif);
	background-repeat: no-repeat;
}
#header span.phone_services {
	width:323px;
	float:left;
	height:49px;
	background-image: url(../images/call_us_text_services.gif);
	background-repeat: no-repeat;
}

/* -------- Splash -------- */

#main_bg div#splash { width:714px; float:left; background:url(../images/header.jpg) no-repeat; height:213px; }
#main_bg div#splash_services { width:714px; float:left; background:url(../images/header-services.jpg) no-repeat; height:231px; }

/* ------- Left Content Section --------- */

#main_bg div#contentBox { width: 714px; padding: 16px 0 0 0; float:left; }

#contentBox div#contentBoxLeft { width:394px; float:left; }

#contentBoxLeft div.larger { width:394px; float:left; padding:0 0 30px 0; }

#contentBoxLeft ul { width:389px; float:left; padding:0 0 0 5px; list-style-type:none; display:block; }

#contentBoxLeft ul li { width:364px; float:left; background:url(../images/arrow.gif) no-repeat 0 2px; padding:0 0 12px 25px; line-height:18px; }

/* ------- Right Content Section --------- */

#contentBox div#contentBoxRight { width:298px; float:right; }

#contentBoxRight div.form { width:298px; float:left; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; }

.form div.top { width:298px; float:left; height:106px; background:url(../images/form_header.gif) no-repeat; }

.form div.middle { width:286px; float:left; background:url(../images/form_bg.gif) repeat-y; padding:0 12px 0 0; }

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

label { color: #000000; margin: 2px 8px 0 0; font-size: 11px; width:102px; float:left; text-align:right; }

label.question { color: #000000; vertical-align: middle; font-size: 11px; width:102px; float:left; text-align:right; }

textarea { font-size: 11px; height:55px; width: 167px; margin: 3px 0; vertical-align: text-top; border:1px solid #7F7F7F; padding: 3px; float:left; }

input.required { font-size: 11px; width: 167px; margin: 3px 0; background-color: #FFFFFF; padding: 3px; border:1px solid #7F7F7F; float:left; }

input.notrequired { font-size: 11px; width: 167px; margin: 3px 0; background-color: #FFFFFF; padding: 3px; border:1px solid #7F7F7F; float:left; }

.aster { color: #498419; }

.beige { color: #8c8c8c; font-size: 10px; line-height: 110%; padding: 2px 2px 4px 0; }

.beigeSmaller { color: #919191; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; padding: 4px 0 15px 9px; text-align:center; float:left;}

.submitButton { padding: 6px 0 12px; }

.form .bottom { width:298px; float:left; background:url(../images/form_bottom.gif) no-repeat; height:3px; }

span.error {
	color:#666666;
	display:block;
	font-size:80%;
	padding-top:1px;
}


/* ----------------- ============================ ----------------------- */

/* ---------- Testimonials ------------ */

#contentBox div.testimonialBox { width:690px; float:left; padding:20px 0 0 0; }

.testimonialBox p { width:690px; float:left; padding:0 0 13px 0; }

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

#wrapper div#footer { width:788px; float:left; padding:20px 0 10px 0; text-align:center; font-size:11px; color:#464646; }

/* ------------------- Landing page style ends ----------------------------- */

/* ------------------------ Thanks Page ----------------------- */

#contentBox div.thanksBox { width:714px; float:left; padding:0 0 110px 0;}
.thanksBox p { width:709px; float:left; padding:0 0 0 5px;}