/* Start off with a reset */


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

.clearFloats {   /* just clear a float without using an in-line style */
	clear:both;
}


/****************/
/* LINK BUTTONS */
/****************/


/****************/
/* FORM BUTTONS */
/****************/


/**************************/
/* MAIN styles start here */
/**************************/

body {
	margin: 0;
	padding: 0;
	background: #f8f9fa;
}
body, p, div, blockquote {
	font-family: Futura, arial, helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #333333;
}

a {
	text-decoration: none;
}

.hidden {
	display: none;
}

#full-container {
	position:relative;
	width: 1002px;
	margin: 0 auto;
	height:100%;
}

#site-container {
	width: 974px;
	background: #ffffff;
	margin: 0 auto;
	padding: 0px ;
	height:100%;
}

#content-container { 
	margin-top: 15px; 
	padding: 0px 10px; 
	}

#shadow-box {
	padding: 0 14px 0 14px;
	height: 100%;
	background: transparent url(../../images/common/shadowNew.png) repeat-y top left;
}

#shadow-box-bottom {
	padding: 32px 0 0 0;
	background: transparent url(../../images/common/pageBottom.png) no-repeat top left;
}




/****************************/
/* header styles start here */
/****************************/

#header { 
	position: relative; 
	height: 100px; 
	padding: 10px 0 0 0; 
}

#logo { 
	float:left; 
	position:absolute; 
	top: 10px; 
	left: 25px;
}

#utility-nav { 
	position:absolute; 
	right: 10px;
}

#utility-nav ul { 
	list-style: none; 
	font: 11px arial, helvetica, sans-serif; 
	color: #999999; 
	text-align: right; 
}

#utility-nav ul li { 
	display: inline; 
	margin: 0 4px 0 4px; 
	text-transform: uppercase; 
	letter-spacing: 1px;
}

#utility-nav ul li a { 
	color: #999999; 
}
#utility-nav ul li a:hover {
	text-decoration: underline;
	}


#login-area { 
	position: absolute; 
	right:10px; 
	top: 30px; 
	font: 11px arial, helvetica, sans-serif; 
	color: #999999; 
	text-align: right; 
	margin-top: 10px; 
	height:24px;
}

	
	
/******************************/
/* main nav styles start here */
/******************************/


#main-nav { 
	position: absolute; 
	right:10px; 
	top: 82px; 
	height: 22px;
	color: #aaaaaa;
}

#main-nav dl { margin: 0; padding: 0; }

#main-nav dt { float: left; }

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:22px; /* IE 5/Win hack */ 
	padding: 22px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

#main-nav dt a:hover {
	background-position: 0 -67px;
	background-repeat: no-repeat;
}

#main-nav dt#home,
#main-nav dt#home a { width: 72px; background-image: url('../../images/common/navHome.gif');}

#main-nav dt#about,
#main-nav dt#about a { width: 109px; background-image: url('../../images/common/navAbout.gif'); }

#main-nav dt#news,
#main-nav dt#news a { width: 69px; background-image: url('../../images/common/navNews.gif');}

#main-nav dt#power,
#main-nav dt#power a { width: 80px; background-image: url('../../images/common/navPower.gif'); }

#main-nav dt#energy,
#main-nav dt#energy a { width: 130px; background-image: url('../../images/common/navEnergy.gif'); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 79px; background-image: url('../../images/common/navContact.gif'); }


body.home dt#home,
body.home dt#home a,
body.home dt#home a:hover,
body.about dt#about,
body.about dt#about a,
body.about dt#about a:hover,
body.news dt#news,
body.news dt#news a,
body.news dt#news a:hover,
body.power dt#power,
body.power dt#power a,
body.power dt#power a:hover,
body.energy dt#energy,
body.energy dt#energy a,
body.energy dt#energy a:hover,
body.contact dt#contact,
body.contact dt#contact a,
body.contact dt#contact a:hover{
	background-position: 0 -67px;
	background-repeat: no-repeat;
}


/**********************************/
/* content area styles start here */
/**********************************/


#leftCol {
	position:relative;
	width: 687px;
	margin-right: 267px;
	}

#homeFlash {
	margin-bottom: 30px;
	}

#powerBox, #energyBox {
	float:left; 
	display:inline;
	width: 297px; 
	height: 210px;
	background-image:url('../../images/common/feature_box_bg.gif');
	background-repeat:repeat-x;
	padding: 15px 20px 0px 20px;
	}

#powerBox {
	margin: 0 12px 25px 0; 
	}

#energyBox {
	margin: 0 0 25px 0; 
	}

#powerBox h1, #energyBox h1 {
	font-size: 14px;
	color: #333;
	letter-spacing: 2px;
	text-transform:uppercase;
}

#rightCol {
	position:absolute;
	top: 125px;
	right: 25px;
	width: 259px; 
	height: 100%;
	overflow:visible;
	margin: 0 auto;
	background-image:url('../../images/home_rtCol_bg_grad.gif');
	background-repeat:repeat-x;
	}

#quicklinks { 
	position: relative;
	width: 267px;
	height: 103px;
	background-image:url('../../images/common/quicklinks_bg.gif');
	background-repeat:no-repeat;
	}
	
#quicklinks form { 
	text-align:right;
	position: relative;
	right: 10px;
	top: 29px;
	}
	
#quicklinks select { 
	margin-right: 5px;
	font-size: 10px;
	}

#dataBox {
	width: 237px;
	height: 200px;
	background-color:#FFF;
	margin: 10px auto;
	}

#featureAd {
	width: 237px;
	margin: 15px auto;
	}
	
#featureAd img {
	margin: 0 auto;
	}

#newsBox {
	width: 237px;
	height: 200px;
	background-color:#FFF;
	margin: 15px auto;
	}



#footer {
	clear: both;
	margin: 0 auto;
	padding: 0px;
	font: 11px/14px arial; 
	color: #666666; 
	text-align:center; 
}

#footer a { 
	text-decoration: underline; 
	}