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

/* ------- layout containers ------- */
#main_content { position: relative;  background: #fff  url(../images/header_contact.jpg) top left no-repeat; top: 0;  padding-right: 315px; }
#bottom_content { position: relative; width: 884px; height: 58px; clear: both; background: #fff none top left no-repeat; }


/* ------- main content ------- */
#main_content h1 { color: #000; padding: 38px 0 0px; margin-left: 20px; font-size: 16px;  font-family: "Gotham Medium", Gotham, "Helvetica Neue", Arial, Helvetica, sans-serif;}
#main_content h2 { color: #000; padding: 14px 0 0; margin-right: 20px; font-size: 12px;   }
#main_content p { margin-right: 20px; }
#main_content ul { padding: 4px 0 0px; }
#main_content ul li { padding: 4px 0; margin-right: 20px; }
#main_content img { padding:4px 8px 0 0; }

#contact_intro { width: 435px; height: 104px; padding-left: 20px; }
#contact_phone { width: 150px; float: left; padding-left: 20px; padding-top: 20px;  }
#contact_emails { width: 360px; padding-left: 12px; float: left; padding-top: 20px; padding-bottom: 12px; }
#contact_locations { width: 560px; padding-left: 20px; padding-bottom: 100px;  padding-top: 20px; }


#contact_emails p { width: 150px; float: left; font-size: 12px; }
#contact_emails p a { font-size: 11px; }

#contact_locations p { width: 163px; float: left; font-size: 11px; line-height: 15px; padding-bottom: 18px;  }

#contact_div { background-image:url(../images/div_contact.jpg); height: 13px; width: 567px; clear: left; }

#form_box { position: absolute; top: 218px; right: 0; width: 315px; }
#contact_form { background-color: #fafafa;  padding: 10px; margin-top: 10px; }
#contact_form legend { display: none;  }
#contact_form .fieldbox { padding: 6px 10px 6px 0;  }
#contact_form .robobox { display: none; }
#contact_form label  { font-size: 11px;  padding-top: 2px; font-weight: bold; float: left; }
#contact_form input, #contact_form textarea { font-size: 11px; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;  
outline: none; /* width: 270px;  */ border-color: #bbbbbd #eaeaeb #eaeaeb #eaeaeb; border-width: 1px;  border-style: solid; padding: 2px; }
#contact_form input { width: 185px; float: right; line-height: 13px; }
#contact_form input[type="text"]  { }
#contact_form textarea { width: 185px; float: right;  }
#contact_form p.field_desc { display: none; }

.active_field { background-color: #fef3e8; }

#contact_form .buttons button {
	background-color: #fff;
	cursor: pointer;
	position: relative; 
	background-image:url(../images/contact_send.jpg);
	width: 149px; 
	height: 26px; 
	border: none;
	outline: none;
	text-indent: -3000px;
	overflow: hidden;
	margin-top: 10px;
	left: 138px;
}

#mandatory_label { width: 285px; position: absolute; top: 8px; text-align: right; font-size: 10px; }

#my_legend { width: 150px; position: absolute; font-size: 12px; font-weight: bold; text-align: center; padding: 0 5px; line-height: 25px; top: -23px; background-color:#fafafa }


div.errortext { background-color: #ececec; padding: 12px; margin:  5px 20px; border: 1px solid #c00 }

/* ------- absolutely positioned stuff ------- */
#case_studies_btn { position: absolute; top: 99px; right: 0px; background-image:url(../images/btn_caseStudies.jpg); width: 155px; height: 21px;  }
#case_studies_btn a { display: block; text-indent: -3000px; overflow: hidden; width: 155px; height: 21px; }