/* CSS Document */


body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

a, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#00CC99;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #094d15;
}

h1, h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 {
	font-size: 1.5em;
	color:#000000;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	text-align:left;
}

h2 a {
	font-size: 14px;;
	color: #00CC00;
	padding:0px 0px 0px 50px;
	margin:5px 0px 0px 0px;
	text-decoration:none;
	text-align:right;
	
}

h2 a:visit, h2 a:hover {
	font-size:14px;;
	color: #00FF00;

}



p {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	line-height:14px;
	text-align:left;
}

ul {
	margin:20px 0px 0px 10px;
	padding:0px 0px 0px 5px;
	text-align:left;
}

li {
	padding:0px 0px 5px 0px;
	text-align:left;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 200px;
	padding: 1px 3px;
	margin: 0 0 0 0;
}

textarea {
	height:100px;
}



.next a {
	font-size: 14px;;
	color: #00CC00;
	text-decoration:none;
	text-align:right;
	
}

.next a:visit, .next a:hover {
	font-size:14px;;
	color: #00FF00;

}

.contactus { position: relative; font-family: arial, helvetica, sans-serif; background: url(../images/index_7BG.jpg) no-repeat; white-space: nowrap; display: block; width: 32px; height: 86px; margin: 0; padding: 0; }
.contactus a { display: block; color: #000000; font-size: 11px; width: 32px; height: 86px; display: block; float: left; color: black; text-decoration: none; }
.contactus img { width: 32px; height: 86px; border: 0; }
* html a:hover { visibility:visible; }
.contactus a:hover img { visibility:hidden; }
.contactus span { position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; }

.LEED { position: relative; font-family: arial, helvetica, sans-serif; background: url(../images/index_6BG.jpg) no-repeat; white-space: nowrap; display: block; width: 32px; height: 58px; margin: 0; padding: 0; }
.LEED a { display: block; color: #000000; font-size: 11px; width: 32px; height: 58px; display: block; float: left; color: black; text-decoration: none; }
.LEED img { width: 32px; height: 58px; border: 0; }
* html a:hover { visibility:visible; }
.LEED a:hover img { visibility:hidden; }
.LEED span { position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; }

.benefits { position: relative; font-family: arial, helvetica, sans-serif; background: url(../images/index_5BG.jpg) no-repeat; white-space: nowrap; display: block; width: 32px; height: 138px; margin: 0; padding: 0; }
.benefits a { display: block; color: #000000; font-size: 11px; width: 32px; height: 138px; display: block; float: left; color: black; text-decoration: none; }
.benefits img { width: 32px; height: 138px; border: 0; }
* html a:hover { visibility:visible; }
.benefits a:hover img { visibility:hidden; }
.benefits span { position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; }

.aboutus { position: relative; font-family: arial, helvetica, sans-serif; background: url(../images/index_4BG.jpg) no-repeat; white-space: nowrap; display: block; width: 32px; height: 74px; margin: 0; padding: 0; }
.aboutus a { display: block; color: #000000; font-size: 11px; width: 32px; height: 74px; display: block; float: left; color: black; text-decoration: none; }
.aboutus img { width: 32px; height: 74px; border: 0; }
* html a:hover { visibility:visible; }
.aboutus a:hover img { visibility:hidden; }
.aboutus span { position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; }

.product { position: relative; font-family: arial, helvetica, sans-serif; background: url(../images/index_2BG.jpg) no-repeat; white-space: nowrap; display: block; width: 32px; height: 124px; margin: 0; padding: 0; }
.product a { display: block; color: #000000; font-size: 11px; width: 32px; height: 124px; display: block; float: left; color: black; text-decoration: none; }
.product img { width: 32px; height: 124px; border: 0; }
* html a:hover { visibility:visible; }
.product a:hover img { visibility:hidden; }
.product span { position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; }

.optleft { position: relative; font-family: arial, helvetica, sans-serif; background: url(../images/pg3_bg_b_in1b.jpg) no-repeat; white-space: nowrap; display: block; width: 140px; height: 96px; margin: 0; padding: 0; }
.optleft a { display: block; color: #000000; font-size: 11px; width: 140px; height: 96px; display: block; float: left; color: black; text-decoration: none; }
.optleft img { width: 140px; height: 96px; border: 0; }
* html a:hover { visibility:visible; }
.optleft a:hover img { visibility:hidden; }
.optleft span { position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; }

.optright { position: relative; font-family: arial, helvetica, sans-serif; background: url(../images/pg3_bg_b_in2b.jpg) no-repeat; white-space: nowrap; display: block; width: 140px; height: 96px; margin: 0; padding: 0; }
.optright a { display: block; color: #000000; font-size: 11px; width: 140px; height: 96px; display: block; float: left; color: black; text-decoration: none; }
.optright img { width: 140px; height: 96px; border: 0; }
* html a:hover { visibility:visible; }
.optright a:hover img { visibility:hidden; }
.optright span { position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; }