/*
Theme Name: home_energy_group_09
Theme URI: http://home-energy-group.com/
Description: HEG THEME
Version: 1
Author: Richard Strucke
Author URI: http://strucke.com/
*/

.zoomPics {float:right}
#zoom {z-index:50000}

/* Begin Typography & Colors */
* {margin:0; padding:0}
a {outline:none}

body {margin:0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #555; background-color:#008200; position:relative}
#header {background:#fff url(images/bgHeader.png) center top repeat-x; height:149px; width:100%}
#navigation 	{margin:0 auto; width:960px}
#navigation ul	{list-style:none}

#navigation li	{float:left; text-align:right}
#navigation li#navItems {width:704px}
#navigation li ul li {float:right; padding-left:2em}

#navigation li a{
	display:block; 
	font-size:1.4em; margin-top:106px; 
	font-weight:bold; color:#008200; 
	text-transform:uppercase; text-decoration:none;
}
#navigation li a:hover {color:#0768a9}

#navigation li#logo a {
	width:256px; height:149px; 
	margin:0; padding:0; 
	background:url(images/logo.png) 0 0 no-repeat; 
	text-align:left;
	text-indent:-999em; overflow:hidden; 
}

#contentWrap {background:#fff; min-height:30em}
#content {margin:0 auto; width:874px; padding:5em 0 4em}
.home #content {width:960px; margin:0 auto 0 auto}

.splash{}
#splash_solutionsThatWork {background:url(images/splash_solutionsThatWork.png) 0 0 no-repeat; height:423px}
#splash_solutionsThatWork p {text-indent:-999em}

div#touts {height:187px; margin-top:2em}
#touts ul {float:left; list-style:none;}
#touts ul li {float:left}
#touts ul li a {float:left; height:102px; width:250px; padding:25px 25px 60px; margin:0 10px; overflow:hidden; background: url(images/bgTout.jpg) 0 0 no-repeat; color:#777; font-size:1.3em; font-weight:bold}
#touts ul li a:hover {background: url(images/bgTout.jpg) 0 -187px no-repeat; text-decoration:none}
#touts ul li a span {display:block; height:16px; margin-bottom:.8em; text-indent:-999em}
#touts ul li#planForYou span	 {background:url(images/toutHeaders.png) 0 0 no-repeat}
#touts ul li#weHaveResources span{background:url(images/toutHeaders.png) 0 -16px no-repeat}
#touts ul li#contactUsToday span {background:url(images/toutHeaders.png) 0 -32px no-repeat}

#footer {width:960px; margin:0 auto; min-height:160px}
#footer ul {list-style:none}
#footer ul li {float:left; width:320px}
#footer ul li a {float:left; color:#00c800}

#footer ul li#credits	{padding-top:30px}
#footer ul li#credits a {margin:0 20px 0 10px}
#footer ul li#copyright	{width:287px; padding:38px 0 0 30px; text-transform:uppercase; color:#00c800; line-height:1.4}
#footer ul li#copyright	a {float:none}
#footer ul li#newsletter{height:136px; width:313px; background:url(images/footerNewsletterBg.png) 0 0 no-repeat}
#footer ul li li {float:none; width:auto; height:auto}
#footer .wpcf7 {padding:55px 0 0 30px}
#footer .wpcf7 span input {width:214px; padding:7px 0 6px 42px; margin-bottom:1px; font-size:11px; font-weight:bold; color:#555; outline:none; overflow:hidden; border:none; background:none}
#footer .wpcf7 #signUp {border:0; background:none; cursor:pointer; text-indent:-999px; font-size:0; color:green; width:100px; height:20px; margin-left:170px}
#footer .wpcf7 div {color:#fff}

/* OTHER */
.widecolumn .entry p {font-size: 1.05em}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em}
.widecolumn {line-height: 1.6em}
.narrowcolumn .postmetadata {text-align: center}
.thread-alt {background-color: #f8f8f8}
.thread-even {background-color: white}
.depth-1 {border: 1px solid #ddd}
.even, .alt {border-left: 1px solid #ddd}
small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em}

h1, h2, h3 {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; text-shadow:#fff 0 0 1px; text-align:left}
h1 {float:right; max-width:13em; font-family:"Arial Black", Gadget, sans-serif; font-size:3.5em; letter-spacing:-1px; text-transform:uppercase; margin:-1.25em 0 1.5em; text-shadow:none; color:#0b4067}
h2 {font-size: 2.3em; margin:1.5em 0 .6em}
#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em}
h3 {font-size: 1.7em; margin-bottom:.125em}

p {line-height:1.55em; margin-bottom:1.2em; font-size:1.3em; color:#555}
#content p {width:55%}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentlist li ul li {font-size: 1em}
.commentlist li {font-weight: bold}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentmetadata {font-weight: normal}
#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777}
code {font: 1.1em 'Courier New', Courier, Fixed}
acronym, abbr, span.caps{font-size: 0.9em; letter-spacing: .07em}

a, h2 a:hover, h3 a:hover {color: #0768a9; text-decoration: none}
a:hover {color:#008200; text-decoration: underline}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt}
#wp-calendar a {text-decoration: none}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center}
#wp-calendar th {font-style: normal; text-transform: capitalize}
/* End Typography & Colors */



/* Begin Structure */
#page {background-color: white; margin: 20px auto; padding: 0; width: 760px; border: 1px solid #959596}
.narrowcolumn {float: left; padding: 0 0 20px 45px; margin: 0px 0 0; width: 450px}
.widecolumn {padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px}
.post {margin: 0 0 40px; text-align: justify}
.post hr {display: block}
.widecolumn .post {margin: 0}
.narrowcolumn .postmetadata {padding-top: 5px}
.widecolumn .postmetadata {margin: 30px 0}
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px}
.widecolumn .attachment {text-align: center; margin: 5px 0px}
.postmetadata {clear: both}
.clear {clear: both}
/* End Structure */


/* Begin Images */
p img {padding: 0; max-width: 100%}
img.centered {display: block; margin-left: auto; margin-right: auto}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline}
.alignright {float: right}
.alignleft {float: left}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px}
html>body .entry li {margin: 7px 0 8px 10px}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020"}
.entry ol {padding: 0 0 0 35px; margin: 0}
.entry ol li {margin: 0; padding: 0}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none}
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px}
ol li, #sidebar ul ol li {list-style: decimal outside}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center}
#sidebar #searchform #s {width: 108px; padding: 2px}
#sidebar #searchsubmit {padding: 1px}
.entry form {/* This is mainly for password protected posts, makes them look better. */
	text-align:center}
select {width: 130px}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0}
#commentform {margin: 5px 10px 0 0}
#commentform textarea {width: 100%; padding: 2px}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
#commentform #submit {margin: 0 0 5px auto; float: right}
/* End Form Elements */



/* Begin Comments*/
.alt {margin: 0; padding: 10px}
.commentlist {padding: 0; text-align: justify}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none}
.commentlist li ul li {margin-right: -5px; margin-left: 10px}
.commentlist p {margin: 10px 5px 10px 0}
.children {padding: 0}
#commentform p {margin: 5px 0}
.nocomments {text-align: center; margin: 0; padding: 0}
.commentmetadata {margin: 0; display: block}
/* End Comments */



/* Begin Sidebar */
#sidebar
{padding: 20px 0 10px 0; margin-left: 545px; width: 190px}
#sidebar form {margin: 0}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px}
#wp-calendar #next a {padding-right: 10px; text-align: right}
#wp-calendar #prev a {padding-left: 10px; text-align: left}
#wp-calendar a {display: block}
#wp-calendar caption {text-align: center; width: 100%}
#wp-calendar td {padding: 3px 0; text-align: center}
#wp-calendar td.pad:hover {/* Doesn't work in IE */
	background-color: #fff}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help}
acronym, abbr {border-bottom: 1px dashed #999}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd}
blockquote cite {margin: 5px 0 0; display: block}
.center {text-align: center}
.hidden {display: none}
.screen-reader-text {position: absolute; left: -1000em}
hr {display: none}
a img {border: none}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.wp-caption img {margin: 0; padding: 0; border: 0 none}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0}
/* End captions */


/* SERVICES */
#servicesPics {float:right; clear:right}
#servicesPics p {width:auto}

/* CONTACT */
.page-id-15 #contentWrap {height:65em}
.page-id-15 #content p {width:auto}
#content .wpcf7 {clear:right; float:right; margin:0 -10px 2em 0 !important; border:1px solid #ccc; background:#f6f6f6; padding:1em !important}
#content .wpcf7 p {text-transform:uppercase; font-size:.9em !important; margin:0; line-height:1}
#content .wpcf7 p span input {margin:2px 0 1em; padding:.3em !important}
#content .wpcf7 p span input,
#content .wpcf7 p textarea {font-size:13px !important}
#content .wpcf7 p select {margin:2px 0 1em; width:210px !important}
#content .wpcf7 p textarea {margin:2px 0 0}
#content .wpcf7 h2 {margin:0 0 .3em}

#traditionalContactInfo {width:470px;}
#traditionalContactInfo h2 {padding-top:.3em !important}

#slideshowWrapper {width:364px; position:relative; top:60px; left:540px}
#slideshow {width:364px; height:317px; overflow:hidden; position:relative}
ul#slideshowNav {display:block; height:53px; width:317px; list-style:none; position:absolute; z-index:100; top:0; margin-top:270px}
ul#slideshowNav li {float:left}
ul#slideshowNav li a {float:left; height:53px; width:54px; background:url(images/splashButtons.png) 0 0 no-repeat; text-indent:-999em; margin-right:11px}

ul#slideshowNav li a#training 			{background-position:0 0}
ul#slideshowNav li a#training:hover 	{background-position:0 -53px}

ul#slideshowNav li a#audits 			{background-position:-61px 0}
ul#slideshowNav li a#audits:hover  		{background-position:-61px -53px}

ul#slideshowNav li a#leed 				{background-position:-122px 0}
ul#slideshowNav li a#leed:hover  		{background-position:-122px -53px}

ul#slideshowNav li a#estar 				{background-position:-183px 0}
ul#slideshowNav li a#estar:hover  		{background-position:-183px -53px}

ul#slideshowNav li a#consulting 		{background-position:-244px 0; margin-right:0 !important}
ul#slideshowNav li a#consulting:hover   {background-position:-244px -53px}


.page-id-13 #content p {width:75%}
.page-id-13 #content h2 {border:none; border-top:1px solid #eee; padding-top:30px; width:75%}
.page-id-13 #content h3 {font-weight:normal; padding:0 0 6px 0}
.page-id-13 ol {border:1px solid #ccc; padding:20px 20px 20px 40px; width:70%; background:#f5f5f5}
.page-id-13 ol li,
.page-id-13 ol li a {font-size:1em !important}
.page-id-13 ol li {padding:0 0 .9em; font-size:1.3em !important; list-style-position:outside}

.page-id-11 h2 img {padding:5px; border:1px solid #ccc}



/* TRAINING */
.page-id-147 #content p,
.page-id-192 #content p {width:auto}

#post-147 ul,
#post-192 ul {width: 52em; margin: 0; padding: 0; list-style:outside}
#post-147 li,
#post-192 li {float: left; width: 20em; margin: 0; line-height:1.2em; list-style-type:disc; padding:0 0 1em; font-size:1.2em}
#post-147 h1,
#post-192 h1 {margin:0; float:none; text-align:right; width:100%; max-width:100%}
#post-147 h2,
#post-192 h2 {margin:2em 0 1em}
#post-147 h3,
#post-192 h3 {clear:left; width:540px}
#post-147 h4,
#post-192 h4 {clear:left; width:540px; font-size:12px; font-weight:bold; padding-top:1.3em}

#content p#trainingIntro {width:auto; line-height:1.5em; font-size:1.4em; font-weight:bold; margin:0 0 1.8em 0}

#trainingInfo{float:right; width:280px; padding-left:3.2em; margin:0 0 1em 3.2em; border-left:1px solid #ddd}
#trainingInfo h3 {margin-bottom:.3em; width:280px}
#trainingInfo h4 {margin:.5em 0 0; font-size:1.2em; text-transform:uppercase; padding:.7em 0 .15em; border-top:1px solid #eee; width:auto}
#trainingInfo p {width:auto; margin-bottom:.3em}
#trainingInfo select {width:200px; margin:.75em 0}
#trainingInfo form {margin-bottom:.5em}
iframe {display:block; border-top:1px solid #eee; padding-top:20px; margin-top:20px}

.successMsg {background:#e2ffd7; border:2px solid #5b8d40; color:#5b8d40; text-transform:uppercase; padding:10px; text-align:center; clear:right}