@charset "utf-8";
/* CSS Document */
body {margin: 0px; background-color: #d9f0fc;}
#header_area {width: 100%; height:249px; background-color:#FFF;}
#header {width: 950px; height: 249px; background-image: url(../images/header.jpg); background-repeat: no-repeat; position:relative}
#phone {color: #047a3b; height: 54px; width: 925px; font-size:25px; font-weight: bold; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; padding-top: 80px;}
#phonelink{font-size:14px; padding:23px 0 0 0 ;}
#phonelink a{color: #0383AA;}
#phonelink a:hover{color: #047A3B;}

#nav_area {width: 100%; height: 42px; background-image: url(../images/nav-bg.jpg); background-repeat: repeat-x;}
#nav {width: 950px; height: 42px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left;}
#container {width: 950px; padding: 30px 0px;}
#main {float: left; width: 710px; text-align: left;}
#main p {color: #6f6859; padding: 0px 40px 0px 30px; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#main h1 {color: #00a74f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-size: 25px; padding-left: 30px;}
#main h2 {color:#00a74f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; padding-left: 30px;}
#main h3 {color: #00a74f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; padding: 5px 0px 0px 30px;}
#main a {color: #6596af;}
#main a:hover {color: #047a3b;}
#main ul {color:#6f6859; font-family: Arial, Helvetica, sans-serif; line-height:1.5em; font-size: 14px;}
#right {float: left; width: 240px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; padding-top: 75px; text-align:left;}
#right h2 {color: #027f3e; font-size: 16px;  font-weight: bold; padding: 5px 0 0px 35px; margin-top: 0px;}
#right h3 {color: #027f3e; font-size: 14px; font-weight: bold;}
#right a {color: #027f3e;}
#right a:hover {color: #6596af;}
#audit {background-image: url(../images/home-energy-audit-btn.jpg); background-repeat: no-repeat; width: 240px; height: 110px;}
#locate {background-image: url(../images/loosing-money-btn.jpg); background-repeat: no-repeat; width: 240px; height: 110px;}
#pepco {height:255px; text-align:center; width:240px;}
#blog_btn {width: 240px; height: 110px;}
#form {widht: 240px; height: 314px; background-image: url(../images/form-bg.jpg); background-repeat: no-repeat;}
#footer_area {width: 100%; height: 400px;}
#footer {width:950px; height: 430px; background-image: url(../images/footer-line.jpg); background-repeat:no-repeat;}
#footer p {color: #6596af; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; font-size: 12px; text-align: center; margin-bottom: 35px;}
#footer a {color: #6596af;}
#footer a:hover {
	color: #047a3b;
	text-align: center;
}
#logos {width: 720px; padding-top: 20px;}
.logos {width: 120px; height: 123px; float:left;}
#city {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6f6859; text-align: left; }
/* --------------------CLASSES AND OTHER TAGS ------------------- */
.clear {clear: both;}
a {text-decoration: none;}
ul {margin-left: 25px;}
.label {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic;  font-weight: bold; color: #0197e5; font-size: 14px;}
.text {font-size: 14px; color: #999;}
.side-input {color: #666; width: 151px; height: 15px; background-image:url(../images/input.jpg);}
.label2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #097b03; font-size: 13px;}
a img {border:none;}

#logolink {height: 194px;left: 0;margin-left: 19px;margin-left: 19px;position: absolute;width: 200px;