* { margin: 0; padding: 0; }

a img { border: none; }
img { border: 0; }
img { vertical-align: baseline; }

html,body { background: #efefef; font: normal normal normal 12px arial,verdana,helvetica,sans-serif; height: 100%; color: #333; }

#header-bg { width: 100%; background: url(../images/header-bg.jpg) top left repeat-x #efefef; }

#container { width: 989px; margin: 0 auto; }

	#header { clear: both; height: 165px;}
	#navigation { min-height: 41px; margin: 0 auto; width: 861px; }
		#navigation img { vertical-align: bottom; }
		#navigation ul { list-style: none; }
		#navigation ul li {
			float: left;
			position: relative;
			height: 40px;
			background: url(../images/nav-button-bg.jpg) 0 -1px repeat-x;
			border-left: 1px solid #eee;
			border-right: 1px solid #d8d8d8;
			border-top: 1px solid #cdcdcd;
			letter-spacing: 0px;
			z-index: 2;
		}
		#navigation ul li a { display: block; height: 28px; width: 100%; padding-top: 12px; text-align: center; color: #6a6a6a; text-decoration: none; font: normal normal bold 12px arial, verdana, helvetica, sans-serif; }

			#navigation ul li ul { display: none; position: absolute; bottom: -27px; padding: 5px 15px 0; height: 22px; }
			#navigation ul li ul.sub-about { width: 350px; left: -140px; padding-left: 38px; padding-right: 592px; }
			#navigation ul li ul.sub-energy { width: 320px; left: -245px; padding-left: 191px; padding-right: 469px; }
			#navigation ul li ul.sub-specials { width: 350px; left: -439px; padding-left: 344px; padding-right: 279px; }
			#navigation ul li ul.sub-partners { width: 380px; left: -596px; padding-left: 484px; padding-right: 109px; }

			#navigation ul li ul li { background: transparent; border: none; letter-spacing: 0; width: auto; white-space: nowrap; height: auto; }

			/*#navigation ul li a span { display: none; }*/


			#navigation ul li.home { width: 81px; border-left: none; }
			#navigation ul li.about { width: 103px; }
			#navigation ul li.energy { width: 192px; }
			#navigation ul li.specials { width: 155px;  }
			#navigation ul li.partners { width: 91px; }
			#navigation ul li.testimonials { width: 115px; }
			#navigation ul li.contact { width: 110px; border-right: none; }

			/*
			#navigation ul li.home { background: url(../images/nav-home.jpg) 0 0 no-repeat; width: 83px; }
			#navigation ul li.about { background: url(../images/nav-about.jpg) 0 0 no-repeat; width: 105px; }
			#navigation ul li.energy { background: url(../images/nav-attic.jpg) 0 0 no-repeat; width: 194px; }
			#navigation ul li.specials { background: url(../images/nav-specials.jpg) 0 0 no-repeat; width: 157px;  }
			#navigation ul li.partners { background: url(../images/nav-partners.jpg) 0 0 no-repeat; width: 93px; }
			#navigation ul li.testimonials { background: url(../images/nav-testimonials.jpg) 0 0 no-repeat; width: 117px; }
			#navigation ul li.contact { background: url(../images/nav-contact.jpg) 0 0 no-repeat; width: 112px; }
			*/

		#navigation ul li:hover a, #navigation ul li.hover a { color: #fff;}
		#navigation ul li.selected a { color: #fff; }
			#navigation ul li:hover,#navigation ul li.hover { background-position: 0 -83px; border-right-color: #949494; border-left-color: #949494; height: auto; }
			#navigation ul li.selected { background-position: 0 -42px; border-right-color: #949494; border-left-color: #0061AA;  z-index: 1; }

			#navigation ul li:hover ul, #navigation ul li.hover ul { display: block; background: url(../images/sub-nav-bg-over.png) bottom left no-repeat; }
			#navigation ul li.selected ul { display: block; background: url(../images/sub-nav-bg.png) bottom left no-repeat; }

			#navigation ul li ul li.selected a { color: #EACE53; }

			#navigation ul li ul li a { color: #fff; padding: 0 10px; border-right: 2px solid #fff; display: block; width: auto; height: auto; }
			#navigation ul li ul li.end a { border-right: 0px; }


	#primaryContent { background: #fff; padding-left:7px; padding-top: 15px; }
	#primaryContent.sub { }
	
	#primaryContent #flash_ad { float: right; }
	
		#contactForm { background: url(../images/form-header.jpg) top left no-repeat #0061AA; float: left; padding-top: 50px; padding-bottom: 257px; width: 254px; height: 100%; position: relative; }
		#contactForm .form { width: 204px; display: block; margin: 0 25px; text-align: left; }
		#contactForm label { color: #fff; font-weight: bold; padding: 10px 0 3px; display: block; }
		#contactForm input { width: 198px; border: 3px solid #fff; }
		#contactForm input.submit { width: 147px; border: 0; margin: 10px 28px; }
		#contactForm img { vertical-align: bottom; }
		#contactForm .bottom { position: absolute; bottom: -1px; left: 0; z-index: 2; }
		#contactForm #flash_calc { text-align: center; position: absolute; z-index: 5; left: 28px; top: 400px; }

	#primaryContent div.content { float: right; width: 688px;  padding: 0 10px; margin: 20px 0; }
	#primaryContent div.withFaq { float: left; width: 422px; border-right: 1px solid #ccc; padding-left: 30px; padding-right: 25px; }
	#primaryContent div a { color: #EC1B2E; font-weight: bold; }
	#primaryContent div ul, #primaryContent div ol { margin-left: 20px; }
	#primaryContent blockquote { margin: 15px 25px; border-top: 1px solid #ccc; padding-top: 10px; }
		#primaryContent blockquote .signature { margin: 10px 0; font-style: italic; font-weight: bold; }

	#primaryContent .content .form fieldset { width: 400px; }
	#primaryContent .content form fieldset,#primaryContent #faq form fieldset { margin: 15px 0; padding: 10px; border: 1px solid #ccc; font-weight: bold; background: #BDD9FF; }
	#primaryContent .content form label,#primaryContent #faq form label { width: 200px; float: left; height: 20px; display: block; margin: 3px 0; text-align: right; }
	#primaryContent .content form input, #primaryContetn form select { width: 190px; }
	#primaryContent .content form input,#primaryContent form select, #primaryContent #faq form input { float: right; border: 1px solid #ccc;  height: 18px; margin: 3px 0; }
	#primaryContent .content form input.radio { width: auto; float: none; border: 0px outset; height: auto; vertical-align: baseline; }
	#primaryContent .content form textarea { width: 75%; border: 1px solid #ccc;  height: 180px; margin: 5px 0; }
	
	#primaryContent .content img { margin: 10px; margin-top: 0px; }
	#primaryContent .content img.left { margin-left: 0; }
	#primaryContent .content img.right { margin-right: 0; }
	#primaryContent .content img#quote { margin: 0; }

	#primaryContent #faq { width: 205px; padding: 0 10px; margin: 20px 0; float: right; }
	#primaryContent #faq dl { margin-top: 15px; }
	#primaryContent #faq dl dt { font-weight: bold; position: relative; cursor: pointer; }
	#primaryContent #faq dl dt p.handle { position: absolute; top: -15px; left: -12px; display: block; }
	#primaryContent #faq dl dd { color: #0061AA; margin: 10px 0; }

	#footer { background: url(../images/shadow.jpg) top left repeat-x #fff; width: 989px; clear: both; margin-top: 25px; margin-left: -7px; padding-top: 25px; text-align: center; }
	#footer p { font-size: 11px; color: #666; }
	#footer p a { color: #888; text-decoration: none; }
	#footer p a:hover { text-decoration: underline; }

	ul.check { list-style: none; margin: 20px 10px; }
		ul.check li { background: url(../images/check.jpg) 0px 0px no-repeat; vertical-align: text-top; padding-left: 30px; padding-top: 2px;  min-height: 30px; font-weight: bold; color: #0061AA; }


.right { float: right; }
.left { float: left; }
.clear { clear: both; }

.center { text-align: center; margin: 0 auto; min-width: 100px;}

.super{ font-size: .5em; vertical-align: super; }
.small{ font-size: 10px; line-height: 11px; }

h1 { font-size: 22px; color: #0061AA; }
h6 { font-size: 20px; color: #939598; }
h3 { font-size: 18px; }
h4 { font-size: 16px; color: #ED1B2E; }
h5 { font-size: 14px; color: #ED1B2E;  }
h6 { font-size: 15px; color: #ED1B2E; }


p { margin: 15px 0; }



span.more { display: block; }
a.handle { cursor: pointer; }