/* CSS Stylesheet template */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
	line-height: 150%;
	background-color: #f9fdff;
	margin-bottom: 15px;
}
#smartleg p {
	padding-left: 20px;
}
#smartleg li {
	margin-left: 20px;
}

#smartleg h1, #smartleg h2 {
	text-align: center;
	margin-left: 0;
	padding-left: 0;
}
img {
	border-style: none;
}


tb, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 8px;
}
tb, table {
	margin-left: 92px;
}
.nopad {
	margin-left: 12px;
}
.carboncalc {
	border: 1px solid #5F7E9E;
}
.carboncalc p {
	padding: 0px 10px 0px 10px;
}
.productpic {
	margin-right: 12px;
	float: left;
}
.productpicbg {
	float: right;
}
p {
	padding: 0px 25px 15px 92px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 150%;
	color: #3e92e6;
	padding: 15px 0px 10px 92px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 19px;
	color: #660066;
	padding: 20px 20px 15px 92px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: center;
	line-height: 19px;
	color: #660066;
	padding: 10px 10px 15px 92px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	line-height: 19px;
	color: #000;
	padding: 10px 10px 15px 92px;
}
.leftalign {
	text-align: left;
}
.copyright {
	text-align: right;
	font-size: 9px;
	padding: 20px 30px 15px 30px;
}
.black {
	color: #000000;
}
.blue {
	color: #0D5CAB;
}
.purple {
	color: #660066;
}

.blackline {
	font-size: 12px;
	color: #000000;
	background-color: #e3f1fa;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #f9fdff;
}
.itemtitle {
	margin: 0;
	padding: 0px 0px 5px 92px;
}
.itemdescription {
	padding: 0px 20px 5px 92px;
}
.itemdescription2 {
	margin: 0;
	padding: 0px 20px 5px 80px;
}
/* Set layout styles */
#page {
	margin: 0 auto;
	width: 980px;
	background-image: url(images/bg.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}
#contentback {
	width: 100%;
	background-image: url(images/energy_layout_09.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#contentback2 {
	width: 100%;
	background-image: url(images/solar_panels.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.back2text {
	padding-right: 250px;
}
#contentback3 {
	width: 100%;
	background-image: url(images/turbine.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#contentback4 {
	width: 100%;
	background-image: url(images/carbon_tree.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#cb_poolcovers {
	width: 100%;
	background-image: url(images/products/pool_cover_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#cb_lowe {
	width: 100%;
	background-image: url(images/products/low_e_insulation_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#cb_panels {
	width: 100%;
	background-image: url(images/products/solarpanels_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#cb_careers {
	width: 100%;
	background-image: url(images/careers_pic.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#cb_flush {
	width: 100%;
	background-image: url(images/products/interflush_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#cb_lights {
	width: 100%;
	background-image: url(images/products/lights_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#content {
	width: 500px;
}
.mainbullet {
	margin-left: 110px;
	padding: 3px 5px 15px 5px;
	color: #0D5CAB;
	font-weight: bold;
}
.faqbullet {
	margin-left: 140px;
	padding: 3px 5px 3px 5px;
	color: #0D5CAB;
}

#panel1 {
	float: right;
	background-color: #dbe6ee;
	background-image: url(images/corner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 280px;
	margin: 0 35px 10px 15px;
}
.panel1text {
	font-size: 90%;
	padding: 5px 15px 5px 15px;
	line-height: 140%;
}
.panel1bullet {
	font-size: 90%;
	padding: 5px 15px 5px 5px;
	margin-left: 20px;
	line-height: 140%;
	color: #0D5CAB;
	font-weight: bold;
}
.panel1textend {
	font-size: 90%;
	padding: 5px 15px 10px 15px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-bottom: 1px solid white;
}
.panel1textend2 {
	padding: 12px 15px 10px 15px;
	margin-top: 12px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
}

.panel1head {
	padding: 15px 15px 10px 15px;
	font-size: 120%;
	color: #000000;
	border-bottom: 1px solid white;
}
#panel2 {
	float: right;
	background-color: #dbe6ee;
	background-image: url(images/corner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 180px;
	margin: 0 35px 10px 15px;
}
.panel2text {
	padding: 5px 15px 5px 15px;
}
.panel2head {
	padding: 15px 15px 10px 15px;
	font-size: 120%;
	color: #000000;
	border-bottom: 1px solid white;
}

/* left panel styles */

#panelleft {
	float: left;
	background-color: #dbe6ee;
	background-image: url(images/corner_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 250px;
	margin: 0 15px 10px 92px;
}
#panelleft p {
	font-size: 85%;
	padding: 5px 15px 5px 15px;
	line-height: 150%;
}
.panelleftbullet {
	font-size: 90%;
	padding: 5px 15px 5px 5px;
	margin-left: 20px;
	line-height: 140%;
	color: #0D5CAB;
	font-weight: bold;
}
.panelleftbullet2 {
	font-size: 95%;
	padding: 3px 10px 0px 15px;
	margin-left: 20px;
	line-height: 120%;
	color: #0D5CAB;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#panelleft ul {
	list-style: none;
}
#panelleft li {
	font-size: 95%;
	padding: 3px 10px 0px 15px;
	margin-left: 20px;
	line-height: 130%;
	color: #0D5CAB;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.panellefttextend {
	font-size: 90%;
	padding: 5px 15px 10px 15px;
	font-weight: bold;
	color: #660066;
	line-height: 140%;
	border-bottom: 1px solid white;
}
.panellefttextend2 {
	padding: 12px 15px 10px 15px;
	margin-top: 12px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
}

#panelleft h2 {
	padding: 15px 15px 10px 15px;
	font-size: 120%;
	color: #000000;
	border-bottom: 1px solid white;
}
#panelleft h3 {
	padding: 15px 15px 10px 15px;
	font-size: 100%;
	border-bottom: 1px solid white;
	text-align: left;
}
/* left panel wide styles */

#panelleftwide {
	float: left;
	background-color: #dbe6ee;
	background-image: url(images/corner_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 280px;
	margin: 0 25px 10px 92px;
}
#panelleftwide p {
	font-size: 90%;
	padding: 5px 15px 5px 15px;
	line-height: 140%;
}
#panelleftwide ul {
	list-style: none;
}
#panelleftwide li {
	font-size: 95%;
	padding: 3px 10px 0px 15px;
	margin-left: 20px;
	line-height: 130%;
	color: #0D5CAB;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.panelleftwidetextend {
	padding: 12px 15px 10px 15px;
	margin-top: 12px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
}

#panelleftwide h2 {
	padding: 15px 15px 10px 15px;
	font-size: 120%;
	color: #000000;
	border-bottom: 1px solid white;
}
#panelleftwide h3 {
	padding: 15px 15px 10px 15px;
	font-size: 100%;
	border-bottom: 1px solid white;
	text-align: left;
}

/* right panel styles */

#panelright {
	float: right;
	background-color: #dbe6ee;
	background-image: url(images/corner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 280px;
	margin: 0 35px 10px 15px;
}
.panelrighttext {
	font-size: 90%;
	padding: 5px 15px 5px 15px;
	line-height: 140%;
}
.panelrightbullet {
	font-size: 90%;
	padding: 5px 15px 5px 5px;
	margin-left: 20px;
	line-height: 140%;
	color: #0D5CAB;
	font-weight: bold;
}
.panelrighttextend {
	font-size: 90%;
	padding: 5px 15px 10px 15px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-bottom: 1px solid white;
}
.panelrighttextend2 {
	padding: 12px 15px 10px 15px;
	margin-top: 12px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
}

#panelright h3 {
	padding: 15px 15px 10px 15px;
	font-size: 110%;
	color: #000000;
	border-bottom: 1px solid white;
}
#panelright p {
	padding: 15px 15px 10px 15px;
}

/* thin right panel styles */

#panelrightthin {
	float: right;
	background-color: #dbe6ee;
	background-image: url(images/corner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 160px;
	margin: 0 35px 10px 15px;
}
.panelrightthintext {
	font-size: 90%;
	padding: 5px 15px 5px 15px;
	line-height: 140%;
}
.panelrightthinbullet {
	font-size: 90%;
	padding: 5px 15px 5px 5px;
	margin-left: 10px;
	line-height: 130%;
	color: #0D5CAB;
	font-weight: bold;
}
.panelrightthintextend {
	font-size: 90%;
	padding: 5px 15px 10px 15px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-bottom: 1px solid white;
}
.panelrightthintextend2 {
	padding: 12px 15px 10px 15px;
	margin-top: 12px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
}

#panelrightthin h2 {
	padding: 8px 15px 8px 15px;
	font-size: 100%;
	color: #000000;
	border-bottom: 1px solid white;
	text-align: left;
}
#panelrightthin h3 {
	padding: 8px 15px 8px 15px;
	font-size: 100%;
	color: #000000;
	border-bottom: 1px solid white;
}
#panelrightthin p {
	padding: 15px 15px 10px 15px;
}

/* medium right panel styles */

#panelmedright {
	float: right;
	background-color: #dbe6ee;
	background-image: url(images/corner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 230px;
	margin: 0 35px 10px 15px;
}
.panelmedright p {
	font-size: 90%;
	line-height: 140%;
	padding: 15px 15px 10px 15px;
}
.panelmedrightbullet {
	font-size: 90%;
	margin-left: 10px;
	line-height: 120%;
	color: #0D5CAB;
	font-weight: bold;
	list-style: none;
}
#panelmedright li {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 15px 5px 15px;
	margin-left: 5px;
}

#panelmedright h2 {
	padding: 8px 15px 8px 15px;
	font-size: 100%;
	color: #000000;
	border-bottom: 1px solid white;
	text-align: left;
}
#panelmedright h3 {
	padding: 8px 15px 8px 15px;
	font-size: 100%;
	color: #000000;
	border-bottom: 1px solid white;
}

/* home panel styles */

#homepanel {
	float: right;
	background-color: #dbe6ee;
	background-image: url(images/corner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 290px;
	margin: 0 35px 10px 15px;
}
.homepaneltext {
	font-size: 95%;
	padding: 5px 15px 5px 15px;
	line-height: 140%;
}
.homepanelbullet {
	font-size: 95%;
	padding: 3px 10px 0px 15px;
	margin-left: 20px;
	line-height: 140%;
	color: #0D5CAB;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.homepaneltextend {
	font-size: 90%;
	padding: 10px 15px 10px 15px;
	margin-top: 15px;
	font-weight: bold;
	color: #3f99f3;
	line-height: 140%;
	border-top: 1px solid white;
}
.homepanelhead {
	padding: 15px 15px 10px 15px;
	font-size: 110%;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid white;
}
#homepanel h2 {
	padding: 15px 15px 10px 15px;
	font-size: 110%;
	color: #660066;
	font-weight: bold;
	border-bottom: 1px solid white;
}

.centrepanel {
	width: 640px;
	margin-left: 92px;
	margin-bottom: 20px;
	background-color: #dbe6ee;
}
.centrepanel h3 {
	border-bottom: 1px solid white;
	margin-bottom: 15px;
}
.centrepanel p {
	text-align: center;
}



/* end home panel styles */

#contactbox {
	background-color: #dbe6ee;
	width: 320px;
	margin: 0 35px 10px 92px;
	padding: 15px; 
	color: #660066;
	font-weight: bold;
	text-align: center;
	border: 1px solid #660066;
}


#newsfeed {
	float: right;
	background-color: #dbe6ee;
	border: 1px solid grey;
	width: 180px;
	margin: 10px;
}
#content2 {
	width: 100%;
}
#content3 {
	width: 100%;
}
#header {
	width: 100%;
	height: 122px;
}
#footer {
	color: #000000;
	font-size: 14px;
	font-style: italic;
	width: 895px;
	height: 30px;
	background: url(images/footer-bg.jpg) top center repeat-x #e4eef6;
	border: 1px solid #0d5cab;
	border-right: 5px solid #0d5cab;
	margin-left: 79px;
	clear: both;
}
#footer p {
	padding: 6px 15px 6px 0px;
	text-align: right;
}
#footer p span {
	padding-left: 14px;
	float: left;
}

/* CSS navigation styles */
/* #nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-image: none;
	list-style-type: none;
	padding-left: 92px;
	display: block;
	float: left;
}
#nav li {
	float: left;
	padding-top: 4px;
}
#nav li a {
	text-decoration: none;
	padding-right: 15px;
	height: 25px;
	float: left;
	margin-top: 7px;
}
#nav li a:link {
	color: #0D5CAB;
	text-decoration: none;
}
#nav li a:visited {
	color: #0D5CAB;
	text-decoration: none;
}
#nav li a:hover {
	color: #000000;
	text-decoration: none;
}
#nav li a:active {
	color: #0D5CAB;
	text-decoration: none;
} */
#formtable {
	width: 380px;
	margin-left: 92px;
	background-color: #e3f1fa;
	border: 2px solid #fff;
}
#formtable td {
	border: 2px solid #fff;
}
#formtable input {
	width: 167px;
	height: 15px;
	border: 1px solid #3e92e6;
	background-color: #fff;
	padding: 3px;

}
#formtable textarea {
	width: 360px;
	height: 60px;
	border: 1px solid #3e92e6;
	background-color: #fff;
	padding: 5px;
}
#submitbutton {
}
#submitbutton input {
	width: 120px;
	height: 30px;
	background-color: #3e92e6;
	color: #fff;
	float: right;
	border: 2px solid #FFF;
	margin-right: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.contactinfo {
	margin-left: 25px;
	color: #3e92e6;
}
.picpos{
	float: right;
	background-position: right bottom;
}
.picright{
	float: right;
	margin: 5px 25px 10px 10px;
}
.pagepic{
	float: right;
	margin: 5px 0px 0px 10px;
}

#mainlist {
	padding: 4px 15px 10px 108px;
	
}
.bullets {
	list-style-type: square;
}
#features {
	list-style-type: square;
}
#features li {
	margin-left: 130px;
	padding: 3px 25px 3px 10px;
}
#features2 {
	list-style-type: square;
}
#features2 li {
	margin-left: 130px;
	padding: 3px 270px 3px 10px;
}
#features3 {
	list-style-type: square;
}
.features3a {
	margin-left: 120px;
	padding: 3px 25px 3px 10px;
}
.features3b {
	margin-left: 120px;
	padding: 3px 270px 3px 10px;
}

.numbers {
	margin-left: 145px;
	margin-right: 20px;
	padding: 5px 20px 0 10px;
}

fieldset.electricity {
width: 70%;
padding: 5px;
margin: 0 0 5px;
}

.electricity p {
text-align: left;
}

.gas p {
text-align: left;
}

fieldset.gas {
width: 70%;
padding: 5px;
margin: 0 0 5px;
}

.contentbullet, .contentbullet2 {
	font-size: 95%;
	color: #0D5CAB;
	font-weight: bold;
}
.contentbullet li {
	padding: 3px 10px 0px 15px;
	margin-left: 110px;
	line-height: 140%;
	font-weight: bold;
	list-style: none;
	background-image: url(images/contentbullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.contentbullet2 li {
	padding: 3px 10px 3px 15px;
	margin-left: 110px;
	line-height: 150%;
	font-weight: bold;
	list-style: none;
	background-image: url(images/contentbullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: normal;
}

.faq_q {
	background-image: url(images/faq_q.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #660066;
	padding: 2px 20px 5px 30px;
	margin: 0px 10px 4px 100px;
}
.faq_a {
	background-image: url(images/faq_a.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #0f64b8;
	padding: 2px 20px 5px 30px;
	margin: 0px 10px 12px 100px;
}

.notice, .noticeshort {
	margin-left: 92px;
	padding: 10px;
	background-color: #636;
}
.notice {
	width: 832px;
}
.noticeshort {
	width: 510px;
	margin-left: 92px;
	margin-bottom: 15px;
	padding: 10px;
	background-color: #636;
}

.notice p, .noticeshort p {
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 0;
	margin: 0;
}
.notice a, .noticeshort a {
	color: #FFF;
	text-decoration: underline;
}
.notice a:hover, .noticeshort a:hover {
	color: #000;
	text-decoration: none;
}
.line {
	border-bottom: 1px solid #d0a9d0;
	margin: 12px 30px 0 92px;
	padding-bottom: 0;
}

.style3 {color: #660066}