html, body{
	padding: 0px;
	margin: 0px;
	background: url(/images/page-bg.jpg) top center repeat-x #d2dde6;
}


/*=================  HEADER STYLES  ================*/
#header{
	height: 100px;
	padding: 0px;
	margin-bottom: 20px;
	height: 75px;
}

#header h1{
	float: left;
	margin: 0px;
	padding: 0px;
}
#header h1 a{
	display: block;
	width: 219px;
	height: 75px;
	background: url(../images/energy-solutions-logo.png) no-repeat;
	text-indent: -5000px;
}

#header #nav-container{
	float: right;
	width: 771px;
}

#header a#customer-portal{
	float: right;
	display: block;
	width: 117px;
	height: 42px;
	text-indent: -5000px;
	background: url(/images/btn-customer-portal.png) no-repeat;
}	

/*=================  MAIN NAV STYLES  ================*/
#main-nav{
	height: 24px;
	list-style: none;
	padding: 0px;
	margin: 10px 0px 0px 20px;
}

#main-nav li{
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
	background-color: #0d375a;
}

#main-nav li a{
	padding: 0px;
	display: block;
}
#main-nav li a:hover, #main-nav li a.active {
	padding: 0px;
	background-color: #1a6695;
}

#main-nav li:hover ul, #main-nav li.hover ul.subnav{
	display: block;
}

/*=================  SUBNAV STYLES  ================*/
#main-nav .subnav{
	position: absolute;
	display: none;
	width: 130px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

#main-nav .subnav li{
	float: none;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	background: url(/images/sub-nav-bg.png) top;
}
#main-nav .subnav li a{
	font-size: 10px;
	font-family: arial;
	height: auto;
	text-indent: 0px;
	display: block;
	padding: 5px 5px 5px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#main-nav .subnav li a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #1a6695;
}


/*=================  CONTAINER STYLES  ================*/
#outer-container{
	margin: 0px auto;
	width: 990px;
	padding: 0px;
}

#inner-container{
	padding: 0px;
	width: 990px;
}

#left-container{
	margin-left: 6px;
	float: left;
	width: 155px;
	background: url(/images/left-nav-top.jpg) top no-repeat #cddeeb;
}
#nav-outer{
	min-height: 480px;
	padding-bottom: 10px;
	background: url(/images/left-nav-bottom.jpg) bottom no-repeat;
}

#content-container{
	width: 805px;
	float: right;
	padding-bottom: 12px;
	background: url(/images/outer-bg1-bottom.png) bottom no-repeat;
}
#content-container-inner{
	padding: 18px 38px 12px 38px;
	background: url(/images/outer-bg1.png) top no-repeat;
}

#social-links{
	float: right;
	height: 59px;
}
#social-links a{
	padding-top: 30px;
	float: left;
}

#main-content-container{
	float: left;
	padding: 0px 0px 12px 0px;
	background: url(/images/inner-bg1-bottom.png) bottom left no-repeat;
}
#main-content-container-inner{
	width: 446px;
	min-height: 330px;
	padding: 40px 30px;
	background: url(/images/inner-bg1.png) top left no-repeat;
}

#main-content-container-full{
	float: left;
	padding: 0px 0px 12px 0px;
	background: url(/images/inner-bg2-bottom.png) bottom left no-repeat;
}
#main-content-container-inner-full{
	width: 671px;
	padding: 40px 30px;
	min-height: 398px;
	background: url(/images/inner-bg2.png) top left no-repeat;
}

#secondary-content-container{
	width: 193px;
	float: right;
}


/*=================  TAB CONTAINER STYLES  ================*/
#tabs{
	text-transform: uppercase;
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 1;
}
#tabs li{
	margin: 0px 3px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	background: url(/images/tab-gray-right.png) top right no-repeat;
}

#tabs li a{
	font-size: 10px;
	font-weight: bold;
	padding: 6px 0px 6px 10px;
	color: #084277;
	display: block;
	text-decoration: none;
	background: url(/images/tab-gray-left.png) top left no-repeat;
}
#tabs li a:hover{
	color: #084277;
	background-color: #fff;
}

#tabs li:hover, #tabs li.active{
	color: #084277;
	background: url(/images/tab-white-right.png) top right no-repeat;
}
#tabs li:hover a, #tabs li.active a{
	color: #084277;
	background: url(/images/tab-white-left.png) top left no-repeat;
}

.tab-container{
	overflow: hidden;
	margin-top: 25px;
	width: 602px;
	height: 139px;
	padding: 15px 0px;
	background: url(/images/home-tabs-bg.png) no-repeat;
	float: left;
}

.tab-container-hidden{
	display: none;
}


/*=================  FOOTER STYLES  ================*/
#footer-container{
	width: 800px;
	height: 20px;
	margin: 0px auto;
	padding: 20px 0px 60px 0px;
}
#footer-nav{
	height: 25px;
	list-style: none;
	padding: 0px;
	margin: 0px 10px 0px 10px;
}
#footer-nav li{
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
}
#footer-nav li a{
	color: #93989d;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	background: url(/images/footer-arrow.png) center right no-repeat;
}
#footer-nav li a:hover {
	text-decoration: none;
}
#footer-nav li:hover ul, #footer-nav li.hover ul.subnav{
	display: block;
}

#footer-nav .subnav{
	position: absolute;
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer-nav .subnav li{
	float: none;
	margin: 2px 0px;
	padding: 0px;
}
#footer-nav .subnav li a{
	height: auto;
	color: #0b477d;
	text-decoration: none;
	background: none;
}
#footer-nav .subnav li a:hover{
	color: #0b477d;
	text-decoration: none;
}


/*=================  LEFT NAV STYLES  ================*/
.left-nav{
	list-style: none;
	padding: 20px 10px 30px 10px;
	margin: 0px;
}

.left-nav li{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #5789b6;
}

.left-nav li a{
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
	display: block;
	text-decoration: none;
}
.left-nav li a:hover, .left-nav li a.active {
	color: #53bcfb;
}


/*=================  LEFT SUB NAV STYLES  ================*/
.left-nav-sub{
	list-style: none;
	padding: 0px;
	margin: 0px;
	z-index: 5;
}

.left-nav-sub li{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border: none;
	border-top: 1px solid #5789b6;
}

.left-nav-sub li a{
	color: #fff;
	text-transform: none;
	padding: 3px;
	display: block;
	text-decoration: none;
}
.left-nav-sub li a:hover {
	color: #53bcfb;
}


/*=================  RIGHT COLUMN STYLES  ================*/
.right-box-outer{
	padding-bottom: 5px;
	background: url(/images/right-box-bottom.gif) bottom right no-repeat;
}
.right-box-inner img{
	padding: 5px 0px;
}
.right-box-inner{
	line-height: 10px;
	font-size: 10px;
	overflow: hidden;
	color: #fff;
	padding: 15px 10px;
	width: 173px;
	height: 166px;
	background: url(/images/right-box-top.gif) top right no-repeat;
}
.right-box-inner a{
	color: #084277;
	text-decoration: none;
}

#myth-busters{
	padding: 20px 0px 30px 0px;
}

a#link-question{
	display: block;
	width: 154px;
	height: 29px;
	background: url(/images/home-questions.png);
	text-indent: -5000px;
}
a#link-tour{
	display: block;
	width: 154px;
	height: 29px;
	background: url(/images/home-tour.png);
	text-indent: -5000px;
}
a#link-contact{
	display: block;
	width: 75px;
	height: 18px;
	background: url(/images/home-contact.png);
	text-indent: -5000px;
}

.fldShort2{
	color: #555555;
	font-size: 11px;
	line-height: 23px;
	width: 195px;
	height: 23px;
	padding: 0px 5px 5px 5px;
	background: url(/images/fldShort2.gif) no-repeat;
	border: none;
}
.fldLong{
	color: #555555;
	font-size: 11px;
	line-height: 23px;
	width: 432px;
	height: 23px;
	padding: 0px 5px 10px 5px;
	background: url(/images/fldLong.gif) no-repeat;
	border: none;
}
.txtAreaLong2{
	padding: 10px 5px 10px 5px;
	width: 195px;
	height: 57px;
	background: url(/images/txtAreaLong2.gif) no-repeat;
	border: none;
}
.txtAreaLong2 textarea{
	font-family: verdana;
	color: #555555;
	font-size: 11px;
	width: 195px;
	height:57px;
	border: none;
	background: none;
}
.txtAreaLong{
	padding: 10px 5px 10px 5px;
	width: 432px;
	height:90px;
	background: url(/images/txtAreaLong.gif) no-repeat;
	border: none;
}
.txtAreaLong textarea{
	font-family: verdana;
	color: #555555;
	font-size: 11px;
	width: 425px;
	height:90px;
	border: none;
	background: none;
}

.quote-container{
	padding-top: 30px;
}
.quote-container p{
	padding: 8px 0px 5px 0px;
}
.quote-container .name{
	font-size: 12px;
	font-weight: bold;
	color: #0c4981;
}
.quote-container .title{
	font-size: 10px;
	color: #0c4981;
}