/*---------------------------- Framework ---------------------------------*/

/*---------------------------- Framework ---------------------------------*/

body { 
	background:#0293d6 url("../images/bg.jpg") top repeat-x;
	text-align:center; 
	font:12px/17px Verdana;
	color:#646e7b;
	}

h1	{ font-size:1.6em; color:#0293d6; font-weight:400; }
h2	{ font-size:1.1em; color:#0293d6; }


#links { height:56px; background:url("../images/links.jpg") no-repeat; position:relative; width:900px;
	margin:0 auto;}
#links p {font-size:11px; text-align:left; margin-left:498px;}

#links a:link,a:visited	{ color:#646e7b; text-decoration:none; outline:none; }
#links a:hover,a:active	{ color:#0293d6; text-decoration:none; outline:none; }

#column-side a:link,a:visited	{ color:#646e7b; text-decoration:none; outline:none; }
#column-side a:hover,a:active	{ color:#0293d6; text-decoration:none; outline:none; }

#column-side-energy a:link,a:visited	{ color:#646e7b; text-decoration:none; outline:none; }
#column-side-energy a:hover,a:active	{ color:#0293d6; text-decoration:none; outline:none; }

a:link,a:visited span.index	{ color:#0291d5; text-decoration:none; outline:none; }
a:hover span.index	{ color:#646e7b; text-decoration:none; outline:none; }

/* ------------------------ Side NAV ------------------------ */
#column-side{ width:164px; float:left; background-color:#FFFFFF; height:285px; }

#column-side-energy{ width:164px; float:left; background-color:#FFFFFF; height:365px; }
#column-side-energy p{ margin-left:26px; font-size:11px; width:124px;}

#column-side p{ margin-left:26px; font-size:11px; width:124px;}

#side-wrap { background:url("../images/side-wrap.jpg") repeat-y; width:164px; float:left; }
 
#side-bottom { height:40px; background:url("../images/side-bottom.jpg") no-repeat; width:164px; float:left;}

#side-top { height:54px; background:url("../images/side-top.jpg") no-repeat; width:164px;}
	

/* ------------------------ Column ------------------------ */
#column-index { width:581px; float:left; background-color:#FFFFFF; height:300px;}

#column-index p, #column-index h2, #column-index h3, #column-index dl { margin:0px 20px 10px 59px; }
#column-right-index { width:279px; float:left; background-color:#FFFFFF; height:300px; }
	

		
#column-index h1 { margin:0px 0px 5px 17px; }

#column-statement { width:581px; float:left; background-color:#FFFFFF; height:550px;}

#column-statement p, #column-index h2, #column-index h3, #column-index dl { margin:0px 25px 10px 59px; }

#column-left { width:417px; float:left; background-color:#FFFFFF; height:285px;}

#column-left p, #column-left h2, #column-left h3, #column-left dl { margin:0px 0px 10px 0px; }
		
		
#column-left h1 { margin:0px 0px 5px 17px; }
		
#column-right { width:279px; float:left; background-color:#FFFFFF; height:285px; }
#column-right p, #column-right h1, #column-right h2 { margin:0px 0px 10px 24px; }

#column-left-energy { width:417px; float:left; background-color:#FFFFFF; height:365px;}
#column-left-energy p, #column-left h2, #column-left h3, #column-left dl { margin:0px 0px 10px 0px; }

#column-right-energy { width:279px; float:left; background-color:#FFFFFF; height:365px; }
#column-right-energy p, #column-right h1, #column-right h2 { margin:0px 0px 10px 0px; }

		
/* ------------------------ Column ------------------------ */
		
	
/* ------------------------ images ------------------------ */

img.img-top { 
	margin:15px 0px -2px 0px;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

/* ------------------------ main framework ------------------------ */
#wrap {
	background:#ffffff;
	width:860px;
	margin:0 auto;
	text-align:left;
	}
/* ------------------------ headers ------------------------ */


#header { height:82px; position:relative; width:900px;
	margin:0 auto;}

#banner { height:82px; background:url("../images/banner.jpg") no-repeat; width:900px; position:relative;
	margin:0 auto;}
	
	#banner a {
	position:absolute;
	left:30px;
	width:332px;
	top:14px;
	height:57px;
		}
	#banner a span {
		display:none;
		}

#banner2 {
	position:relative;
	margin:0 auto;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}
	
	#banner2 a {
	position:absolute;
	left:617px;
	width:308px;
	height:35px;
	top: -49px;
		}
	#banner2 a span {
		display:none;
		}
	


#nav { margin-left:5px;}

#nav img{ margin-left:-5px; padding:0px;}


#nav ul {margin:0px;}
	#nav li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 0 0 0; /* adjusts the spacing between each li display and border-left */
		display: inline;
		}

#nav a { margin:0px; padding:0px;}

p.read { font-size:10px; padding-left:320px; }

/* ------------------------ titles ------------------------- */
#title { height:58px; background:url("../images/title-powering.jpg") no-repeat; width:434px; margin-left:59px; margin-bottom:8px; }
#title-energy { height:47px; background:url("../images/title-energy.jpg") no-repeat; width:417px; margin-bottom:8px;  }
#title-about { height:47px; background:url("../images/title-about.jpg") no-repeat; width:417px; margin-bottom:8px;  }
#title-letter { height:47px; background:url("../images/title-letter.jpg") no-repeat; width:417px; margin-bottom:8px;  }
#title-pdt { height:47px; background:url("../images/title-pdt.jpg") no-repeat; width:417px; margin-left:17px; margin-bottom:8px; }
#title-approach { height:47px; background:url("../images/title-approach.jpg") no-repeat; width:417px; margin-bottom:8px;  }
#title-employees { height:47px; background:url("../images/title-employees.jpg") no-repeat; width:417px; margin-bottom:8px;  }
#title-community { height:47px; background:url("../images/title-community.jpg") no-repeat; width:417px; margin-bottom:8px;  }
#title-statement { height:47px; background:url("../images/title-statement.jpg") no-repeat; width:434px; margin-left:59px; margin-bottom:8px; }


/* ------------------------ footer  ------------------------ */

	
#footer { height:20px; background:url("../images/footer.jpg") no-repeat; width:860px;
	margin:0 auto;}

#footer p {
	font-size:10px;
	color:#0293d6;
	}

#footer a:link, #footer a:visited { color:#0293d6; }
#footer a:hover, #footer a:active { color:#646e7b; }

#bottom p{color:#FFFFFF; font-size:9px; width:860px; padding-top:5px; margin:0 auto; text-align:center; line-height:12px; }
#bottom a:link, #bottom a:visited{color:#FFFFFF;}
#bottom a:hover {color:#c1e3f3;}
/* ------------------------ Extra Body Work ------------------------ */
body,div, ul,ol,li, p, html {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img,a img,:link img,:visited img {border:0;}



#letters-box { width: 900px; align:center; margin-bottom: 15px; height: 150px; margin-left: 0px; padding-left: 0px; padding-right: 0px; }
p.letters { float: left; padding-right: 0px; margin: 0px; padding-top: 20px; color:#0293d6; }
#letters { background: url(../images/letters_bg.jpg) repeat; height: 233px; width: 653px; margin: 10px auto; }
#letters h1 { padding: 0px; margin-top: 10px; margin-left: 20px; color: #00349A; font: bold 18px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; float: left; }
#letters ul { margin: 20px 0px 0px 15px; padding: 0px; float: left; }
#letters li { list-style: none; display: inline; margin: 0px; padding: 0px 15px; float: left; }
#letters #close { float: right; height: 24px; width: 26px; padding-right: 25px; padding-top: 10px; }



ul { margin: 20px 0px 0px 0px; padding: 0px; float: left; list-style:none; }
li { list-style: none; display: inline; margin: 0px; padding: 0px 0px 0px 0px; float: left; }
img { border: none; margin-bottom:none; }



a {background: none; border:none; }