/* Insignificant stuff, for demo purposes */

	body { background: #e2f4fd; color: #002d6c; font-family: georgia, serif;}
	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }
	
div#container{
	width:993px;
	margin:0 auto;
}	

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0 }
	.coda-slider {  width: 528px;  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 553px; overflow: hidden !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 528px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 528px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

	
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */


	
	/* Miscellaneous */
	.coda-slider-wrapper { float: right; width: 528px; height: 553px;  }
	.coda-slider { float: left; position: relative }
	.coda-slider .panel {  float: left; height: 553px; }
	//.slideshow { float: left; width: 528px; height: 553px;overflow: hidden }
	 

div#header{
	background:url(../images/header-bg.png); width:953px; height:102px; padding: 20px; margin-bottom: 6px;
}
div#header h1{
	background: url(../images/energy-review-logo.png); width: 231px; height: 75px; text-indent: -999px; float: left;
}
div#header ul{
	color: #fff; font-size: 12px; padding-top: 15px; clear: both; float: left;
}
div#header ul li{
	float: left; border-right:solid 1px white; margin-right: 5px; padding-right: 5px;
}
div#header ul li a{
	color: #fff;
}

div#header ul li a:hover{
	text-decoration:none;
}
div#header ul li.last{
	padding-right: 0; margin-right: 0; border: none;
}
div#colA{
	width: 465px;
	float: left;
}
div#colA a.buttonA{
	display: block;
	background: url(../images/lg-panel.png) no-repeat; width: 227px; height: 133px;
	text-decoration: none;
	color: #fff;
	float: left;
	margin: 0 5px 7px 0;
	
}
	div#colA a.buttonA h2{
		font-size: 16px; padding: 10px 15px;
	}
	div#colA a.buttonA ul{
		font-family: helvetica, arial, sans-serif;
		font-size: 12px;
		list-style: circle;
		list-style: inside;
		padding-left: 15px;
	}
div#colA a.buttonA:hover{
	background-position: bottom;
}
	div#colA a.buttonA:hover h2{
		color: #ffd402;
	}

div#colA a.buttonB{
	display: block;
	background: url(../images/sm-panel.jpg) no-repeat; width: 149px; height: 132px;
	text-decoration: none;
	color: #fff;
	float: left;
	margin: 0 6px 0 0;
	overflow: hidden;
}	
	div#colA a.buttonB h2{
		font-size: 16px; padding: 10px 12px;
	}
	div#colA a.buttonB ul{
		font-size: 12px;
		font-family: helvetica, arial, sans-serif;
		list-style: circle;
		list-style: inside;
		margin-right: 15px;
		padding-left: 12px;
	}
div#colA a.buttonB:hover{
	background-position: bottom;
}
.ad1{
	background: url(../images/panel-cs1.jpg) no-repeat;
}
.ad2{
	background: url(../images/panel-cs2.jpg) no-repeat; }
.ad3{
	background: url(../images/panel-cs3.jpg) no-repeat; 
}
.one{
	background: url(../images/panel-home.jpg) no-repeat;
}
.two{
	background: url(../images/panel-susdev.jpg) no-repeat;
}
.three{
	background: url(../images/panel-low.jpg) no-repeat;
}
.four{
	background: url(../images/panel-contracting.jpg) no-repeat;
}
.five{
	background: url(../images/panel-regs.jpg) no-repeat;
}
.six{
	background: url(../images/panel-surveys.jpg) no-repeat;
}
.seven{
	background: url(../images/panel-expense.jpg) no-repeat;
}
.eight{
	background: url(../images/panel-utilities.jpg) no-repeat;
}
.nine{
	background: url(../images/panel-carbon.jpg) no-repeat;
}
.ten{
	background: url(../images/panel-contact.png) no-repeat;
}
.panel-wrapper h2{
	color: #fff;
	font-size: 28px;
	width: 320px;
	line-height: 28px;
	padding: 20px 0 0 20px;
}
.panel-wrapper p{
	font-size: 13px;
	width: 320px;
	padding: 10px 0 0 20px;
}
.panel-wrapper .quote{
	font-size: 18px;
	width: 320px;
	padding: 10px 0 0 20px;
}
.panel-wrapper ul{
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	width: 320px;
	margin: 20px 0 0 20px;
	list-style-type: disc;
	list-style-position: inside;
}

.panel-wrapper ul ul{

	margin: 0 0 0 15px;

}

div#footer{
	margin-top: 20px;
}


div#body2{
	width:993px;
	height:553px;
}


div#leftCol{
	width:226px;
	height:553px;
	float:left;
}

div#rightCol{
	float:right;
	width:757px;
	height:553px;
}

div.top{
	width:757px;
	height:16px;
	background:url(../images/img-topline.gif) top left no-repeat;
}

div.mid{
	width:757px;
	height:165px;
	background:url(../images/img-page01.gif) bottom left no-repeat;
}

div.mid h2{
	padding-left:20px;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

div.mid2{
	width:757px;
	height:356px;
	background:url(../images/img-midline.gif) top left repeat-y;
}

div.mid2 ul li, div.mid2 p{
	color:#333;
	font-size:12px;
}

div.mid2.large{
	font-size:13x;
}

div.mid2Left{
	float:left;
	padding:0 0 0 25px;
	margin-top:15px;
	border-right:2px dotted #666;
	width:334px;
	}

div.mid2Right{
	float:right;
	padding:0 20px 0 0;
	margin-top:15px;
	width:349px;
	}
	
div.mid2Right2{
	float:right;
	padding:30px 40px 0 0;
	margin-top:15px;
	width:319px;
	}

div.mid2Right2 p{
	font-size:13px;
	padding:0 0 10px 0;
}

div.mid2Right p{
	padding-bottom:0;
}

div.mid2Left p{
	padding: 0 15px 0 0;
	font-size:13px;
}

div.mid2Left h2{
	font-size:21px;
	padding:15px 0 0 15px;
}

div.mid2Left ul{
	padding:10px 0 3px 30px;
}

div.mid2Left ul li{
	font-size:13px;
}

div.mid2Left ul.class2{
	padding:0 0 0 15px;
}

div.mid2Left ul.class2 li{
	line-height:16px;
	}
	
div.mid2Right ul{
	padding:0 0 0 15px;
}

div.mid2Right ul li{
	list-style-type:disc;
}

div.mid2Left3{
	padding:20px 0 0 30px;
}

div.mid2Left3 h2{
	font-size:22px;
	padding-bottom:15px;
}

div.mid2Left3 p{
	font-size:15px;
}

	

div.mid2Left ul li{
	list-style-type:disc;
	line-height:26px;
}

div.mid2Left ul li.last{
	padding-bottom:5px;
}

div.bottom{
	width:757px;
	height:16px;
	background:url(../images/img-bottomline.gif) top left no-repeat;
}

div#menu2{
	width:226px;
	height:360px;
	background:#012b6c url(../images/img-menu-bg01.gif) top left no-repeat;
}

div#menu2 ul{
	height:360px;
	padding-top:5px;
	padding-left:10px;
	list-style-type:none;
	background: url(../images/img-menu-bg02.gif) bottom left no-repeat;
}

div#menu2 ul li{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	padding:8px 0 8px 0;
	background:url(../images/img-menu-div.gif) bottom left no-repeat;	
}

div#menu2 ul li a{
	color:#FFF;
	text-decoration:underline;
}

div#menu2 ul li a:hover, div#menu2 ul li a.on {color:#fbd402; text-decoration:none;}


div#contact2{
	width:226px;
	height:181px;
	background:#012b6c url(../images/img-menu-bg01.gif) top left no-repeat;
	margin-top:12px;
}

div#contact2Inner{
	width:186px;
	height:141px;
	background: url(../images/img-menu-bg02.gif) bottom left no-repeat;
	padding:20px;
}
div#contact2Inner p{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	line-height:17px;
}

div#contact2Inner p a{
	color:#FFF; text-decoration:underline;
}

div#contact2Inner p a:hover{
	text-decoration:none;
}

span.yell{
	color:#ffd402;
}

	
	



/*GENERAL STUFF*/
.clear{
	clear: both;
}
.white{
	color: #fff !important;
}
.blue{
	color: #002d6c !important;
}

.blue{
	color: #002d6c !important;
}

.black{
	color:#333 !important;
}

a:hover.black{
	text-decoration:none;
}
.contact{
	margin-top: 35px;
	font-family: helvetica, arial, sans-serif;
	float: right;
	color: #ffd402;
	text-align: right;
	font-size: 20px;
}
.contact span{
	font-size: 14px;
	color: #fff;
}
.contact span a{
	color: #fff;
}

.contact span a:hover{
	text-decoration:none;
}

div.mid2Left3 p.contactText{
	padding:0 0 10px 0;
	font-size:16px;
}


	
.info{
	display: none;
}
.co2{
	position: absolute;
	bottom: 40px;
	left: 40px;
}