/* Global Resets & Elements */

html {
	height: 100%;}
	
body {
	margin:0;
	font:11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#363636;
	height: 100%;
	background:#999 url(../esg-images/bg-body.gif) repeat-x;}
	
img {
	border:0;}
	
a {
	color:#095ba6;text-decoration:none;}
	
a:hover {
	text-decoration: underline;}

input,
textarea,
select {
	font:12px arial,sans-serif;
	vertical-align:middle;}
	
form,fieldset {
	margin:0;
	padding:0;
	border-style:none;}



/* wrapper */
	
#wrapper {
	overflow: hidden;
	width:958px;
	margin: 0 auto;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	min-height: 100%;
	background: #000;}
	
* html #wrapper {
	height: 100%;
	overflow: visible;}



/* header */
		
#header {
	overflow: hidden;
	background: #fff;
	width:958px;}
	
* html #header {
	overflow: visible;
	height: 1%;}
	
#header .holder {
	overflow: hidden;
	width:958px;}
	
* html #header .holder {
	overflow: visible;
	height: 1%;}
	
.logo {
	width:190px;
	height:194px;
	margin:0;
	background:#1068b8 url(../esg-images/logo.gif) no-repeat;
	float:left;}
	
.logo a {
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:-9999px;}
	
.visual {
	float: right;
	width:768px;
	height: 195px;
	position: relative;
	z-index: 1;
	}
	
.promo2010 {
	float: right;
	width:768px;
	height: 195px;
	position: relative;
	z-index: 1;
	background:url(../esg-images/bg-visual-2010promo.jpg) no-repeat;}
	
.services .visual {
	background:url(../esg-images/bg-visual-services.jpg) no-repeat;}
	
.home .visual {
	background:url(../esg-images/bg-visual-home.jpg) no-repeat;}
	
.visual .ttl {
	overflow: hidden;
	padding:138px 0 0 23px;}
	
.visual h4 {
	margin: 0;
	color: #fff;
	padding:0 0 0 13px;
	background:url(../esg-images/bg-ttl.gif) no-repeat 0 14px;
	font: bold 28px/34px Arial, Helvetica, sans-serif;}
	
.home .visual h4 {
	position: absolute;
	left: -9999px;}
	
.visual .address {
	position:absolute;
	right:0;
	top:25px;
	z-index:2;}
	
.visual .address .address-holder {
	background: #00001f;
	float:left;
	padding:20px 5px 18px 11px;
	position:relative;
	width:215px;}
	
.visual .address em {
	background:url("../esg-images/ico-phone.gif") no-repeat;
	font-size:0;
	height:14px;
	left:11px;
	line-height:0;
	position:absolute;
	text-indent:-9999px;
	top:-3px;
	width:17px;}
	
.visual .address address {
	font-style: normal;}
	
.visual .address .text {
	color: #d3eaff;
	display: block;
	padding:0 0 9px;
	font: bold 11px/13px Arial, Helvetica, sans-serif;}
	
.visual .address .phone {
	display: block;
	color: #fff;
	font: bold 15px/18px Arial, Helvetica, sans-serif;}
	
.visual .address .phone span {
	color: #57a9f4;}



/* main nav */	
	
#nav {
	width:960px;
	overflow: hidden;
	margin:0;
	padding:0 0 0 10px;
	list-style:none;}
	
#nav li{
	float:left;
	font-size:11px;
	position: relative;
	padding:0 1px 0 0;
	background: url(../esg-images/separator-nav.gif) no-repeat 100% 22px;}
	
#nav a {
	color:#095BA6;
	float:left;
	font:bold 11px/15px Arial,Helvetica,sans-serif;
	letter-spacing:0px;
	padding:29px 13px 10px;
	text-transform:uppercase;}
	
#nav a:hover {
	text-decoration:underline;}
	
#nav .active a {
	background: url(../esg-images/separator-nav-active.gif) repeat-x;
	color: #7d7d7d;}



/* content elements */
	
#main {
	overflow: hidden;
	padding:0 0 39px;
	background: #e2e2e2 url(../esg-images/bg-main.gif) repeat-y;
	width:958px;
	float:left;}
	
* html #main {
	overflow: visible;
	height: 1%;}
	
.container {
	float:right;
	width:768px;}
	
.home #main {
	background: none;
	padding:0;}
	
.two-columns {
	float:right;
	width:743px;}
	
.home .two-columns {
	width: 768px;
	background:url(../esg-images/bg-two-columns.gif) repeat-y;}
	
#content{
	float:left;
	width:511px;}
	
.home #content {
	width:506px;}
	
#content .heading {
	overflow: hidden;
	height: 1%;
	padding:12px 0 0px;
	background:url(../esg-images/bg-heading.gif) repeat-x 0 100%;}
	
#content h1 {
	font-size: 21px;
	line-height:23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #095ba6;
	margin: 0;
	padding-bottom: 12px;}
	
.content-text {
	height:1%;
	overflow:hidden;
	padding:17px 30px 0 1px;}
	
#content p {
	margin:0 0 15px;}

.home #content p {
	color: #acacac;}
	
.paging {
	overflow: hidden;
	height: 1%;
	padding:5px 0 0;}
	
.paging ul {
	float: left;
	overflow: hidden;
	margin:0 0 0 -7px;
	padding: 0;
	list-style: none;
	display: inline;}
	
.paging li {
	float: left;
	padding:0 7px;
	margin: 0 1px 0 -1px;
	background: url(../esg-images/separator-paging.gif) no-repeat 0 50%;}
	
.paging a {
	font:bold 10px/13px Arial, Helvetica, sans-serif;}
	
.paging .next {
	background:url("../esg-images/separator-paging-next.gif") no-repeat 100% 50%;
	padding:0 13px 0 0;}



/* leftcol elements */
	
#leftcol {
	float: left;
	width:190px;}
	
.home #leftcol {
	background: url(../esg-images/bg-sidebar.gif) no-repeat;
	min-height: 374px;}
	
.home #leftcol {
	height: 374px;}
	
#leftcol .t {
	background: #3e5c3e url(../esg-images/bg-sidebar-t.gif) repeat-x;}
	
#leftcol .b {
	padding:25px 0 56px;
	overflow: hidden;
	height: 1%;
	background: url(../esg-images/bg-sidebar-b.gif) repeat-x 0 100%;}



/* leftnav */
		
#menu {
	margin: 0;
	padding: 0;
	background: #335133;
	list-style: none;
	border-top: 1px solid #9bb59b;}
	
#menu li {
	overflow: hidden;
	height: 1%;
	vertical-align: top;
	border-bottom: 1px solid #9bb59b;}
	
#menu a {
	background: #598459;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color: #cefb8d;
	padding:7px 12px 8px 17px;
	display: block;}
	
#menu a:hover {
	background: #335133;
	text-decoration: none;}
	
#menu .active a {
	background: #e2e2e2;
	color: #555;
	background: #e2e2e2 url(../esg-images/separator-menu-active.gif) repeat-y;}



/* rightcol elements */
		
.rightcol {
	float: right;
	background: url(../esg-images/bg-aside.gif) repeat-x;
	padding:3px 15px 0;
	width:202px;
	position:relative;}
	
.home .rightcol {
	background: none;
	padding:0;
	width:232px;}
	
.rightcol .box {
	float:left;
	margin:11px 0 0;
	clear: both;
	position: relative;
	width: 202px;
	cursor: pointer;
	background: url(../esg-images/none.gif);}
	
.rightcol .box:hover {
	border: 0 none;
	text-decoration: none;}

/* Promotions ------------------------------------------------------------------------------ */
.promo-2011 {
	overflow: hidden;
	height: 81px;
	display:block;
	border: 1px solid;
	border-color:#6899bd #6899bd #000027 #000027;
	padding:4px 6px 11px;
	background: #147ada url(../esg-images/cta-2011-promo.jpg) repeat-x;}
.promo-2010 {
	overflow: hidden;
	height: 81px;
	display:block;
	border: 1px solid;
	border-color:#6899bd #6899bd #000027 #000027;
	padding:4px 6px 11px;
	background: #147ada url(../esg-images/cta-2010-promo.jpg) repeat-x;}
.promo2-2010 {
	overflow: hidden;
	height: 206px;
	display:block;
	border: 1px solid;
	border-color:#6899bd #6899bd #000027 #000027;
	padding:4px 6px 11px;
	background: #147ada url(../esg-images/cta-2010-promo2.jpg) repeat-x;}
	
.gee-whitepaper {
	overflow: hidden;
	height: 1%;
	display:block;
	border: 1px solid;
	border-color:#6899bd #6899bd #000027 #000027;
	padding:4px 6px 11px;
	background: #147ada url(../esg-images/cta-grounding-explained.jpg) repeat-x;}

	
.box-content {
	overflow: hidden;
	height: 1%;
	display:block;
	border: 1px solid;
	border-color:#6899bd #6899bd #000027 #000027;
	padding:4px 6px 11px;
	background: #147ada url(../esg-images/bg-box-content.gif) repeat-x;}
	
.rightcol .text-holder {
	overflow: hidden;
	height: 1%;
	display:block;
	padding:9px 6px 1px 9px;}
	
.rightcol .box1 .text-holder {
	margin:-3px 0 0;
	padding:0 6px 0 10px;}
	
.rightcol .box1 .img-holder {
	margin:-2px 0 0;}
	
.rightcol .img-holder {
	overflow: hidden;
	height: 1%;
	display:block;}
	
.rightcol .img-holder img {
	display: block;}
	
.rightcol .box-link {
	overflow: hidden;
	height: 1%;
	display:block;
	border: 1px solid;
	border-color:#6899bd #6899bd #000027 #000027;
	background: url(../esg-images/bg-box-link-holder.gif);}
	
.rightcol .box-link span  {
	margin:0 9px 0 0;
	overflow: hidden;
	display:block;
	background: url(../esg-images/bg-box-link.gif) 100% 0 no-repeat;}
	
.rightcol .box-link span span {
	display: block;
	text-align: right;
	color: #fff;
	margin: 0;
	padding:4px 26px 4px 0;
	text-transform: uppercase;
	font: bold 9px/13px Verdana, Arial, Helvetica, sans-serif;
	background: url(../esg-images/separator-box-link.gif) 176px 5px no-repeat;}
	
.rightcol .box strong {
	margin: 0;
	display:block;
	color: #fff;
	padding:0 0 4px;
	font: bold 18px/24px Arial, Helvetica, sans-serif;}
	
.rightcol .box .p {
	margin: 0;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #bfe5fe;}

.p ul {
	margin: 0;
	padding: 0;}
.p li {
	list-style: none;}
	
.rightcol strong.text-ask-the-experts,
.rightcol strong.text-free-consultation {
	width: 163px;
	height: 21px;
	font-size: 0;
	line-height: 0;
	background: url(../esg-images/text-ask-the-experts.gif) no-repeat;}
	
.rightcol strong.text-ask-the-experts span,
.rightcol strong.text-free-consultation span {
	display:block;
	height:100%;
	overflow: hidden;
	text-indent: -9999px;}
	
.rightcol strong.text-free-consultation {
	width: 163px;
	height: 21px;
	background: url(../esg-images/text-free-consultation.gif) no-repeat;}
	
.list {
	float: left;
	width: 100%;}
	
.box-list1 {
	float: left;
	width: 100%;
	padding:0 0 15px;}
	
.box-list2 {
	background: url(../esg-images/bg-heading-holder.gif) repeat-x;
	padding:20px 0 0 27px;
	width:506px;
	float: left;
	clear: both;}
	
.box-list-promo2010 {
	background: url(../esg-images/bg-heading-holder.gif) repeat-x;
	padding:6px 0 10px 0px;
	width:534px;
	float: left;
	clear: both;}
	
.box-list1 .img-holder {
	float:left;
	margin:0 0 0 -62px;
	padding:0 16px 0 0;
	position:relative;}
	
.box-list1 .img-holder img {
	display: block;}
	
.box-list1 .text-holder {
	overflow: hidden;
	height: 1%;
	padding:20px 0 0;}
	
.home #content .box-list1 p {
	font: 18px/23px Arial, Helvetica, sans-serif;
	color: #acacac;
	margin:0 0 16px;}
	
.box-list1 p strong {
	color: #ebebeb;}
	
.box-list2 .info {
	height:1%;
	overflow:hidden;
	padding:0 0 13px;}
	
.box-list2 .info .img-holder {
	float: left;
	padding:0 1px 0 0;
	background: url(../esg-images/bg-info.gif) repeat-y 100% 0;}
	
.box-list2 .info .img-holder img {
	display: block;}
	
.box-list2 .ttl {
	overflow: hidden;
	height: 1%;
	padding:0 0 0 14px;}
	
.box-list2 .ttl h3 {
	margin: 0;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	color: #fe7f0e;}
	
#content .box-list2 p {
	font:14px/17px Arial, Helvetica, sans-serif;
	padding:0 0 4px;}



/* form elements */
			
.form {
	overflow: hidden;
	height: 1%;
	padding:0 0 0 1px;}
	
.form .required {
	display: block;
	text-transform: uppercase;
	color: #e31f26;
	padding:0 0 21px;
	font: bold 9px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
.form .row {
	height:1%;
	margin:0 0 0 -1px;
	overflow:hidden;
	padding:0 0 15px;}
	
.form label {
	float: left;
	color: #363636;
	width:93px;
	padding:8px 5px 0 0;
	font: bold 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
.form .text {
	border:1px solid #8d8d8d;
	float:left;
	margin:0;
	padding:6px 5px 7px;
	width:208px;}
	
.form .textarea {
	float:left;
	height:101px;
	max-height:101px;
	margin:0;
	padding:3px 5px;
	width:206px;
	max-width:206px;
	border:1px solid #8d8d8d;}
	
.form .btn-row {
	overflow: hidden;
	height: 1%;
	padding:0 0 0 98px;}
	
.form .submit {
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 0 none;
	width: 65px;
	height: 18px;
	background: url(../esg-images/btn-submit.gif) no-repeat;}



/* column elements */		
	
.two-col {
	overflow: hidden;
	height: 1%;
	clear: both;
	padding:0 0 13px;
	border-top: 1px solid #fff;
	background: #616161 url(../esg-images/bg-two-col.gif) no-repeat;}
	
.two-col .col {
	float: left;}
	
.two-col .col1 {
	padding:22px 10px 5px 25px;
	width:369px;}
	
.two-col .col2 {
	padding:19px 5px 10px 27px;
	width:328px;}



/* home bottom buttons */		
	
.home .two-col .heading {
	overflow: hidden;
	height: 1%;
	padding:0 0 5px;
	float: none;}
	
.two-col .col h3 {
	margin: 0;
	font: bold 18px/24px Arial, Helvetica, sans-serif;}
	
.two-col .text-ask-the-experts,
.two-col .text-7-deadly-electrical {
	float: left;
	width: 193px;
	height: 27px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../esg-images/text-ask-the-experts1.gif) no-repeat;}
	
.two-col .text-7-deadly-electrical {
	width: 250px;
	height:44px;
	background: url(../esg-images/text-7-deadly-electrical-ic.gif) no-repeat;}
	
.two-col .col p {
	margin: 0;
	font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #b7b7b7;
	padding:0 0 19px;}
	
.more {
	overflow: hidden;
	height: 1%;
	display:block;}
	
.more a {
	background:url("../esg-images/bg-more.gif") no-repeat 100% 5px;
	color:#ACD373;
	float:left;
	font-weight:bold;
	padding:0 13px 0 0;}
	
.heading-holder {
	overflow: hidden;
	height: 1%;
	background:url("../esg-images/bg-heading-holder.gif") repeat-x 0 100%;}
	
.home .heading {
	float: left;}
	
.home .heading h2 {
	margin: 0;
	color: #aa9784;
	text-transform: uppercase;
	background:url("../esg-images/bg-ttl1.gif") no-repeat 0 3px;
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	padding:0 0 0 11px;
	float:left;}
	
.home span.text-grounding-services,
.home span.text-consult-the-electrical {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	width: 193px;
	height: 12px;
	display: block;
	background:url("../esg-images/text-grounding-services.gif") no-repeat;}
	
.home span.text-consult-the-electrical {
	background:url("../esg-images/text-consult-the-electrical.gif") no-repeat;
	width: 453px;
	height: 13px;}
	
.heading-holder .heading1 {
	padding:18px 5px 14px 29px;
	width:502px;}
	
.heading-holder .heading2 {
	padding:18px 5px 15px 10px;
	width:217px;}
	
.box-item {
	overflow: hidden;
	height: 1%;
	margin: 0;
	padding: 0;
	list-style: none;}
	
.box-item li {
	overflow: hidden;
	height: 1%;
	vertical-align: top;
	margin: -1px 0 0;
	border-top: 1px solid #8f8f8f;
	background: url(../esg-images/bg-box-item.gif) repeat-x 0 100%;}
	
.box-item a {
	color:#b8eb6f;
	display:block;
	font:bold 14px/17px arial,helvetica,sans-serif;
	padding:13px 20px 18px;}
	
.box-item a:hover {
	color: #acd373;
	text-decoration: none;}
	
.box-item span {
	background: url(../esg-images/separator-box-item.gif) no-repeat 4px 4px;}
	
.box-item a:hover strong {
	text-decoration: underline;}



/* footer elements */
			
#footer {
	clear:both;
	overflow: hidden;
	background: #000;
	font-size: 10px;
	line-height: 14px;
	color: #acacac;
	padding:12px 13px 12px;
	border-top: 1px solid #979797;}
	
* html #footer {
	overflow: visible;
	height: 1%;}
		
#footer span {
	float: left;
	font:bold 10px/14px Arial, Helvetica, sans-serif;}
	
#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;}
	
#footer ul li {
	float: left;
	margin: 0 1px 0 -1px;
	padding:0 6px 0 5px;
	background: url(../esg-images/separator-footer.gif) no-repeat 0 50%;}
	
#footer ul a {
	color: #acacac;
	text-transform: uppercase;}
	
/* by studio tags */
#addtoany {
	padding: 10px 0;}
.imgfloatleft {
	float: left;
	padding: 4px 16px 10px 0;}
.clearfloat {
	clear: both;}
.caps {
	text-transform: uppercase;}
.content-text img {
	padding-bottom: 14px;}
.content-text li {
	padding-bottom: 6px;}
.contact-box {
	color: #FFF;}
.contact-box ul {
	margin: 0;
	padding: 0;	}
.contact-box li {
	list-style-type: none;}
.copyright {
	float: right;}
.thankyouform {
	padding-top: 10px;}
.hide {
	text-size: 4px;
	margin-left: -9999px; }
.move {
	text-size: 4px;
	margin-left: -9999px; }
	
/* Promo Coupons */
.confirmation {
	padding-top: 20px;}
.couponheading h1 {
	line-height: 24px;
	padding-bottom: 14px;
	background:url(../esg-images/bg-heading.gif) repeat-x 0 100%;}
.coupon {
	float: left;
	margin-bottom: 16px;
	border: 2px dashed #000;
	background-color:#FFF;
	width: 300px;
	padding: 10px;}
.coupon a:link {
	color: #000;}
#content .coupon p {
	text-align: center;
	margin-bottom: 6px;}
.offer {
	font: bold 24px/24px Verdana, Geneva, sans-serif; }
.highlight {
	color: #C00; }
.highlight a { /* for ask the experts navigation button */
	text-decoration: underline;
	color: #c00; }