body, html {
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#222;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#97b458;
}

h1.welcome {
	display:block;
	background: url(../images/txt_welcome.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.aboutus {
	display:block;
	background: url(../images/txt_aboutus.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.solartechnology {
	display:block;
	background: url(../images/txt_solartechnology.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.solarproducts{
	display:block;
	background: url(../images/txt_solarproducts.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.solarlights{
	display:block;
	background: url(../images/txt_solarlights.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.multimw {
	display:block;
	background: url(../images/txt_multimw.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.design {
	display:block;
	background: url(../images/txt_design.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.consulting {
	display:block;
	background: url(../images/txt_consulting.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.maintenance {
	display:block;
	background: url(../images/txt_maintenance.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.carboncredits {
	display:block;
	background: url(../images/txt_carboncredits.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}


h1.faq {
	display:block;
	background: url(../images/txt_faq.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.news {
	display:block;
	background: url(../images/txt_news.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1.contactus {
	display:block;
	background: url(../images/txt_contactus.gif) top left no-repeat;
	width:316px;
	height:23px;
	margin:0;
	padding:0;
}

h1 span {display:none;}

h2 {
	color:#FF9900;
	font-size:12px;
	margin:5px 0 15px 0;
	width: 580px;
	text-transform:uppercase;
}


.zero {margin:0; padding:0;}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/


#wrap {
	width:100%;
	height:auto;
	background:#97b458 url(../images/bg_main.jpg) top left repeat-x;
}

#main {
	width:770px;
	margin:0;
	padding:0;
}

#header {
	width:685px;
	height:41px;
	background: url(../images/bg_header.jpg) top left no-repeat;
	padding:101px 0 0 85px;
}

#mainimg {
	margin-top:0 !important; 
	margin-top:-101px; /* IE6 - please please please please please change your browser! */
	height:248px;
	width:770px;
}

#left {
	float:left;
	width: 86px;
	height:320px;
	background: url(../images/bg_left.jpg) top left no-repeat;
}
#right {
	float:right;
	width: 644px;
	height:280px;
	padding:20px;
	background:#fff url(../images/bg_plug.jpg) bottom right no-repeat;
	line-height:20px;
}

#spacer {
	margin-top:0 !important; 
	margin-top:-101px; /* AGAIN! IE6 - please please please please please change your browser! */
	width:770px;
	height:8px;
}

#subcontent {
	width:650px;
	padding: 20px 20px 0 100px;
	margin:0;
	background:#fff url(../images/bg_subleft.jpg) top left no-repeat;
}

#subcontent p {
	margin:0;
	width: 630px;
	padding: 10px 0;
}

#subcontent ul, #subcontent li {
	list-style-position:inside;
}

#subcontent img.img {
	margin:0 10px 10px 0;
}

#subcontent a {
	color:#367c2b;
	font-weight: bold;
}

#subcontent a:hover {
	color:#97b558;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/


#footer {
	clear:both;
	color:#fff;
	width:100%;
	background:#586a31 url(../images/bg_footer.jpg) top left repeat-x;
	font-size:11px;
	height:109px;
	margin: 0;
}

#fl {float:left; padding: 10px 0 0 10px; font-size:13px;}
#fr {float: right; padding: 10px 0 0 0; text-align: right;}
#fc {width:770px;}

#fr a, #fl a {color:#fff;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/









































/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			41px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu li a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#222;
}
.sf-menu li {
	background:		#fff;
}
.sf-menu li li {
	background:		#fff;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	background:		#97b558;
	color:#fff;
}






/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/


.sf-menu a span {display:none;}

.sf-menu a.home {
	width:108px;
	height:41px;
	background:url(../images/menu-03.jpg) top left no-repeat;
	padding:0;
}

.sf-menu a.aboutus {
	width:102px;
	height:41px;
	background:url(../images/menu-04.jpg) top left no-repeat;
	padding:0;
}

.sf-menu a.products {
	width:106px;
	height:41px;
	background:url(../images/menu-05.jpg) top left no-repeat;
	padding:0;
}

.sf-menu a.services {
	width:103px;
	height:41px;
	background:url(../images/menu-06.jpg) top left no-repeat;
	padding:0;
}

.sf-menu a.faq {
	width:79px;
	height:41px;
	background:url(../images/menu-07.jpg) top left no-repeat;
	padding:0;
}

.sf-menu a.news {
	width:75px;
	height:41px;
	background:url(../images/menu-08.jpg) top left no-repeat;
	padding:0;
}

.sf-menu a.contactus {
	width:111px;
	height:41px;
	background:url(../images/menu-09.jpg) top left no-repeat;
	padding:0;
}






.sf-menu a.home:hover {
	width:108px;
	height:41px;
	background:url(../images/menu-03.jpg) bottom left no-repeat;
	padding:0;
}

.sf-menu a.aboutus:hover {
	width:102px;
	height:41px;
	background:url(../images/menu-04.jpg) bottom left no-repeat;
	padding:0;
}

.sf-menu a.products:hover {
	width:106px;
	height:41px;
	background:url(../images/menu-05.jpg) bottom left no-repeat;
	padding:0;
	cursor:default;
}


.sf-menu a.services:hover {
	width:103px;
	height:41px;
	background:url(../images/menu-06.jpg) bottom left no-repeat;
	padding:0;
	cursor:default;
}

.sf-menu a.faq:hover {
	width:79px;
	height:41px;
	background:url(../images/menu-07.jpg) bottom left no-repeat;
	padding:0;
}


.sf-menu a.news:hover {
	width:75px;
	height:41px;
	background:url(../images/menu-08.jpg) bottom left no-repeat;
	padding:0;
}


.sf-menu a.contactus:hover {
	width:111px;
	height:41px;
	background:url(../images/menu-09.jpg) bottom left no-repeat;
	padding:0;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.sl {
	display:block;
	height:26px;
}