@charset "utf-8";


body {background:url(img/background.jpg) #e5f0cb repeat-x top;}




#maincontainer {
	width: 853px;
	margin-left: auto;
	margin-right: auto;
}



#toprounded {
	float: left;
	margin-top: 20px;
	height: 17px;
	width: 853px;
	background-image: url(img/top.jpg)
}



#logo {
	float: left;
	margin-left: 25px;
	width: 231px;
	height: 72px;
	background-image: url(img/lelogo.jpg)
	
}

#menuandtagline {
	margin-left: 35px;
	margin-top: 15px;
	float: left;
	height: 70px
	width: 550px;
	
}

#tagline {
	margin-left: 40px;
	height: 22px;
	width: 460px;
	background-image: url(img/tagline.jpg)
}


#menu {
	float: left;
	width: 520px;
	height: 42px;
}


#homebutton a {
	float: left;
	width: 70px;
	height: 42px;
	background-image: url(img/homebutton.jpg)
}

#homebutton a:hover { background-position:bottom}

#whatisbutton a {
	float: left;
	width: 186px;
	height: 42px;
	background-image: url(img/whatisbutton.jpg)
}

#whatisbutton a:hover { background-position:bottom}


#benefitsbutton a {
	float: left;
	width: 85px;
	height: 42px;
	background-image: url(img/benefitsbutton.jpg)
}

#benefitsbutton a:hover { background-position:bottom}

#productsbutton a {
	float: left;
	width: 91px;
	height: 42px;
	background-image: url(img/productsbutton.jpg)
}

#productsbutton a:hover { background-position:bottom}

#contactbutton a {
	float: left;
	width: 85px;
	height: 42px;
	background-image: url(img/contactbutton.jpg)
}

#contactbutton a:hover { background-position:bottom}





#midmain {
	float: left;
	width: 853px;
	background-image: url(img/mid.jpg)
}


#bottomrounded {
	float: left;
	width: 853px;
	height: 28px;
	background-image: url(img/bottom.jpg)
}

#bigpichome {
	margin-top: 10px;
	margin-left: 28px;
	float: left;
	width: 796px;
	height:281px;
	background-image: url(img/leaves.jpg)
}


#bigpicwhatisnaturesorb {
	margin-top: 10px;
	margin-left: 30px;
	float: left;
	width: 800px;
	height:285px;
	background-image: url(img/landscape2.jpg)
}

#bigpicbenefits {
	margin-top: 10px;
	margin-left: 28px;
	float: left;
	width: 800px;
	height:255px;
	background-image: url(img/landscape.jpg)
}


#bigpicproducts {
	margin-top: 10px;
	margin-left: 27px;
	float: left;
	width: 800px;
	height:228px;
	background-image: url(img/leafclose.jpg)
}

#bigpiccontact {
	margin-top: 10px;
	margin-left: 27px;
	float: left;
	width: 800px;
	height:225px;
	background-image: url(img/sunflowers.jpg)
}

#absorbs {
	margin-left: 40px;
	margin-right: 40px;
	float: left;
	height: 519px;
	width: 853px;
	background-image: url(img/absorbs.jpg)
	
}

#absorbs {background-repeat: no-repeat;}

#formpart1 {
	height: 200px;
	width: 200px;
	float: left;
}

#pagecontents {
	float: left;
	width:780px;
	margin-left: 32px;
	padding-top: 15px;
}


#sidemap {
	height: 36px;
	width: 853px;
}

#sitemap1 {
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	margin-top: 5px;
	float: left;
	height: 36px;
	width: 670px;
	background-image: url(img/sitemap1.jpg)

}

#sitemap2 {
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 3px;
	float: left;
	height: 36px;
	width: 170px;
	background-image: url(img/JTL.jpg)
	

}

#relatednav {
	float: left;
}

#relatednavtop {
	margin-right: 20px;
	height: 10px;
	width: 165px;
	background-image: url(img/boxtop.jpg)
}


#relatednavmid {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 20px;
	width: 165px;
	background-image: url(img/boxmid.jpg)
}

#relatednavmid {background-repeat: repeat-y}

#relatednavbot {
	margin-bottom: 10px;
	margin-right: 20px;
	height: 12px;
	width: 165px;
	background-image: url(img/boxbot.jpg)
}


.product {
	
	width: 375px;
	float: left;
	text-align:center
}

#productrow1 {
	width: 800px;
	height: 720px;
}


#productrow2 {
	width: 800px;
	height: 660px;
}

#productbox1 {
	margin-left:20px;
	float: left;
	height: 611px;
	width: 375px;
	background-image: url(img/prodbox1.jpg)
}


#productbox2 {
	margin-left:20px;
	float: left;
	height: 610px;
	width: 375px;
	background-image: url(img/prodbox2.jpg)
}


#productbox3 {
	margin-left:20px;
	float: left;
	height: 522px;
	width: 375px;
	background-image: url(img/prodbox3.jpg)
}

#productbox4 {
	margin-left:20px;
	float: left;
	height: 522px;
	width: 375px;
	background-image: url(img/prodbox4.jpg)
}

#film {
	height:	241px;
	width: 250px;
	float: right;
	padding-right: 150px;
	padding-left: 20px;
}

.contentstop {
	margin-top: 10px;
	height: 22px;
	width: 792px;
	float: left;
	background-image: url(img/contentstop.jpg)
}

.contentsmid {
	padding-left: 10px;
	width: 792px;
	float: left;
	background-image: url(img/contentsmid.jpg)
}

.contentstext {width: 770px;}

.contentsmid {background-repeat: repeat-y}

.contentsbottom {
	height: 20px;
	width: 792px;
	float: left;
	background-image: url(img/contentsbottom.jpg)
}


hr {
	margin-top: 15px;
	width: 50%;
	background-color: #a5ff00;
	color: #a5ff00;
}


.medtextblack {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.largetextblack {
	color: #000000;
	font-family: "Georgia", Times, serif;
	font-size: 18px;
}
.xlargetextblack {
	color: #000000;
	font-family: "Georgia", Times, serif;
	font-size: 32px;
}

.medtextgreen {
	color: #8cc129;
	font-family: "Georgia", Times, serif;
	font-size: 13px;
}

.largetextgreen {
	color: #8cc129;
	font-family: "Georgia", Times, serif;
	font-size: 18px;
}
.xlargetextgreen {
	color: #8cc129;
	font-family: "Georgia", Times, serif;
	font-size: 34px;
}

.medtextwhite {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.largetextwhite {
	color: #ffffff;
	font-family: "Georgia", Times, serif;
	font-size: 18px;
}

.xlargetextwhite {
	color: #ffffff;
	font-family: "Georgia", Times, serif;
	font-size: 32px;
}


.centretext {text-align:center}

.linkclass1 a:link {text-decoration: none; color:#FFFFFF}

.linkclass1 a:visited {text-decoration: none; color:#FFFFFF}

.linkclass1 a:active {text-decoration: none;}

.linkclass1 a:hover {text-decoration: underline; color:#FFFFFF}

.linkclass2 a:link {text-decoration: none; color:#8cc129}

.linkclass2 a:visited {text-decoration: none; color:#8cc129}

.linkclass2 a:active {text-decoration: none;}

.linkclass2 a:hover {text-decoration: none; color:#799823}