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

/*
  
 * Filename		 		style.css
 * Website				
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */
html, body {margin:0; padding:0;}
html {background-color:#fff;}
body {background-color:#f2f2f2; font-family:'Open Sans', sans-serif;}

h1 {font-size:24px; font-weight:700; color:#e39249; padding-bottom:9px; border-bottom:1px solid #e39249; margin-bottom:7px;}
h2 {font-size:18px; font-weight:700; color:#0f74a2; text-transform:uppercase;}
h3 {font-size:16px; font-weight:700; color:#000;}
h4 {font-size:24px; font-weight:700; color:#000; text-transform:uppercase;}
h5 {}
h6 {}

p {font-size:14px; line-height:20px; color:#585858; font-weight:400;}

a:link, a:visited {text-decoration:none; outline:none;}
a:hover, a:focus {text-decoration:underline; outline:none;}

/* want rounded corners?  Add this class to your containers for instant gratification -- adjust the curve as needed */
.rounded-corners {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
/* insert this class where you need to clear inline items */
.clearall {
	clear:both;
}

/* float images left or right - adjust margins as needed */
.left-img {
	float:left;
	margin:0 10px 0 0;
}
.right-img {
	float:right;
	margin:0 0 0 10px;
}

/*** LAYOUT STYLES ***/
#header-wrap, #leaderboard-wrap, #nav-wrap, #content-wrap, #footer-wrap {width:100%;}

#header, #leaderboard, #nav, #content, #footer {margin:0 auto; width:960px;}

/* HEADER */
#header-wrap {height:134px; background-color:#fff;}
#header {height:134px;}

#logo {float:left; margin-top:13px;}

#contact-info {float:right; margin-top:15px;}
#contact-info h2 {font-size:14px; line-height:18px; font-weight:normal; border-bottom:solid 1px #585858; padding-bottom:5px; margin-bottom:5px;}
#contact-info h3 {font-size:14px; line-height:18px; font-weight:normal; color:#000;}
#contact-info h3 a {font-size:14px; line-height:18px; font-weight:normal; text-decoration:none; color:#000;}
#contact-info h3 a:hover {text-decoration:underline;}

/* NAVIGATION */
#nav-wrap {height:45px; background-image:url(../_img/navbg.png); border-bottom:1px solid #e29349;}
#nav {}
#nav ul {padding-top:12px;}
#nav li {display:block; float:left; line-height:30px;}
#nav li a, #nav li a:visited {font-size:14px; color:#fff; font-weight:300; padding:7px 22px 8px;}
#nav li a:hover, #nav li a:focus {background-color:#434343; text-decoration:none;}
#nav li a.active {background-color:#434343; text-decoration:none;}

/* LEADERBOARD */
#leaderboard-wrap {background-color:#f2f2f2;}
#leaderboard {border:2px solid #e29349; background-color:#FFFFFF; margin-top:30px; padding-bottom:30px;}
#leaderboard img {margin:0px 0px 0px 20px; float:right; padding:2px; border:1px solid black;}
#leaderboard p {padding:14px 20px 0 20px; font-size:14px; line-height:20px;}
#leaderboard ul {padding-top:10px; padding-left:13px; margin-left:30px;}
#leaderboard ul li {font-size:14px; line-height:20px; color:#0F74A2; font-weight:400; padding-left:13px; background:
url(../_img/list-item-arrow.png) no-repeat center left;}
#leaderboard p.first {padding-top:23px !important;}
#leaderboard p.last {padding:14px 20px 0 20px;}

/* CONTENT */
#content-wrap {background-color:#f2f2f2;}
#content {overflow:hidden; padding-top:30px; padding-bottom:30px;}
#content h2 {padding-bottom:13px;}
#content p {padding-bottom:15px;}
#content p.sub-heading {font-weight:700;}
#content p.last {padding-bottom:0 !important;}

#content-left {float:left; width:301px; height:335px; border:2px solid #e29349; background-color:#FFFFFF;}
#content-left .box {margin:15px auto 0; height:131px; width:237px; background:url(../_img/what-we-do.jpg) no-repeat center center;}
#content-left h4 {padding-top:102px; text-align:center;}
#content-left p {font-size:14px; line-height:20px; padding:15px 30px;}

#content-middle {float:left; width:301px; height:335px; border:2px solid #e29349; margin-left:22px; background-color:#FFFFFF;}
#content-middle .box {margin:15px auto 0; height:131px; width:237px; background:url(../_img/energy-cost.jpg) no-repeat center center;}
#content-middle h4 {padding-top:102px; text-align:center;}
#content-middle p {font-size:14px; padding:15px 30px; line-height:20px;}

#content-right {float:right; width:301px; height:335px; border:2px solid #e29349; background-color:#FFFFFF;}
#content-right .box {margin:15px auto 0; height:131px; width:237px; background:url(../_img/services.jpg) no-repeat center center;}
#content-right h4 {padding-top:102px; text-align:center;}
#content-right p {font-size:14px; padding:15px 30px; line-height:20px;}

/* ABOUT US */
#about-left {float:left; width:600px; padding:30px 20px; border:2px solid #e29349; background-color:#FFFFFF; margin-top:30px;}

#about-right {float:right; width:250px; min-height:291px; padding:30px 20px; border:2px solid #e29349; background-color:#FFFFFF;margin-top:30px;}
#about-right .list-items {margin:0; padding:0 0 15px 5px;}
#about-right .list-items li {font-size:14px; line-height:20px; color:#0F74A2; font-weight:400; padding-left:13px; background:url(../_img/list-item-arrow.png) no-repeat center left;}

#about {padding:30px 20px; border:2px solid #e29349; background-color:#FFFFFF; margin-top:30px;}
#about .list-items {margin:0; padding:0 0 0 5px;}
#about .list-items li {font-size:14px; line-height:20px; color:#0F74A2; font-weight:400; padding-left:13px; background:
url(../_img/list-item-arrow.png) no-repeat center left;}
#about .right-img {float:right; margin:0 0 0 10px;}
#about .right-img p {text-align:center;}
#about .right-img a:hover {color:#585858;}

/* SERVICES */
#services {padding:30px 20px; border:2px solid #e29349; background-color:#FFFFFF;margin-top:30px;}
#services .right-img {float:right; margin:0 0 0 10px; padding:2px; border:1px solid black;}
#services .list-items {margin:0; padding:0 0 13px 5px;}
#services .list-items li {font-size:14px; line-height:20px; color:#0F74A2; font-weight:400; padding-left:13px; background:url(../_img/list-item-arrow.png) no-repeat center left;}

/* DEREGULATION */
#deregulation {padding:30px 20px; border:2px solid #e29349; background-color:#FFFFFF; margin-top:30px;}
#deregulation .right-img {float:right; margin:3px 0 0 20px;}
#deregulation .right-img p {text-align:center;}
#deregulation .right-img a:hover {color:#585858;}

/* NATURAL GAS */
#natural-gas {padding:30px 20px; border:2px solid #e29349; background-color:#FFFFFF;}

#natural-gas .list-items {margin:0; padding:0 0 0 31px;}
#natural-gas .list-items li {font-size:14px; line-height:20px; color:#0F74A2; font-weight:400; padding-left:13px; background:url(../_img/list-item-arrow.png) no-repeat center left;}
#natural-gas .right-img {padding:2px; border:1px solid black;}
#natural-gas .divider {clear:both; padding-bottom:15px; border-bottom:1px dotted black; margin-bottom:15px;}

/* FOOTER */
#footer-wrap {height:73px; border-top:7px solid #e29349; background-color:#fff;}
#footer {text-align:center; height:73px;}
#footer ul {margin-top:15px;}
#footer li {display:inline;}
#footer li a, #footer a:visited {display:inline; font-size:14px; color:#585858; padding:5px;}
#footer li a:hover, #footer a:focus {color:#000; text-decoration:none;}
#footer li a.active {color:#000;}

#footer p.copyright {font-size:12px; padding-top:10px;}
#footer p.copyright a {font-size:12px; color:#585858; padding:0 !important;}
#footer p.copyright a:hover, #footer a:focus {color:#000; text-decoration:none;}

/* Errors */
#404wrap {
	margin:20px auto;
	width:800px;
	height:400px;
	background:#f2f2f2;
	border:1px solid #e3e3e3;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#404wrap h1 {
	font-size:18px;
	margin:20px;
	text-align:center;
}
#404wrap p {
	margin:20px;
	text-align:center;
}
#404wrap ol {
	margin:40px;
}
#404wrap ul {
	margin:40px;
}
#404wrap li {
	padding-bottom:8px;
}
#404wrap a:link, #404wrap a:visited {
	color:#01759d;
	text-decoration:none;
	outline:none;
}
#404wrap a:hover, #404wrap a:focus {
	color:#e26c1d;
	text-decoration:underline;
	outline:none;
}