/* -------------------------------------------------------------------------------------------------------- Layout --- */

.clear-fix { clear: both; height: 0; overflow: hidden; }
.left { float: left; }
.right { float: right;}

.bold { color: #333; font-weight: 900; }
.bold-orange { color: #ffa800; font-weight: 900; }

/* Overwrite JQuery UI Datepicker Font Size */
.ui-datepicker { font-size: 1.15em; }

body { background: #aeaeae; color: #666; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 62.5%; text-align: left; }

a:link, a:visited { color: #3784e4; text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: underline; outline: none; }

/* -------------------------------------------------------------------------------------------------------- Header --- */

#header { background: #0757a8 url('../images/header-bg.gif') 0 0 repeat-x; height: 110px; }
#header-inner { margin: 0 auto; position: relative; width: 960px; }

#header img.logo { position: absolute; left: 10px; }
#header img.phone { position: absolute; top: 0px; right: 10px; }
#header ul.main-menu { position: absolute; top: 68px; right: 10px; }

#header ul.main-menu li { display: block; float: left; }
#header ul.main-menu li span { display: none; }
#header ul.main-menu li a { display: block; height: 42px; margin: 0 0 0 2px; }

#header ul.main-menu li.home a { background: url('../images/main-menu.gif') 0 0 no-repeat; width: 59px; }
#header ul.main-menu li.home a:hover { background-position: 0 -42px; }
#header ul.main-menu li.home a.current { background-position: 0 -42px; cursor: default; }

#header ul.main-menu li.residential a { background: url('../images/main-menu.gif') -61px 0 no-repeat; width: 92px; }
#header ul.main-menu li.residential a:hover { background-position: -61px -42px; }
#header ul.main-menu li.residential a.current { background-position: -61px -42px; cursor: default; }

#header ul.main-menu li.business a { background: url('../images/main-menu.gif') -155px 0 no-repeat; width: 78px; }
#header ul.main-menu li.business a:hover { background-position: -155px -42px; }
#header ul.main-menu li.business a.current { background-position: -155px -42px; cursor: default; }

#header ul.main-menu li.solar a { background: url('../images/main-menu.gif') -235px 0 no-repeat; width: 63px; }
#header ul.main-menu li.solar a:hover { background-position: -235px -42px; }
#header ul.main-menu li.solar a.current { background-position: -235px -42px; cursor: default; }

#header ul.main-menu li.auction a { background: url('../images/main-menu.gif') -300px 0 no-repeat; width: 78px; }
#header ul.main-menu li.auction a:hover { background-position: -300px -42px; }
#header ul.main-menu li.auction a.current { background-position: -300px -42px; cursor: default; }

#header ul.main-menu li.media a { background: url('../images/main-menu.gif') -380px 0 no-repeat; width: 62px; }
#header ul.main-menu li.media a:hover { background-position: -380px -42px; }
#header ul.main-menu li.media a.current { background-position: -380px -42px; cursor: default; }

#header ul.main-menu li.about a { background: url('../images/main-menu.gif') -444px 0 no-repeat; width: 66px; }
#header ul.main-menu li.about a:hover { background-position: -444px -42px; }
#header ul.main-menu li.about a.current { background-position: -444px -42px; cursor: default; }

#header ul.main-menu li.contact a { background: url('../images/main-menu.gif') -512px 0 no-repeat; width: 80px; }
#header ul.main-menu li.contact a:hover { background-position: -512px -42px; }
#header ul.main-menu li.contact a.current { background-position: -512px -42px; cursor: default; }

#header ul.main-menu li.connections a { background: url('../images/main-menu.gif') -594px 0 no-repeat; width: 103px; }
#header ul.main-menu li.connections a:hover { background-position: -594px -42px; }
#header ul.main-menu li.connections a.current { background-position: -594px -42px; cursor: default; }

/* ------------------------------------------------------------------------------------------------------- Primary --- */

#primary { background: #fff; }
#primary-inner {  min-height: 573px; margin: 0 auto; position: relative; width: 960px; background: #fff; }

#primary h3 { font-size: 1.8em; color: #ffa800; font-weight: 100; margin: 0 0 5px 0; }
#primary h3 span { font-size: 1.8em; color: #3981E3; font-weight: 100; margin: 0 0 5px 0; }

#primary h1 span {display: none; }

#primary h1.sam { background: url('../images/h1-sam.jpg') 0 0 no-repeat; height: 573px; width: 570px; }
#primary h1.residential { background: url('../images/h1-residential.jpg') 0 0 no-repeat; height: 114px; width: 540px; margin: 0 0 20px 0; }
#primary h1.business { background: url('../images/h1-business.jpg') 0 0 no-repeat; height: 114px; width: 540px; margin: 0 0 20px 0; }
#primary h1.connections { background: url('../images/h1-connections.jpg') 0 0 no-repeat; height: 114px; width: 540px; margin: 0 0 20px 0; }
#primary h1.contact { background: url('../images/h1-contact.jpg') 0 0 no-repeat; height: 114px; width: 540px; margin: 0 0 20px 0; }
#primary h1.about { background: url('../images/h1-about.jpg') 0 0 no-repeat; height: 114px; width: 540px; margin: 0 0 20px 0; }
#primary h1.media { background: url('../images/h1-media.jpg') 0 0 no-repeat; height: 114px; width: 540px; margin: 0 0 20px 0; }
#primary h1.successful { background: url('../images/h1-successful.jpg') 0 0 no-repeat; height: 114px; width: 540px; margin: 0 0 20px 0; }

#primary p.copy { font-size: 1.3em; color: #333; line-height: 1.35em; margin: 0 0 10px 0; }
#primary p.orange-header { font-size: 1.8em; color: #ffa800; font-weight: 100; margin: 0 0 5px 0; }
#primary p.orange-header span { font-size: 1.8em; color: #3981E3; font-weight: 100; margin: 0 0 5px 0; }

#primary .content { width: 540px; padding: 25px 20px 20px 10px; }

#primary .ew-girl { position: absolute; top: 25px; left: 570px; width: 380px; }
#primary .ew-girl img { display: block; }

#primary .promo { padding: 10px 0 10px 0; }
#primary .promo h3 { font-size: 1.8em; color: #ffa800; font-weight: 100; margin: 0 0 5px 0; }
#primary .promo .dotted-vertical { background: url('../images/dotted-vertical.gif') 0 0 no-repeat; height: 80px; width: 1px; float: left; margin: 0 20px; }
#primary .promo .details { float: left; width: 419px; }

#primary .business-quote { background: url('../images/business-quote-bg.jpg') 0 0 no-repeat; height: 112px; width: 360px; display: block; padding: 22px 160px 0 20px; margin: 20px 0 10px 0; }
#primary a.download { background: url('../images/icon-download.gif') center left no-repeat; font-size: 1.3em; padding: 10px 0 10px 40px; font-weight: 900; }
#primary .business-quote p.step1 { margin-top: 18px; }
#primary .business-quote p { font-size: 1.3em; color: #333; }
#primary .business-quote p span { font-weight: 900; }
#primary .dotted-line { background: url('../images/dotted-line.gif') 0 0 repeat-x; height: 1px; margin: 10px 0; }

#primary a.find-out-more { background: url('../images/chevron.gif') 0 0 no-repeat; height: 13px; padding: 0 0 0 20px; font-size: 1.3em; }

#primary .cta { position: absolute; top: 25px; left: 570px; width: 380px; }
#primary .cta img { display: block; }
#primary .cta .form { background: url('../images/form-bg.gif') 0 0 no-repeat; width: 340px; height: 399px; padding: 10px 20px 0 20px; }
#primary .cta .form.clean { background: url('../images/form-bg-clean.gif') 0 0 no-repeat; }

#primary .cta .form .deal-select { color: #333; font-size: 1.3em; margin: 0 0 15px 0; }
#primary .cta .form .deal-select .new { float: left; width: 163px; height: 64px; padding: 15px 0 0 10px; }
#primary .cta .form .deal-select .new .label-new { background: url('../images/label-new.gif') 0 0 no-repeat; width: 126px; height: 14px; display: block; float: left; margin: 3px 0 0 2px; }
#primary .cta .form .deal-select .new .label-new span { display: none; }
#primary .cta .form .deal-select .better { float: left; width: 137px; height: 49px; padding: 15px; }
#primary .cta .form .deal-select .better .label-better { background: url('../images/label-better.gif') 0 0 no-repeat; width: 84px; height: 14px; display: block; float: left; margin: 3px 0 0 2px; }
#primary .cta .form .deal-select .better .label-better span { display: none; }
#primary .cta .form .deal-select p.note { padding: 6px 0 0 3px; }

#primary .cta .form .consumer-type-select { color: #333; font-size: 1.3em; margin: 0 0 15px 0; }
#primary .cta .form .consumer-type-select span { padding: 0 20px 0 5px; }
#primary .cta .form dl dt { color: #333; clear: both; float: left; font-size: 1.3em; height: 25px; line-height: 25px; vertical-align: middle; width: 140px; }
#primary .cta .form dl dd { float: left; height: 25px; padding: 0 0 5px 0; width: 200px; }
#primary .cta .form dl dd input.textfield { background: url('../images/textfield.gif') 0 0 no-repeat; border: 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; height: 25px; padding: 0 5px 0 5px; width: 190px; line-height: 25px; vertical-align: middle; }
#primary .cta .form .button { clear: both; padding: 10px 0 0 0; text-align: right; }
#primary .cta .form .button input { background: url('../images/submit-button.gif') 0 0 no-repeat; border: 0; cursor: pointer; height: 30px; width: 100px; }
#primary .cta .form .button input:hover { background-position: 0 -30px; }

/* ------------------------------------------------------------------------------------------------------- Secondary --- */

#secondary { background: #333 url('../images/secondary-bg.gif') 0 0 repeat-x; }
/* #secondary-inner { margin: 0 auto; padding: 40px 0 0 0; position: relative; width: 960px; } */
#secondary-inner { margin: 0 auto; padding: 20px 0 0 0; position: relative; width: 960px; }

#secondary p { color: #fff; font-size: 1.3em; line-height: 1.2em; }

#secondary h2 span { display: none; }
#secondary h3 span { display: none; }

/*
#secondary h2.who-is { background: url('../images/h2-who-is.gif') 0 0 no-repeat; height: 36px; width: 268px; }
#secondary h2.free-service { background: url('../images/h2-free-service.gif') 0 0 no-repeat; height: 36px; width: 219px; }
*/
#secondary h2.who-is { background: url('../images/h2-who-is.gif') 0 0 no-repeat; height: 36px; width: 268px; margin-top: 20px; }
#secondary h2.free-service { background: url('../images/h2-free-service.gif') 0 0 no-repeat; height: 36px; width: 219px; margin-top: 20px; }

#secondary h3.we-compare { background: url('../images/h3-we-compare.gif') 0 0 no-repeat; height: 24px; width: 270px; margin: 0 0 10px 0; }
#secondary h3.we-can-help { background: url('../images/h3-we-can-help.gif') 0 0 no-repeat; height: 24px; width: 336px; margin: 0 0 10px 0; }

/* #secondary .panel-half { float: left; width: 410px; margin: 0 10px; padding-right: 50px; } */
#secondary .panel-half { float: left; width: 340px; margin: 0 20px 0 10px; }

/* -------------------------------------------------------------------------------------------------------- Footer --- */

#footer { background: #aeaeae url('../images/footer-bg.gif') 0 0 repeat-x; }
#footer-inner { margin: 0 auto; padding: 0 10px; position: relative; width: 940px; height: 50px; }
#footer p { color: #333; font-size: 1.1em; padding: 22px 0 0 0; }
#footer p span { color: #999; padding: 0 10px;}

#footer a:link, #footer a:visited { color: #333; text-decoration: none; outline: none; }
#footer a:hover, #footer a:active { text-decoration: underline; outline: none; }

noscript div {
   border: 1px solid #E59700;
   padding: 5px;
   background-color: #FFA800;
   color: #ffffff;
   font-weight: bold;
}