@charset "utf-8";
/* CSS Document */

html	{ height: 100%; margin: 0; padding: 0; }
body	{ margin: 0; padding: 0; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #333333; height: 100%; }	/* gives us a base size of 10px */
p, .normal-list		{ font-size: 1.2em; line-height: 1.8em; }
h1	{ font-size: 2.4em; color: #333333; font-weight: normal; line-height: 2.4em; }
a, hover, a:visited	{ color: #333333; }

/* Banner/Header */
.paddedwrapper		{ padding: 0 2em; }
.wrap				{ float: left; width: 100%; background: #ffffff; position: relative; min-height: 100%; height: auto; height: 100%; }
.shadow-wrap		{ width: 96em; margin: 0 auto; height: 320px; }
.shadow-left		{ float: left; width: 1em; background: url(images/left-shadow.gif) repeat-y left; height: 100%; }
.content-wrap		{ width: 94em; margin: 0 auto; padding: 0 2em; } 
.content-wrap h1	{ margin-top: 1em; }
#content-homepage	{ margin-top: 0em; float: left; width: 54em; }
#homepage-image		{ margin-top: 2em; float: right; background: url(images/hp-building-pic.jpg) no-repeat bottom; height: 32em; width: 30em; }
.top-grey-line		{ height: 0.7em; background-color: #f3f3f3; width: 100%; }
.header-background	{ height: 9.3em; width: 100%; background: url(images/header-bg.png) repeat-x; }
.header-bottom-line	{ height: 0.1em; background-color: #cfcfcf; width: 100%; }
.services-header	{ color: #bbb; border-right: 1px solid #bbb; padding-right: 0.25em; }

/* Menu */

#menu-wrap		{ width: 94em; margin: 0 auto; }		
#epl-logo		{ float: left; width: 30em; border: 0px #ff0000 solid; height: 9.3em; vertical-align: bottom; background: url(images/epl-logo.png) no-repeat; }
#epl-menu-wrap		{ float: right; height: 9.3em;  width: 50em; border: 0px #ff00ff solid; position: relative; }
#epl-menu		{ float: right; vertical-align: baseline; position: absolute; bottom: 0em; right: 0; }
#epl-menu a, #epl-menu a:visited	{ padding: 0.7em 1.0em; font-size: 1.4em; color: #999999; text-decoration: none; display: block; }
#epl-menu a:hover	{ background-color: #cfcfcf; color: #ffffff; display: block; }
#epl-menu ul		{ list-style: none; padding: 0; margin: 0; }
#epl-menu li		{ float: left; padding: 0; margin: 0; }


/* Footer */

.footer-top-background		{ height: 171px; width: 100%; margin: 0 auto; background: url(images/footer-top-bg.png) repeat-x; margin-top: 5.0em; }
.footer-top-wrap		{ vertical-align: middle; height: 1.0em; width: 94em; margin: 0 auto; }
.footer-top-content		{ padding-top: 2em; }
.footer-top-label		{ color: #333333; font-weight: bold; font-size: 1.4em; display: block; padding: 0.5em; }
.footer-top-content a, .footer-top-content a:visited { color: #333333; text-decoration: underline; font-size: 1.2em; padding: 0.5em; display: block; }		
.footer-top-content a:hover	{ background-color: #333333; color: #f3f3f3; text-decoration: underline; display: block; }
.footer-top-content ul		{ list-style: none; padding: 0; margin: 0; }
.footer-top-content li		{ float: left; padding: 0; margin: 0; }

.footer-bottom-background	{ height: 5.0em; width: 94em; border-top: 1px solid #ff0000; margin: 0 auto; vertical-align: top;    }
.footer-bottom-wrap		{ vertical-align: middle; height: 4.0em; width: 100%; margin: auto; background-color: #333333; border: 1px solid #ff00ff;  }
.footer-bottom-content		{ float: left; color: #999999; font-size: 1.2em; margin: 0 auto; width: 100%; margin-top: 2em; text-transform: uppercase;}

/* EPL Team */

.eplName	{ font-size: 1.6em; font-weight: normal; letter-spacing: -0.0333em; }

/* Contact EPL */

.eplContact	{ font-size: 1.4em; line-height:1.4em; }

/* Consulting Services */

#services-content { margin-top: 0em; float: left; width: 60em; }
.consulting-wrap	{ float: right; width: 31em; height: 28.5em; }
.focus-text	{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; line-height: 1.3em; letter-spacing: -0.0333em; color: #163475; font-weight: normal; margin: 4em 1.0em 0 1.0em; }
#ua-pic	  { margin-top: 2em; float: right; background: url(images/pic-electric-meter.jpg) no-repeat center;  width: 294px; height: 281px; border: 1px solid #cfcfcf; padding: 4px; }
#ep-pic	  { margin-top: 2em; float: right; background: url(images/pic-windmill.jpg) no-repeat center;  width: 294px; height: 281px; border: 1px solid #cfcfcf; padding: 4px; }
#ng-pic { margin-top: 2em; float: right; background: url(images/pic-natural-gas.jpg) no-repeat center;  width: 294px; height: 281px; border: 1px solid #cfcfcf; padding: 4px; }
#mv-pic { margin-top: 2em; float: right; background: url(images/pic-measurement-verification.jpg) no-repeat center;  width: 294px; height: 281px; border: 1px solid #cfcfcf; padding: 4px; }
#ca-pic { margin-top: 2em; float: right; background: url(images/pic-utility-cost.jpg) no-repeat center;  width: 294px; height: 281px; border: 1px solid #cfcfcf; padding: 4px; }
#ee-pic { margin-top: 2em; float: right; background: url(images/pic-energy-evaluation.jpg) no-repeat center;  width: 294px; height: 281px; border: 1px solid #cfcfcf; padding: 4px; }


#ee-services	{ float: left; width: 275px; margin: 0 35px 35px 0; }
#ee-services dl	{ float: left; width: 275px; margin: 10px 0; padding: 0 0 0 0; display: inline; }
#ee-services dt { float: left; width: 275px; margin: 0; padding: 1.0em 0; font-size: 1.8em; font-weight: normal; letter-spacing: -0.0333em; }
#ee-services dd { margin: 0; padding: 0; font-size: 1.2em; line-height: 1.5em; color: #666; }
#ee-services dd.img, img { float: left; margin: 0; border: 1px solid #cfcfcf; padding: 4px; background: #fff; display: block; }
.moreButton	{ background-color: #fff; font-size: 1.4em; font-weight: bold; text-decoration: none; width: 4em; text-align: center; color: #fff; display: block; }
.moreButton a:hover {  background-color: #999999; padding: 0.3em; display: block; color: #fff; text-decoration: none; }
.moreButton a  { background-color: #cccccc; padding: 0.3em; display: block; color: #fff; text-decoration: none; margin-top: 1em; }

/** old with grey bg 
#cservices-menu a, #cservices-menu a:visited	{ padding: 1em 1em; font-size: 1.1em; color: #ffffff; text-decoration: none; display: block; }
#cservices-menu a:hover	{ background-color: #999999; display: block; }
#cservices-menu { background-color: #cfcfcf; float: right; padding: 0em 0; margin: 0; width: 100%; }
#cservices-on, #cservices-on a, #cservices-on a:visited		{ background-color: #cfcfcf; color: #ffffff; display: block; }
#cservices-menu ul		{ list-style: none; padding: 0; margin: 0; float: right; }
#cservices-menu li		{ float: left; padding: 0; margin: 0; }
**/
#cservices-menu a, #cservices-menu a:visited	{ padding: 1em 1em; font-size: 1.2em; color: #fff; text-decoration: none; display: block; }
#cservices-menu a:hover	{ background-color: #666; display: block; color: #fff; }
#cservices-menu { background-color: #ccc; float: right; padding: 0em 0; margin: 0; width: 100%; border-bottom: 0px solid #cfcfcf; }
#cservices-on, #cservices-on a, #cservices-on a:visited		{ background-color: #cfcfcf; color: #ffffff; display: block; }
#cservices-menu ul		{ list-style: none; padding: 0; margin: 0 auto; width: 940px; border: 0px solid #ff0000; }
#cservices-menu li		{ float: left; padding: 0; margin: 0; }


/** contact form **/
.field-label		{ font-size: 1.4em; line-height: 1.8em; width: 10em; vertical-align: top; }
.contact-textbox	{ font-size: 1.4em; border: 1px solid #cfcfcf; background: #fff; width: 20em; }
.contact-textarea	{ font-size: 1.4em; border: 1px solid #cfcfcf; background: #fff; width: 20em; height: 10em; overflow: auto; font-family: Arial, "Helvetica", sans-serif; }
.contact-submit		{ font-size: 1.4em; }