/* ========================================================================= */
/* UNIVERSAL STYLES                                                          */
/* ========================================================================= */

	* { margin: 0; padding: 0; }
	html, body { font-size: 12px; line-height: 150%; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; background: #e9e9e9 url(../images/bg_body.gif) repeat-y 50% 0; color: #575757; }



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

	#wrapper { width: 960px; margin: 0 auto; }
	#banner { background: url(../images/bg_header.jpg) no-repeat 0 0; clear: both; height: 184px; }
		body#index #banner { background: url(../images/bg_header.jpg) no-repeat 0 0; clear: both; height: auto; }
	#contentarea { overflow: hidden; margin: 20px 0; }
	#content-main { width: 500px; float: left; margin: 0 0 0 40px; }
		body#index #content-main { width: 350px; float: left; margin: 0; }
	#content-sub { margin: 20px 0 0 0; float: right; width: 340px; background: #e5e5e5 url(../images/bg_sidebar-bottom.gif) no-repeat 50% 100%; }
	#content-sub.guru { margin: 20px 0 0 0; float: right; width: 340px; background: none; }
	#content-sub-inner { margin: 20px; }
	#form-bruce { float: right; width: 280px; background: url(../images/bg_bruce.jpg) no-repeat 0 0; }
	#news { width: 220px; float: left !important; margin: 0 0 0 80px !important; }
	#news .post { overflow: hidden; }
	#services { border-top: 1px solid #d6d6d6; }
	#footer { background: #515151 url(../images/bg_footer-bottom.gif) no-repeat 0 100%; margin-bottom: 20px; }
	#footer-top { background: url(../images/bg_footer-top.gif) no-repeat 0 0; height: 64px; }





/* ========================================================================= */
/* ELEMENT STYLES                                                            */
/* ========================================================================= */

	h1 {margin: 20px 0 10px 0; font: normal 24px/125% Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #00459f; }
	h2 { margin: 20px 0; font: normal 18px/150% Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #00459f; }
	h3 { font-size: 14px; margin: 20px 0; }
	h4 { font-size: 12px; margin: 20px 0 0 0; color: #5a5a5a; }
	h4 span { font-size: 10px; display: block; font-weight: normal; }
	h5 { font: normal 14px/150% Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #fff; margin: 20px 0; }
	p { margin: 20px 0 0 0; }
	ul { margin: 20px; }
	ol { margin: 20px 20px 20px 25px; }
	a { text-decoration: none; color: #459500; }
	a:hover { text-decoration: underline; }
	a:focus { border: none; outline: none; }
	a img { border: none; }
	blockquote { margin: 20px 20px 0 20px; }
	cite { margin: 0 20px 20px 20px; }
	hr { clear: both; margin: 10px 0; height: 1px; border: none; background: #d6d6d6; }
	

/* = ELEMENT STYLES: Classes and ID's ====================================== */	

	h1.logo { float: left; }
	h1.logo a { display: block; width: 248px; height: 49px; text-indent: -9000px; background: url(../images/logo.gif) no-repeat 0 0; }
	
	#banner h1 { color: #fff; margin: 70px 0 0 40px; font-size: 30px; text-shadow: #000 0 1px 0; }
	#banner #feature h1 { margin: 20px 0 10px 0;  font-size: 24px; color: #00459f; text-shadow: none; }
	
	#feature { height: 311px; overflow: hidden; }
	
	p.tagline { text-transform: uppercase; font-size: 11.75px; text-align: right; float: right; color: #999; font-weight: bold; }
	p.tagline strong { color: #00459e; font-size: 16px; }
	p.newsletter-btn { float: right; }
	p.newsletter-btn a { display: block; line-height: 120%; width: 115px; padding: 12px 0 14px 60px; margin: -5px 0 0 20px; background: url(../images/btn_newsletter.gif) no-repeat 0 0; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 10px; }
	p.newsletter-btn a:hover { background: url(../images/btn_newsletter.gif) no-repeat 0 -100px; }
	p.newsletter-btn a strong { display: block; font-size: 13px; }
	
	
	p.phone { position: absolute; right: 20px; top: -20px; text-align: right; color: #fff; }
	
	a.more { float: right; background: url(../images/btn_small.png) no-repeat 50% 0; display: block; width: 78px; line-height: 21px; padding-bottom: 2px; text-align: center; font-size: 10px; text-transform: uppercase; font-weight: bold; margin: 10px 0; }
	a:hover.more { background: url(../images/btn_small.png) no-repeat 50% -100px; text-decoration: none; }
	a.more.long { background: url(../images/btn_long.png) no-repeat 50% 0; width: 175px;}
	a:hover.more.long { background: url(../images/btn_long.png) no-repeat 50% -100px; }
	
	p.detail { font-size: 10px; margin: 0; }
	
	ul#twitter_update_list { margin: 20px 0; list-style: none; }
	ul#twitter_update_list li a { display: block; font-size: 10px; color: #7e7e7e; float: right; }
	ul#twitter_update_list li span a { display: inline; font-size: 12px; color: #459500; float: none; }
	#content-sub ul#twitter_update_list { overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ccc; }
	#content-sub ul#twitter_update_list li { overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ccc; }
	#content-sub ul#twitter_update_list li span { display: block; }
	
	
	

	ul.services { list-style: none; margin: 0 0 30px 0; overflow: hidden; }
	ul.services li { float: left; }
	ul.services li a { display: block; height: 42px; width: 240px; color: #989898; }
	ul.services li a:hover { text-decoration: none; color: #777; }
	ul.services li a strong { display: block; font-size: 11px; text-transform: uppercase; padding: 5px 0 0 50px; }
	ul.services li.installation a {  width: 280px; background: url(../images/icon_install.gif) no-repeat 0 0; }
		ul.services li.installation a:hover { background: url(../images/icon_install.gif) no-repeat 0 -100px; }
		ul.services li.installation a strong { padding: 5px 0 0 60px; }
	ul.services li.survey a {  width: 300px; background: url(../images/icon_survey.gif) no-repeat 0 0; }
		ul.services li.survey a:hover { background: url(../images/icon_survey.gif) no-repeat 0 -100px; }
	ul.services li.quote a {  width: 180px; background: url(../images/icon_quote.gif) no-repeat 0 0; }
		ul.services li.quote a:hover { background: url(../images/icon_quote.gif) no-repeat 0 -100px; }
	ul.services li.clock a {  width: 200px; background: url(../images/icon_clock.gif) no-repeat 0 0; }
		ul.services li.clock a:hover { background: url(../images/icon_clock.gif) no-repeat 0 -100px; }
		
	#footer-top p { color: #fff; font-size: 11px; padding: 22px 0 0 0; *padding: 2px 0 0 0; margin-left: 300px; text-transform: uppercase; text-shadow: #000 0 -1px 0; }
	#footer-top p a { color: #ccc; font-weight: bold; padding: 13px; }
	#footer-top a:hover { text-decoration: none; color: #fff; }
	#footer-top a.showroom { border-left: 1px solid #838383; }
	
	#footer-sub { overflow: hidden; }
	#footer-sub a { color: #9a9a9a; }
	#footer-sub a:hover { color: #fff; text-decoration: none; }
	#footer-sub ul { float: left; list-style: none; font-size: 10px; width: 155px; margin: 20px 15px 20px 15px; }
	#footer-sub ul a { border-bottom: 1px solid #636363; background: url(../images/icon_arrow.gif) no-repeat 0 9px; padding: 2px 0 2px 5px; display: block; }
	#footer-sub ul a:hover { color: #fff; background: url(../images/icon_arrow.gif) no-repeat 0 -91px; text-decoration: none; }
	
	.contact { float: right; width: 180px; margin: 0 10px 20px 0; }
	.contact p { color: #fff; font-size: 10px; }
	.contact p span { font-size: 20px; font-weight: bold; line-height: 150%; display: block; padding-bottom: 5px; }
	
	#content-sub h5 { background: #0049a4 url(../images/bg_sidebar-top.gif) no-repeat 50% 0; margin: 0; padding: 5px 10px; }
	#content-sub.guru h5 { background: none; margin: 15px 0 20px 80px; padding: 5px 10px; }
	#content-sub h4 { margin: 20px 0 0 0; }
	#content-sub p { margin: 0 0 20px 0; font-size: 11px; }
	
	table { width: 100%;}
	table td { vertical-align: top; padding: 0 10px 10px 10px; }
	
	#cse-search-results { width: 550px; overflow: hidden; margin-top: 10px; }
	#cse-search-results iframe { margin-top: -35px; }	
	
	.screen { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: #000; z-index: 550; display: none; opacity: 0.40; }
	* html .screen { position: absolute; height: 1200px; }
	#lightbox { width: 350px; position: fixed; top: -700px; left: 50%; margin-left: -175px; background: #fff; z-index: 600; border: 1px solid #656565; padding: 0; }
	#lightbox-title { background: #eee; padding: 1px 20px 20px 20px; border-bottom: 1px solid #ddd; }
	#lightbox p { margin: 0; }
	* html #lightbox { position: absolute; }
	a#call_lightbox { cursor: pointer; }
	
	iframe#no_ie6 { width: 600px; height: 300px; overflow: hidden; border: 4px solid #777; position: absolute; top: 50px; left: 50%; margin-left: -300px; z-index: 1000; }



/* ========================================================================= */
/* NAV STYLES                                                                */
/* ========================================================================= */

	/* see dropdown.css */



/* ========================================================================= */
/* FORM STYLES                                                               */
/* ========================================================================= */

	#form-bruce h5 { margin-left: 80px; }
	#form-bruce p { font-size: 10px; line-height: 150%; margin: 0 20px 0 40px; padding: 0; color: #585858; }
	#form-bruce p.faq { margin: 12px 0 10px 0; float: left; }


	form { padding: 0; }
	form.askbruce { padding: 20px 20px 0 40px; background: url(../images/bg_bruce.jpg) no-repeat 0 100%; overflow: hidden; }
	form.referral div { overflow: hidden; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; }
	form.referral div ul { float: left; margin: 0 20px 0 0; }
	form.referral ul { margin: 20px 0 0 0; }
	form.referral input.submit { float: left; }
	form ul { margin: 0; padding: 0; }
	form li { list-style: none; }
	form li ul { margin: 0; }
	label.description,
	span.description { display: block; font-weight: bold; }
	label.choice,
	span.choice  { padding-left: 5px; }
	input.text { width: 211px; margin: 0 0 10px 0; background: #fff; border: 1px solid #bbb; padding: 2px; color: #999; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
	input.text#ask_name { background: #fff url(../images/icon_name.gif) no-repeat 3px 50%; padding-left: 15px; width: 198px; }
	input.text#ask_email { background: #fff url(../images/icon_email.gif) no-repeat 3px 50%; padding-left: 15px; width: 198px; }
	input.checkbox {  }
	input.radio {  }
	input.submit {  border: none; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; background: url(../images/btn_small.png) no-repeat 50% 0; display: block; width: 78px; padding: 3px 0 10px 0; text-transform: uppercase; color: #459500; font-size: 10px; font-weight: bold; margin: 10px 0; float: right; }
	input:hover.submit { background: url(../images/btn_small.png) no-repeat 50% -100px; }
	textarea { width: 211px; height: 60px; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; background: #fff; border: 1px solid #bbb; padding: 2px; color: #999; }
	textarea.full { width: 442px; }
	textarea#ask_comment { width: 198px; background: #fff url(../images/icon_comments.gif) no-repeat 3px 6px; padding-left: 15px; }
	select { width: 211px; margin: 0 0 10px 0; }
	
	.search { width: 238px; float: left; padding: 20px 0 0 55px; background: url(../images/icon_search.gif) no-repeat 15px 15px; }
	.search form { padding: 0; }
	.search input.text { width: 140px; padding: 6px 5px; margin: 0 0 0 0; border: none; background: url(../images/bg_input.gif) no-repeat 0 0 !important; float: left; }
	.search input.text { line-height /*\**/: 21px\9; height /*\**/: 21px\9; border /*\**/: none\9 !important;  }
	.search input {  }
	.search input.submit { margin: 0 0 0 0; background: url(../images/bg_submit.gif) no-repeat 0 0; width: 68px; color: #fff; padding: 5px 0 8px 0; float: left; }
	 selector { attribute /*\**/: value\9; }
	
	#lightbox form { padding: 20px 20px 20px 20px; overflow: hidden; } 
	#lightbox form li { float: left; margin: 0; }
	#lightbox form li.newsletter-signup { float: right; margin: -25px 0 0 0; }