.center_div {
	width: 958px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.main_container {
	background: #FFFFFF url('http://energysmartinc.com/images/container_bkg.gif') repeat-y left top;
	width: 958px;
		display: block;
		float: left;
	}
.main_container .top_bkg{
	width: 958px;
	display: block;
	float: left;
	background-attachment: scroll;
	background-image: url('http://energysmartinc.com/images/container_top.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
.header {
	clear: both;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: 750px top;
	height: 84px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	position: relative;
}

#position {
	position: relative;
	width: 320px;
	float: right;
	top: 15px;
	right: 40em;
}
#position {
	position: relative;
	width: 320px;
	float: right;
	top: 15px;
	right: 15em;
}

a{
	color: #075e2a;
	text-decoration: underline;
}

.header .logo{
	width: 240px;
	height: 84px;
	float: left;
}
.header .mainmenu_container{
	width: 525px;
	height: 84px;
	float: left;
}
.header .mainmenu_container ul{
	padding: 53px 0 0 2px;
	margin: 0;
}
.header .mainmenu_container ul li{
	padding: 0 2px 0 0;
	margin: 0;
	float: left;
	list-style-image: none;
	list-style-type: none;
}


a.home {
	padding: 0;
	margin: 0;
	background-image: url('http://energysmartinc.com/images/mainmenu_home.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
	width: 47px;
	height: 31px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline:none;	
}

a.who {
	padding: 0;
	margin: 0;
	background-image: url('http://energysmartinc.com/images/mainmenu_who1.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
	width: 110px;
	height: 31px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline:none;	
}
a.what {
	padding: 0;
	margin: 0;
	background-image: url('http://energysmartinc.com/images/mainmenu_what1.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
	width: 110px;
	height: 31px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline:none;	
}
a.learning {
	padding: 0;
	margin: 0;
	background-image: url('http://energysmartinc.com/images/mainmenu_learning1.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
	width: 141px;
	height: 31px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline:none;
}
a.contact {
	padding: 0;
	margin: 0;
	background-image: url('http://energysmartinc.com/images/mainmenu_contact1.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
	width: 100px;
	height: 31px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline:none;
}
.header .phone_container{
	width: 162px;
	height: 15px;
	float: right;
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	float: right;
	padding: 10px 0 0 0;
}
.submenu_container {
	width: 954px;
	clear: both;
	display: block;
	float: left;
	height: 24px;
}
.submenu {
	width: 934px;
	margin-left: auto;
	margin-right: auto;
	height: 24px;
	line-height: 24px;
	display: block;
	background-image: url('http://energysmartinc.com/images/submenu_header.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
}
.header_img {
	padding: 0 10px 7px 10px;
	clear: both;
	display: block;
	float: left;
}
.main_content {
	width: 945px;
	padding: 0 10px;
	clear: both;
	display: block;
	float: left;
}

.main_content4 {
	width: 920px;
	padding: 0 10px;
	clear: both;
	display: block;
	float: left;
}


.main_content1 {
	width: 645px;
	padding: 0 10px;
	clear: both;
	display: block;
	float: left;
}

.main_content2 {
	width: 445px;
	padding: 0 10px;
	clear: both;
	display: block;
	float: left;
}


.main_content .indexbox2 {


	
	width: 320px;
	width: 306px;

	height: 267px;
	height: 320px;
	text-align: justify; 
		font-size: 14px;	
	background-attachment: scroll;
	background-image: url(http://energysmartinc.com/images/index_box2.jpg);
	background-image: url('http://energysmartinc.com/images/index-box1-bg.jpg');
	/*background-image: url(http://energysmartinc.com/images/index-box2-bg.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 0px 0px 0 5px;
}

.main_content .indexbox2 .content{
	padding: 70px 20px 0 25px;
	padding: 15px 20px 0 20px;
	padding: 15px 20px 0 10px;

}


.style1 {color: #009900}
.style4 {
	font-size: 14px;
	color: #009933;
	font-weight: bold;
}


.main_content .indexbox2 .content ul {
	padding: 10px 0 10px 15px;
	margin: 0;
}
.main_content .indexbox2 .content .text .temp li
{
	padding: 0 0 5px;
	margin: 0;
	list-style: url('arrow1.gif');
	color: #333333;
	font: 12px Arial, Helvetica, sans-serif;
}
.main_content .indexbox2 .content ul li{
	list-style-image: url('http://energysmartinc.com/images/arrow1.gif');
	padding: 0;
	margin: 0;
	font-size:12px;
	line-height:16px;
}

.center_div .main_container .top_bkg .main_content .indexbox2 .content .text .temp a:link{ text-decoration: none; }

.main_content .indexbox2 img
{
margin-bottom:10px;
}

.main_content .orange
{
	background-image: url('http://energysmartinc.com/images/index-box1-orange1-bg.jpg');
}

.main_content .blue
{
	background-image: url('http://energysmartinc.com/images/index-box1-blue1-bg.jpg');
}


.main_content .indexbox2 .content h1
{
margin:0;
padding:0;
margin-bottom:10px;
font-size:13px;
line-height:normal;
color:#444444;
}



.main_content .content h1
{
font-size:16px;
letter-spacing:1px;
padding-bottom:15px;
}

.main_content .indexbox2 .content a.mark{

	padding: 0 0 0 18px;
	color: #075e2a;
	text-decoration: underline;
	background-image: url('http://energysmartinc.com/images/mark.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
}



.main_content .indexbox3 {


	width: 246px;
	width: 245px;
	height: 267px;
	float: left;
	
/*padding added after rotaionof boxes*/	
	padding-right:5px;


}

.footer {
	background: #FFFFFF url('http://energysmartinc.com/images/container_footer2.gif') no-repeat left top;
	width: 958px;
		margin-left: auto;
		margin-right: auto;
		padding: 35px 0 0 0;
		clear: both;

}
.footer .services_menu {
padding:0;
margin:0;
float:left;
/*background-color:#01a63f;*/
width:100%;
margin-top:-24px;
margin-bottom:3px;
}

.footer .services_menu ul {
	margin: 0;
	padding: 2px 20px;	
	margin-left:145px;
	margin-left:80px;
}

.footer .services_menu ul li{
	margin:0 20px;
	margin:0 50px;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}
.footer .services_menu ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	/*text-transform: uppercase;*/
	text-decoration: none;
}

.footer .footer_menu {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}
.footer .footer_menu {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}
.footer .footer_menu ul {
	margin: 0;
	padding: 0;	
}

.footer .footer_menu ul {
	margin: 0;
	padding: 0;	
}

.footer .footer_menu ul li.active{
	padding: 0;
	margin: 0;
	float: left;
	list-style-image: none;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #075e2a;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	text-decoration: underline;
}
.footer .footer_menu ul li.active{
	padding: 0;
	margin: 0;
	float: left;
	list-style-image: none;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #075e2a;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	text-decoration: underline;
}

.footer .footer_menu ul li{
	padding: 0;
	margin: 0;
	float: left;
	list-style-image: none;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #075e2a;
	padding: 0 10px 0 0;
	text-transform: uppercase;
}

.footer .footer_menu ul li{
	padding: 0;
	margin: 0;
	float: left;
	list-style-image: none;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #075e2a;
	padding: 0 10px 0 0;
	text-transform: uppercase;
}
.footer .footer_menu ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #075e2a;
	text-transform: uppercase;
	text-decoration: none;
}
.footer .footer_menu ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #075e2a;
	text-transform: uppercase;
	text-decoration: none;
}
.footer .copy {
	display: block;
	clear: both;
}
.footer .copy p.copyright{
	padding: 10px 0 0 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.footer .copy p{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.footer .copy a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #075e2a;
	text-decoration: underline;
}

/* sidebar formatting */

#sidebar{
	width: 225px;
    float:right;
	padding-right: 45px;
}

#sidebar ul li {

	list-style: none;
	width: 175px;
	line-height: 150%;
	padding: 0px;

	margin-bottom: 20px;
	font-size: 1.4em;
	display: block;

}

#sidebar ul li ul li, #sidebar ul li ul li ul li {
	border: none;
	padding: 0;
	padding-left: 10px;
	font-size: .8em;
	border: 1px solid #ccc;
	border-top: none;
	background-image: url(images/opaque-white.gif);
	margin-bottom: 0px;
}

#sidebar ul li ul li ul li {
	border: none;
	background-image: none;
	font-size: 100%;
}

#sidebar ul li ul li a, #sidebar ul li ul li ul li a, #sidebar ul li ul li ul li ul li a {
	text-decoration: none;
	background: url(images/rarrow.gif) top left no-repeat;
	padding-left: 15px;
}

#sidebar ul li div, #sidebar ul li h2 {
	width: 175px;
	height: 25px;
	background: transparent url(images/button-bg.gif) repeat-x top;
	border: 1px solid #ccc;
	padding-left: 10px;
	padding-top: 5px;
}


#sidebar ul li h2 {
	font-size: 100%;
}
.clear {
	background: transparent !important;
	border: none !important;
	padding: 0;
	}