/* telecommuting360.com */
/* ids and classes built on top of the Yahoo reset css file that loads before this one */

#feature { display: block; height: 160px; }
	#feature-box { float: right; width: 270px; text-align: center; background: #bbb; height: 100%; }
	#feature p { font: normal 150%/125% arial; color: #fff; }

#content { width: 950px; background: #fff; float:left; }

	#nav-left { float: left; width: 20%; background: #fff; }
	#nav-left ul { margin: 21px 0 0 27px; }
	#nav-left li { font: normal 80%/100% arial; margin: 0 0 12px 0; }
	#nav-left a { text-decoration: none; }
	#nav-left a:hover { text-decoration: underline; }

	#main	{ float: left; width: 58%; background: #fff; display:block; padding-right:10px;}

		#main h1 { font: 100 125%/100% arial; margin: 18px 0 6px 24px; color: #e84425; }
		#main h2 { font: 900 90%/135% arial; margin: 8px 24px 3px 24px; color: #e84425; }
		#main p { font: normal 85%/150% arial; margin: 0 24px 9px 24px; color: #555; }
		#main img { margin: 6px 18px 0 9px; }
		#main ul {margin-left:48px; margin-bottom:12px; font: normal 85%/150% arial; color: #555; }
		#main li {padding-left:0px; list-style-type:square;}
		
	#right-column { float: left; width: 20%; background: #fff; }
		#text_7_body, #text_8_body, #text_9_body { margin: 18px 12px 0px 0; text-align: left; padding: 9px 6px 12px 9px; border: solid 1px #aaa; background: #fff; }
		#text_7_body h3, #text_8_body h3, #text_9_body h3 { font: 900 90%/115% arial; color: #369; }
		#text_7_body p, #text_8_body p, #text_9_body p { font: normal 80%/115% arial; margin: 3px 0 0 0; color: #777; }
		#text_7_body ul, #text_8_body ul, #text_9_body ul { margin: 6px 0 0 0; }
		#text_7_body li, #text_8_body li, #text_9_body li { font: normal 85%/100% arial; margin: 0 0 6px 14px; list-style-type: disc; text-align: left; color: #777; }
		
		/*.right-box2 { margin: 12px 12px 0px 0; text-align: center; padding: 0; border: solid 1px #aaa; background: #fff; }*/
#directory {margin: 0 24px 9px 24px; text-align: left; padding: 9px 6px 12px 9px; border: solid 1px #aaa; background: #fff; width:88%; float:left; display:inline;}
#directory li{display:inline; width:50%; float:left;}
#directory ul {padding:0; margin:0;}

#businesses {margin: 0 24px 9px 24px; text-align: left; clear:left; display:inline; float:left; width: 88%}
#businesses li{ list-style-type:none;}
#businesses ul {padding:0;margin:0;}
.name {font-weight:bold; color:#369;}
.location {font-size: 10pt; margin-bottom:10px;}

.business_description, .business_address_1, .business_address_2, .business_location, .business_contact_name, .business_email, .business_phone, .business_fax, .business_url 
{margin: 0 24px 9px 24px; text-align: left; font-family:Arial; font-size:11pt; color:#555;}
.business_address_1, .business_address_2, .business_location {margin-top:0; margin-bottom:0;}
.business_address {margin-bottom:10px;}
.business_email, .business_phone, .business_fax, .business_url, business_contact_name {margin-bottom:0;}

.required, .optional {font: normal 85%/150% arial; margin: 0 24px 9px 24px; color: #555;}
.label_holder {font-weight:900; color:#e84425;margin-bottom:0.25em;}
.form_hint_holder {font-size: 9pt; line-height: 11pt; color:#888; width:75%; margin-top:0.25em; line-height:1.4em;}
.submit {margin: 0 24px 9px 24px;}
#hourly_salary_6_label {width: 75%; padding-top:32px;  margin-top:20px; background-image: url(/images/roi-labels-about-you.gif); background-repeat:no-repeat;}
#drive_distance_to_work_6_label {width: 75%; margin-top:20px; padding-top:45px; background-image: url(/images/roi-labels-your-commute.gif); background-repeat:no-repeat;}
#vehicle_mpg_6_label {width: 75%; padding-top:45px;  margin-top:20px; background-image: url(/images/roi-labels-your-vehicle.gif); background-repeat:no-repeat;}
#cost_of_train_or_bus_ticket_6_label {width: 75%;  margin-top:20px; padding-top:45px; background-image: url(/images/roi-labels-your-expenses.gif); background-repeat:no-repeat;}