/* Global styles */
body { overflow: -moz-scrollbars-vertical; background-color:#c7c7c7; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {}
a:hover, a.current {text-decoration: underline;}
p { font-size:13px; line-height:20px; padding:0 0 18px 0;}
ul, ol {padding:0 0 18px 30px; margin:0; font-size:13px; line-height:20px}
li { padding:0 0 4px 0}
td, th, tr {font-size:13px;}
strong { color:#000;}

h1{color:#000; font-size:20px; padding:0 0 22px 0;}
h2{color:#332a86; font-size:18px; padding:0 0 18px 0;}
h3{color:#000; font-size:16px; padding:0 0 6px 0;}
h4{color:#000; font-size:14px; padding:0 0 18px 0;}
h5{color:#000; font-size:12px; padding:0 0 18px 0;}
h6{color:#000; font-size:10px; padding:0 0 18px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%;}
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}
.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.names{ text-align:right; font-weight:bold; color:#5a952f; font-size:12px}
.companies{ text-align:right; font-weight:bold; color:#000; padding:0 0 20px 0; font-size:12px;}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#PageWrapper{ background:url(images/es-lp-slice.gif) repeat-y; width:980px; margin-top:30px}
#Top{ background:url(images/soc_med_lp_top.gif) no-repeat; height:166px; width:980px;}
#BodyCopy{ width:931px; padding:0 20px 0 29px}
#Left{ float:left; width:601px; padding:6px 32px 0 0; overflow:hidden}
.greenHolder{ width:601px; float:left;}
.greenHolderCopy{ padding:14px 20px 0 108px}
#GreenTop1{ width:601px; background:#efce4f url(images/num-1.gif) no-repeat; }
#GreenTop2{ width:601px; background:#efce4f url(images/num-2.gif) no-repeat; }
#GreenTop3{ width:601px; background:#efce4f url(images/num-3.gif) no-repeat; }
#GreenTop4{ width:601px; background:#efce4f url(images/num-4.gif) no-repeat; }
#GreenTop5{ width:601px; background:#efce4f url(images/num-5.gif) no-repeat; }
.greenBottom{ background:url(images/green-bottom.gif) no-repeat; width:601px; height:11px; margin-bottom:26px}
#FormTop{ background:#edf4e8 url(images/form-top.gif) no-repeat; width:601px; float:left; overflow:hidden}
#FormTop a{}
#FormTop a:hover{ text-decoration:none}
#FormPadding{ padding:60px 10px 10px 16px}
.ltGreenBottom{ background:url(images/green-slice-bottom.gif) no-repeat; width:601px; height:15px; margin-bottom:26px; clear:both}
.ltGreenTop{ background:#edf4e8 url(images/green-slice-top.gif) no-repeat; width:601px; clear:both}
#Right{ float:left; width:240px; padding:6px 29px}
#Right p{ padding:0 0 6px 0}
#Right img{ float:right; margin-bottom:20px}
#Bottom{ background:url(images/es-lp-bottom.gif) no-repeat; height:35px; widows:980px; clear:both}
#Bottom2{ background:url(images/es-lp-bottom2.gif) no-repeat; height:35px; widows:980px; clear:both}


/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
/* Define the various event states */	
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:120px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}