/*

Client: 
Version: 1.0
Authors: Justin Von Strasburg, Cheryl Neary
Provided by: Rare Earth Interactive - http://www.rareearth.us

Colors:
white: #FFFFFF
black: #000000
background orange: #FC7902
text orange: #FF9606
*/

/*===========================================================================*

	This is what we start with...

*===========================================================================*/

/* A little resetting */
* { outline: 0; padding: 0; margin: 0; }
/* Now lets begin */

body { background: #FC7902; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; -webkit-text-size-adjust: none; }

p { margin: 0 0 12px 0; line-height: 17px;}

h1, h2, h3, h4, h5, h6 { font-weight: normal;  }
h1 { font-size: 22px; margin: 0 0 10px 0; }
h2 { font-size: 16px; margin: 0 0 5px 0; color: #FF9606; }
h3 { font-size: 16px; margin: 0 0 5px 0; color: #FF9606; }
h4 { font-size: 14px; margin: 0 0 5px 0; }
h5 { font-size: 14px; margin: 0 0 5px 0; }

ol, ul, dir, menu, dd { margin: 0px 0px 20px 30px; }
ol { list-style-type: decimal }
ol ul, ul ol,ul ul, ol ol { margin-top: 0; margin-bottom: 0px; }
ul li, ol li { margin: 0px 0px 8px 0px; }

a { color: #E35600; text-decoration: none; font-weight: bold; outline: none; }
a:hover { color: #E35600; text-decoration: underline; outline: none; }

img { display: block; border: 0; }
img a { display: block; border: 0; }
.imgleft { float: left; margin: 0px 10px 0px 0px; }
.imgright { float: right; margin: 0px 0px 0px 10px; }

.floatleft { float: left; }
.floatright { float: right; }

.clear { clear:both; line-height: 0px; height: 0px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .family {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#logo { margin: 0 0; padding: 0 0; position: absolute; top: 0px; left: 50px; }
#logo a { background: url(sh_logo.jpg) no-repeat; width: 212px; height: 124px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; display:block; }
#logo a:hover { border: 0; }

#logo_hp { margin: 0 0; padding: 0 0; position: absolute; top: 0px; left: 50px; }
#logo_hp a { background: url(sh_logo_homeperform.jpg) no-repeat; width: 212px; height: 124px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; display:block; }
#logo_hp a:hover { border: 0; }

/*===========================================================================*

	...the structure built on top of that...

*===========================================================================*/

#top_wrap { background: #ffffff url(sh_yellowfadebg.jpg) repeat-x; }
#main_area { width: 1000px; margin: 0 auto; background: #ffffff url(sh_bg.jpg) top no-repeat; padding: 0px 0px 40px 0px}
#header { height: 124px; position: relative;  }
#contact_header { position:absolute; right: 400px; top:70px; }
#number { background: url(sh_phone.jpg) no-repeat; width: 241px; height: 74px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; display:block;  position: absolute; bottom: 0px; right: 50px; }
#number_01 { background: url(sh_phone.jpg) no-repeat; width: 241px; height: 74px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; display:block;  position: absolute; bottom: 0px; left: 400px; }
#splash_area { height: 235px; width: 940px; margin: 10px auto 20px auto; position:relative; }

#splash_buttons{ width: 217px; position: absolute; top: 29px; left: 17px; z-index: 100; }
#splash_splash { list-style:none; margin: 0; padding: 0; }
#splash_splash li { height:235px; }
#splash_splash li a { display:block; height:235px; width: 940px; text-indent:-9999px; }
#splash_splash li a.res_splash { background:url(sh_residentialmain_splash.jpg) no-repeat; }
#splash_splash li a.com_splash { background:url(sh_commercialmain_splash.jpg) no-repeat; }
#splash_splash li a.parts_splash { background:url(sh_partsmain_splash.jpg) no-repeat; }

#conversion_points { width: 920px; margin: 0 auto; padding: 0px 0px 0px 0px; background: url(sh_cplines.jpg) repeat; }
#conversion_points h2 { font-size: 16px; color: #FF9606; }
#conversion_points h2 a { font-size: 16px; color: #FF9606; font-weight: normal; text-decoration: none; }
#conversion_points h2 a:hover { text-decoration: underline; }
#conversion_points ul { margin: 0px 0px 0px 0px ; padding: 0px 0px 5px 0px; list-style: none; }
#conversion_points ul li { background: url(sh_bullet.jpg) top left no-repeat; padding: 0px 0px 0px 15px; }
.conversion_point_col1 { width: 135px; float:left; padding: 0px 15px 0px 0px; }
.conversion_point_col2 { width: 125px; float:left; padding: 0px 10px 0px 15px; }
.conversion_point_col3 { width: 120px; float:left; padding: 0px 10px 0px 20px; }
.conversion_point_col4 { width: 115px; float:left; padding: 0px 10px 0px 25px; }
.conversion_point_col5 { width: 120px; float:left; padding: 0px 0px 0px 30px; margin: 0px 10px 0px 0px; }
.conversion_point_col6 { width: 115px; float:left; padding: 0px 10px 0px 25px; }

#button_nav { list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 217px; }
#button_nav li { height:58px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#button_nav li a { display:block; height:58px; width: 217px; text-indent:-9999px; }
#button_nav li a.res_btn { background:url(sh_residential_button.png) no-repeat; }
#button_nav li a.com_btn { background:url(sh_commercial_button.png) no-repeat; }
#button_nav li a.parts_btn { background:url(sh_parts_button.png) no-repeat; }
#button_nav li a.schedule_btn { background:url(sh_schedule_button.png) no-repeat; }

#content_container { width: 920px; margin: 0px auto; }
.sec_res_heatingair { background:url(sh_heatair_splash.jpg) top no-repeat; }
.sec_res_maintenance { background:url(sh_maintenance_splash.jpg) top no-repeat; }
.sec_res_taxrebates { background:url(sh_taxrebate_splash.jpg) top no-repeat; }
.sec_res_aboutus { background:url(sh_aboutus_splash.jpg) top no-repeat; }
.sec_res_contactus { background:url(sh_contactus_splash.jpg) top no-repeat; }
.sec_res_homeperformance { background:url(sh_homeperformance_splash.jpg) top no-repeat; }
.sec_com { background:url(sh_commercialhome_splash.jpg) top no-repeat; }
.sec_com_cm { background:url(sh_commercialMechServices_splash.jpg) top no-repeat; }
.sec_com_maintenance { background:url(sh_commercialMaintenance_splash.jpg) top no-repeat; }
.sec_com_portfolio { background:url(sh_commercialportfolio_splash.jpg) top no-repeat; }
.sec_parts { background:url(sh_parts_splash.jpg) top no-repeat; }

#sidebar { width: 220px; float: left; padding: 30px 0px 0px 10px; }
#content { width: 665px; float: right; padding: 160px 0px 0px 25px; }
#content .section_head { font-size: 32px; margin: 0 0 10px 0; color: #FF9606; }
#content .section_head_hp { font-size: 32px; margin: 0 0 10px 0; color: #25BB1E; }

#content_modified { width: 665px; float: right; padding: 160px 0px 0px 25px; }
#content_modified h1 { font-size: 32px; margin: 0 0 10px 0; color: #FF9606; }
#content_modified_hp { width: 665px; float: right; padding: 160px 0px 0px 25px; }
#content_modified_hp h1 { font-size: 32px; margin: 0 0 10px 0; color: #25BB1E; }
#content_modified_hp h2, #content_modified_hp h3, #content_modified_hp h4, #content_modified_hp h5, #content_modified_hp h6  { color: #25BB1E; }

.port_head {display: inline; font-size: 14px; margin: 0 0 2px 0; color: #666666; }
.port_head_detail {font-size: 22px; margin: 0 0 2px 0; color: #666666; }
.port_head_anchor { margin: 0 0 20px 0; }
.port_image { float: right; }
.port_wrap { padding: 0 0 10px 0; }

#footer { background: url(sh_footerbg.jpg) top repeat-x; }
#footer_inner { position: relative; width: 1000px; margin: 0 auto; text-align: center; padding: 20px 0px 0px 0px; color:#FFFFFF; }
#footer a { color: #FFFFFF; }
#footer_logo_1 { position: absolute; top: 20px; left: 809px;  }
#footer_logo_2 { position: absolute; top: 20px; right: 50px;   }
#footer_logo_3 { position: absolute; top: 20px; left: 50px; }


/*===========================================================================*

	...how we get around get around the structure...  #F2AB98   #ED896E

*===========================================================================*/

.sh_top_nav { position: absolute; top: 15px; right: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; list-style: none; }
.sh_top_nav li { float: left; display:inline; margin: 0px 15px 0px 0px; padding: 0px 15px 0px 0px; border-right: 1px solid #F2AB98; }
.sh_top_nav li a { color: #666666; }
.sh_top_nav li a:hover { color: #CC0000; text-decoration: none; }
.sh_top_nav li.item6 { border-right: none; }
.sh_top_nav li ul { display: none; }

#sidebar_nav { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 10px; }
#sidebar_nav ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#sidebar_nav ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#sidebar_nav ul li a { font-size: 16px; font-weight: normal; color: #FF9606; }
#sidebar_nav ul li a:hover { color: #CC0000; text-decoration: none; }
#sidebar_nav ul li ul { list-style: none; margin: 5px 0px 0px 10px; padding: 0px 0px 0px 0px; }
#sidebar_nav ul li ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#sidebar_nav ul li ul li a { font-size: 14px; font-weight: normal; color: #666666; }
#sidebar_nav ul li ul li a:hover { color: #CC0000; text-decoration: none; }

#sidebar_nav ul li ul li ul { list-style: none; margin: 5px 0px 0px 10px; padding: 0px 0px 0px 0px; }
#sidebar_nav ul li ul li ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#sidebar_nav ul li ul li ul li a { font-size: 12px; font-weight: normal; color: #999999; }
#sidebar_nav ul li ul li ul li a:hover { color: #CC0000; text-decoration: none; }



.sh_footer_nav { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; list-style: none; }
.sh_footer_nav li { /*float: left;*/ display:inline; margin: 0px 15px 0px 0px; padding: 0px 15px 0px 0px; border-right: 1px solid #FFFFFF; }
.sh_footer_nav li a { color: #FFFFFF; font-weight: normal; }
.sh_footer_nav li a:hover { color: #CC0000; text-decoration: underline; }
.sh_footer_nav li.item6 { border-right: none; }
.sh_footer_nav li ul { display: none; }


/*===========================================================================*

	...and oh yeah, this stuff helps as well.

*===========================================================================*/


#contactus_form { }
#contactus_form textarea { width: 500px; height: 100px; padding: 5px 5px 5px 5px; }
.cf { padding: 0px 0px 20px 0px; } 
.cf .cf_col { width: 330px; float: left; }
.cf_col_time { width: 445px; margin:15px 0 0; }
.time {width: 190px; margin: 15px 0 0 70px; }
.cf_col label { display: block; margin: 0px 0px 10px 0px; }
.cf_col_time label { display: block; margin: 0px 0px 10px 0px; }
.cf_col input { width: 250px; padding: 5px 5px 5px 5px; margin: 0px 0px 10px 0px; font-size: 12px; }
.cf_col_time input { width: 250px; padding: 5px 5px 5px 5px; margin: 0px 0px 10px 0px; font-size: 12px; }
.cf span { display: block; padding: 0px 0px 10px 0px; }
ul.cf_radio { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul.cf_radio li { margin: 0px 0px 10px 0px; }
ul.cf_radio li input { float: left; margin: 0px 10px 0px 0px; font-size: 12px; }

.testimonial_item_wrap { clear: both; margin: 0px 0px 20px 0px; }
.testimonial_item_wrap span { display: block; margin: 10px 0px 0px 0px; font-style: italic; }

/* General Module Styles */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

/* ModuleBegin::faq */
.faqWrapper { }
.faqWrapper dd { margin: 0;}
.faqQ,.faqA { font-family:Georgia,serif; font-size:300%; line-height: 35px; }
.faqWrapper dd a.top {float:right;}
/* ModuleEnd::faq */

/* ModuleBegin::jobs */
.jobsListWrapper { }
.jobsDetailWrapper { }
.jobsDetailWrapper span { display: block; }
.jobsDetailWrapper span.itemLabel { display: inline; }
.jobsJobCode { }
.jobsCategory { }
.jobsLocation { }
.jobsKeywords { }
.jobsDescription { }
/* ModuleEnd::jobs */







/* Tax Rebates Chart */
.proc { border: 1px solid #666; width: 99.5%; margin-bottom: 13px; }
table.proc th.plain_row_hd, th.plain_row_hd { background: #fff; text-align: left; font-weight: normal; }
table.proc th.left { text-align: left; }
.proc th { background: #CCC; border: 1px solid #666; padding: 3px; text-align: center; }
.proc td { border: 1px solid #666; padding: 3px; }
.proc table.noBorder { border: none; }
.proc td.noBorder { border: none; }
.alternateDataCell { background: #eeeeee; }
.contact_us {  }
.contact_us a { width: 106px;}
.contact_us_parts img { margin: 5px 0 5px 30px;}
.contact_us_parts { margin: 5px 0 5px 5px !important;}
.contact_us img { margin: 5px 0 5px 30px; }