html, body {
	background-image: url(/content/s3/images/templates/bg/bg.gif);
	background-position:center;
	padding: 0;
	margin: 0;
	width:100%;
	height:100%;
}
body {
	font-size:62.5%;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}
.clearfloat {
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
img {
	border: 0;
}
#contentBg {
	float:left;
	width:1009px;
	display:inline;
	background-image:url(/content/s3/images/templates/bg/contentBg.gif);
	background-position:center;
}
#headerBg {
	float:left;
	width:1009px;
	display:inline;
	background-repeat:no-repeat;
	background-image:url(/content/s3/images/templates/bg/bg_topPiece.gif);
	background-position:top center;
}
.logo {
	position: relative;
}
#bgWrapper {
	min-width:1009px;
	background-repeat: repeat-y;
	background-position:center;
	float: left;
	width: 100%;
	height:100%;
	background-image:url(/content/s3/images/templates/bg/contentBg.gif);
}
#bgWrapperDarker {
	background-position:top;
	float: left;
	width: 100%;
	height:100%;
	background-repeat:repeat-x;
	background-image:url(/content/s3/images/templates/bg/bg_content_glow.gif);
}
#bgWrapperGlow {
	background-repeat:no-repeat;
	background-position:top center;
	float: left;
	width: 100%;
	height:100%;
	background-repeat:no-repeat;
	background-image:url(/content/s3/images/templates/bg/bg_topPiece.gif);
}
#contentBgDarker {
	float:left;
	width:100%;
	background-repeat:repeat-x;
	background-image:url(/content/s3/images/templates/bg/bg_content_glow.gif);
}
#wrapper {
	width:1008px;
	/*	width: 852px; */
	margin: 0 auto;
	position: relative;
}
#headerLogo {
	position:absolute;
	float:left;
	left:34px;
	top:5px;
}
#wrapperPadding {
	padding:0px;
	margin:0px;
	position:relative;
	padding-left:78px;
}
#header {
	position: relative;
	float: left;
	background-position:left top;
	background-image:url(/content/s3/images/templates/bg/header.gif);
	width: 852px;
	height: 130px;
	margin: 0px;
}
#navi {
	position: relative;
	float: left;
	margin-left: 292px;
	padding-top:80px;
	width: 440px;
	color: #ffffff;
	display:inline;
}
#navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:left;
}
#navi ul li {
	position: relative;
	float: left;
	display:inline;
	margin: 0px;
	padding-right: 16px;
	margin-top: 5px;
}
#navi ul li a {
	height: 19px;
	border-top: 1px solid #4b892d;
	display: block;
}
#navi ul li a:hover{
	background-image: url(/content/s3/images/templates/navi/naviselector.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	border-top: 1px solid #4b892d;
}
#navi .open a{
	background-image: url(/content/s3/images/templates/navi/naviselector.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	border-top: 1px solid #4b892d;
}
/* subnavigation start */

#subnavi {
	position: relative;
	float: left;
	width: 235px;
	display:inline;
	margin-bottom:10px;
}
#subnavi .header {
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
	width:235px;
	text-align:left;
}
#subnavi .footer {
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
	width:235px;
	background-image:url(/content/s3/images/templates/navi/subNavFooter.gif);
	background-repeat:no-repeat;
	height:29px;
	overflow:hidden;
}
#subnavi .dark {
	background-image:url(/content/s3/images/templates/navi/subNaviDarkBg.gif);
}
#subnavi .open {
	background-image:url(/content/s3/images/templates/navi/subNavOpen.gif);
}
#subnavi .header img {
	margin:0px;
	padding:0px;
}
#subnavi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:left;
	clear:both;
	background-image:url(/content/s3/images/templates/navi/subNaviLightBg.gif);
	width:235px;
}
#subnavi ul li {
	position: relative;
	float: left;
	clear:both;
	display:inline;
	margin: 0px;
	padding:0px;
	line-height:29px;
	border-top: 1px solid #FFFFFF;
	width:235px;
}
#subnavi li a {
	display:block;
	padding-left:20px;
	font-size:1em;
	font-weight:bold;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	text-decoration:none;
	color:#1f5aa3;
	background-image:url(/content/s3/images/templates/navi/subNavMinus.gif);
	background-repeat:no-repeat;
	background-position:6px;
}
#subnavi .open a {
	background-image:url(/content/s3/images/templates/navi/subNavPlus.gif);
	background-position:4px;
}
#subnavi li li .open a {
	background-image:url(/content/s3/images/templates/navi/subNavPlus2lvl.gif);
	background-position:26px;
}
#subnavi .open li a {
	background-image:url(/content/s3/images/templates/navi/subNavMinus2lvl.gif);
	background-position:26px;
}
#subnavi li li a {
	padding-left:41px;
	color:#215fac;
	background-image:url(/content/s3/images/templates/navi/subNavMinus2lvl.gif);
	background-repeat:no-repeat;
	background-position:26px;
}
#subnavi ul li a:hover {
/* 	height: 19px;
	background-image: url(content/images/templates/1_navi/naviselector.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	border-top: 1px solid #4b892d;*/
}
/* subnavigation start */

#contentWrapper {
	position: relative;
	background-repeat:repeat-y;
	float: left;
	display:inline;
	background-image: url(/content/s3/images/templates/bg/contentwrapperbg.gif);
	width: 822px;
	padding-left: 15px;
	min-height:550px;
}
#leftWrapper {
	position: relative;
	float: left;
	width: 330px;
	padding-top: 5px;
	padding-bottom: 20px;
}
#subLeftWrapper {
	position: relative;
	float: left;
	width: 245px;
	padding-top: 0px;
	padding-bottom: 20px;
}

#leftWrapper .hrdiv {
	background-image: url(/content/s3/images/templates/bg/dotted_hr.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border: 0;
	margin-left: 17px;
	width: 275px;
	padding-bottom: 13px;
	padding-top: 14px;
}
#leftWrapper img {
	margin-left: 5px;
}
#leftWrapper a img {
	margin-left: 17px;
}
#leftWrapper .newsTable {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	color: #666666;
	background-color: #d8dbd9;
	width:278px;
	margin-left: 17px;
	margin-top:14px;
}
#leftWrapper .newsTable a {
	color: #666666;
	text-decoration:none;
}
#leftWrapper .newsTable td {
	padding:5px;
}
#leftWrapper .dateCell {
	border-right:1px #ecefea solid;
	width:61px;
}

#leftWrapper .light {
	background-color: #e5e8e4;
}

#rightWrapper {
	position: relative;
	float: left;
	width: 490px;
	padding-top:6px;
	padding-bottom:10px;
}
#subRightWrapper {
	position: relative;
	float: left;
	width: 575px;
	padding-top:0px;
	min-height:250px;
}
#footer {
	position: relative;
	float: left;
	display:inline;
	background-image: url(/content/s3/images/templates/bg/footer.gif);
	background-position:6px top;
	background-repeat:no-repeat;
	width: 852px;
	height: 20px;
	overflow: hidden;
	padding-bottom:13px;
}
#footer ul {
	margin: 0;
	padding: 0;
	margin-left: 30px;
	list-style-type: none;
}
#footer ul li {
	float: left;
	margin: 0px;
	margin-right:8px;
}
/* default block style */

.blockArea {
	clear:both;
	position:relative;
	float:left;
	width:492px;
}
.blockHeader {
	height:37px;
	overflow:hidden;
	float:left;
	position:relative;
	width:100%;
}
.blockContentRow{
	position:relative;
	float:left;
	width:492px;
	background-image:url(/content/s3/images/templates/elements/blockBg.gif);
}
.blockContentRow .rowBg {
	background-image:url(/content/s3/images/templates/elements/blockFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	width:100%;
}
.blockContentRow .imageArea {
	float: left;
	height: 83px;
	width: 180px;
	padding-left: 15px;
	padding-top: 4px;
}
.blockContentRow .content {
	float:left;
	display:inline;
	width:203px;
	padding-right:25px;
	padding-top:16px;
	padding-bottom:10px;
}
.blockContentRow .link {
	float:left;
	width:68px;
	padding-top:32px;
}
/* for subpages */

#quicklinks {
	position: relative;
	float:left;
	clear:both;
	width:235px;
}
#quicklinks .header {
	position:relative;
	margin:0px;
	padding:0px;
}
#quicklinks a img {
	margin-left:0px;
}
#quicklinks img {
	margin:0px;
	padding:0px;
}
#quicklinks a {
	margin:0px;
	padding:0px;
}
#quicklinks div {
	float:left;
	clear:both;
	position:relative;
	margin:0px;
	padding:0px;
}
#quicklinks .contentimage {
	height:76px;
	display:none;
}
#quicklinks  a:hover .contentimage {
	height:144px;
	display:block;
}
#quicklinks a:hover .hoverimage {
	display:none;
}
#quicklinks .windpro {
	position:relative;
	float:left;
	background-image:url(/content/s3/images/templates/general/windproBlock.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#quicklinks .solarpro {
	position:relative;
	float:left;
	background-image:url(/content/s3/images/templates/general/solarproBlock.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#quicklinks .biopro {
	position:relative;
	float:left;
	background-image:url(/content/s3/images/templates/general/bioproBlock.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#quicklinks .hydro {
	position:relative;
	float:left;
	background-image:url(/content/s3/images/templates/general/hydroproBlock.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#quicklinks .wavepro {
	position:relative;
	float:left;
	background-image:url(/content/s3/images/templates/general/waveproBlock.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#subContent {
	padding-right:38px;
	padding-left:13px;
	padding-top:30px;
}

/* products template */

#productsNavi {
	position:relative;
	float:left;
	width:100%;
	margin:0px;
	height:78px;
	display:hidden;	
}
#productsNavi ul {
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}
#productsNavi li {
	list-style:none;
	float:left;
	display:inline;
}
#productsNavi a {
	display:block;
	height:78px;
}
#productsNavi a:hover img {
	visibility:hidden;
}
#productsNavi .sel img {
	visibility:hidden;
}
#productsNavi .navihydropro {
	background-image:url(/content/s3/images/templates/products/naviHydroProSel.gif);
	background-position:top;
}
#productsNavi .navibiopro {
	background-image:url(/content/s3/images/templates/products/naviBioProSel.gif);
	background-position:top;
}
#productsNavi .naviwindpro {
	background-image:url(/content/s3/images/templates/products/naviWindproSel.gif);
	background-position:top;
}
#productsNavi .navisolarpro {
	background-image:url(/content/s3/images/templates/products/naviSolarProSel.gif);
	background-position:top;
}
#productsNavi .naviwavepro {
	background-image:url(/content/s3/images/templates/products/naviWaveProSel.gif);
	background-position:top;
}
#productsImage{
	float:left;
	position:relative;
	width:100%;
	
}
#productsContent {
	float:left;
	position:relative;
	width:770px;
	padding:20px;
}



















