body {	text-align: center; font-size:62.5%; font-family:Helvetica, Arial, sans-serif; background:#A7D36E url(../images/body-bg.png) 0 0 repeat-x}

/**********	TYPOGRAPHY	************/
h2, h3, h4, h5, p {  text-align: left; line-height: 1.5em; }
h1 {  }
h2	{ font-size:2em; color:#006838; }
hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 10px 0; clear: both; }
p {  }
a { color: #006838; text-decoration: none; }
a:hover { color: #000; }

.netbop	{ float:right; display:block; width:25%; text-align:center; margin:1em 0 0 0px; color:#FFF }


/**********	UTILITY	********/
.no { display: none; }
.cb { clear: both; }
.right { float: right; }

.ir	{ display:block; background: 0 0 no-repeat; text-indent:-1000em; }
.ir.logo	{ background-image:url(../images/logo.png); width:90px; height:72px; float:left; margin-right:20px; }
.ir.slogan	{ background-image:url(../images/slogan.png); width:687px; height:72px; float:left }
.ir.contact	{ background-image:url(../images/contact_us-header.gif); width:129px; height:25px; margin-top:10px; }
.ir.our_promise	{ background-image:url(../images/our_promise-header.png); width:172px; height:24px; margin:0 0 15px 15px; }
.ir.about-header	{ background-image:url(../images/about-header.png); width:738px; height:95px; margin:25px 0 20px 25px; }
.ir.natural-organic-header	{ background-image:url(../images/natural-organic-header.png); width:680px; height:139px; margin:8px 0 10px 8px; }
.ir.thanks	{ background-image:url(../images/thanks-header.gif); width:168px; height:30px; margin:10px 0 20px -4px; }


/******	LAYOUT BLOCKS	***********/
#container {
	width:801px;
	margin: 10px auto;
	text-align: left;
}

#header {
	width:100%;
	clear: both;
}

#content {
	width:100%;
	clear: both;
}

#footer {
	width:100%;
	clear: both;
}


/*****	NAV	**************/
.nav	{ width:801px; margin:0 0 8px 0; float:left; }
.nav li	{ float:left; display:block; }
.nav a, .nav .blank	{ display:block; width:157px; height:20px; font-size:1.1em; font-weight:bold; margin:0 4px 0 0; background:url(../images/nav-bg.png) 0 0 no-repeat; text-align:center; line-height:20px; color:#FFF;  }
.nav a:hover, .nav a:focus	{ background-position:0 -22px }
.nav li.last a, .nav li.last.blank	{ margin-right:0; }

#footer ul	{ width:100%; float:left; border-right:1px solid #80BC9E; margin:15px 0; }
#footer ul li	{ float:left; display:block; border-left:1px solid #80BC9E; text-align:center; font-size:1.1em; width:24.8%; color:#006838; }


/*************	FEATURED PRODUCTS	************/
ul.featured-products	{ width:780px; padding:0 10px; margin:15px 0 15px 0; float:left; }
ul.featured-products li	{ display:block; min-height:120px; float:left; background:0 0 no-repeat; width:132px; }
ul.featured-products li a	{ display:block; width:120px; text-align:center; color:#FFF; padding:4px 0 103px 0; margin:0 12px 0 0; background:url(../images/product-link-bg.png) 0 top no-repeat; }
ul.featured-products li.last a	{ margin-right:0; }
ul.featured-products li.last	{ width:120px }
ul.featured-products li a:hover, ul.featured-products li a:focus	{ background-image:url(../images/product-link-bg-hover.png); }

ul.featured-products li#aloe-vera	{ background-image:url(../images/aloe-vera.png); } 
ul.featured-products li#pomegranate	{ background-image:url(../images/pomegranate.png); } 
ul.featured-products li#tea-tree	{ background-image:url(../images/tea-tree.png); } 
ul.featured-products li#vitamin-e	{ background-image:url(../images/vitamin-e.png); } 
ul.featured-products li#lavender	{ background-image:url(../images/lavender.png); } 
ul.featured-products li#honey	{ background-image:url(../images/manuka-honey.png); } 



/*********	SLIDER BANNER	********/
#buttons	{ position:absolute; width:120px; height:24px; left:15px; bottom:15px; background:url(../images/buttons-bg.png) 0 0 repeat-x; padding:2px 0 }
#buttons span	{  color:#FFF; padding:2px }
#buttons span#prev	{ position:absolute; left:0; top:0; width:19px; height:24px; }
#buttons span#next	{ position:absolute; right:0;top:0; width:19px; height:24px; }
#buttons span#title	{ position:absolute; left:20px; top:3px; width:65px; border-right:1px solid #FFF; border-left:1px solid #FFF; padding:2px 5px; text-align:center  }
#buttons a	{ display:block; color:#FFF; padding:1px 5px; }

#buttons #prev a	{ background:url(../images/previous.png) center 35% no-repeat; width:7px; height:24px; text-indent:-1000em; }
#buttons #next a	{ background:url(../images/next.png) center 35% no-repeat; width:7px; height:24px; text-indent:-1000em; }

#banner-main	{ position:relative }
#banner-main ul, #banner-main li{
	margin:0;
	padding:0;
	list-style:none;
	}
#banner-main li{ 
	width:801px;
	height:355px;
	overflow:hidden; 
	}
	
#banner-secondary	{ margin:10px 0 0 0; clear:both; }


/**********	RANGES	*********/
.ranges 	{ float:left; display:block; width:780px; margin:0 0 12px 0; padding:0 10px; }

.ranges li	{ display:block; float:left; color:#FFF; background:0 0 no-repeat; padding-top:0px; margin:0 10px 10px 0; }
.ranges #honey, .ranges #tea-tree	{ margin-right:0; }

.ranges a	{ display:block; width:253px; height:250px; }
.ranges #aloe-vera a	{ background-image:url(../images/aloe-range.jpg); }
.ranges #pomegranate a	{ background-image:url(../images/pomegranate-range.jpg); }
.ranges #tea-tree a	{ background-image:url(../images/tea-tree-range.jpg); margin-right:0; }
.ranges #vitamin-e a	{ background-image:url(../images/vitamin-e-range.jpg); clear:left; }
.ranges #lavender a	{ background-image:url(../images/lavender-range.jpg); }
.ranges #honey a	{ background-image:url(../images/honey-range.jpg); margin-right:0; }


/************	PRODUCTS	**************/
.products	{ width:100%; float:left; display:block; margin:0 0 10px 0; }
.products li	{ width:200px; float:left; display:block; }
.products li a	{ display:block; border:1px solid #999999; margin:2px; width:195px; }
.products li a .title	{ display:block; width:100%; padding:2px 0; background:#999999; color:#FFF; text-align:center; font-size:1.1em; }
.products li a img	{ display:block; width:195px; margin:0 auto; }

.products li a:hover, .products li a:focus	{ border-color:#999 }
.products li a:hover .title, .products li a:focus .title	{ background:#999; }

.range-info	{ min-height:280px; width:495px; float:right; }
.range-info h2	{ font-size:3.5em; line-height:1.2em; float:left; width:245px; margin:120px 0 0 0; font-weight:100; font-family:'Helvetica Neue Thin', arial, sans-serif; }
.range-info p	{ float:left; width:230px; margin:16px 0 20px 255px; font-size:1.35em; line-height:1.4em }

.aloe-vera .range-info h2, .aloe-vera .range-info p	{ color:#007A3D; }
.pomegranate .range-info h2, .pomegranate .range-info p	{ color:#AF122C; }
.honey .range-info h2, .honey .range-info p	{ color:#E47D35; }
.tea-tree .range-info h2, .tea-tree .range-info p	{ color:#80A22B }
.vitamin-e .range-info h2, .vitamin-e .range-info p	{ color:#CE9112; }
.lavender .range-info h2, .lavender .range-info p	{ color:#793D7D; }

.aloe-vera .products li a:hover, .products li a:focus	{ border-color:#007A3D; }
.aloe-vera .products li a:hover .title, .products li a:focus .title	{ background:#007A3D; }

.tea-tree .products li a:hover, .products li a:focus	{ border-color:#80A22B; }
.tea-tree .products li a:hover .title, .products li a:focus .title	{ background:#80A22B; }

.pomegranate .products li a:hover, .products li a:focus	{ border-color:#AF122C; }
.pomegranate .products li a:hover .title, .products li a:focus .title	{ background:#AF122C; }

.honey .products li a:hover, .products li a:focus	{ border-color:#E47D35; }
.honey .products li a:hover .title, .products li a:focus .title	{ background:#E47D35; }

.vitamin-e .products li a:hover, .products li a:focus	{ border-color:#CE9112; }
.vitamin-e .products li a:hover .title, .products li a:focus .title	{ background:#CE9112; }

.lavender .products li a:hover, .products li a:focus	{ border-color:#793D7D; }
.lavender .products li a:hover .title, .products li a:focus .title	{ background:#793D7D; }

/*********** PRODUCT DETAIL (FACEBOX) **********/
#facebox  h3	{ font-weight:bold; }
#facebox p	{ font-size:1.2em; }
#facebox .aloe h3, #facebox .aloe p	{ color:#007A3D; }
#facebox .pomegranate h3, #facebox .pomegranate p	{ color:#AF122C; }
#facebox .tea-tree h3, #facebox .tea-tree p	{ color:#80A22B; }
#facebox .vitamin-e h3, #facebox .vitamin-e p	{ color:#CE9112; }
#facebox .lavender h3, #facebox .lavender p	{ color:#793D7D; }
#facebox .honey h3, #facebox .honey p	{ color:#E47D35; }


/*********	MAIN	*********/
#main	{ background:#FFF url(../images/main-top.png) 0 0 no-repeat; float:left; display:block; width:100%; padding:5px 0 0 0; position:relative; }
#main .bottom	{ clear:both; background:#FFF url(../images/main-bottom.png) 0 bottom no-repeat; display:block; width:100%; height:8px; position:absolute; bottom:0px; }
#main.products.aloe-vera	{ background-image:url(../images/aloe-header.jpg); }
#main.products.pomegranate	{ background-image:url(../images/pomegranate-header.jpg); }
#main.products.honey	{ background-image:url(../images/honey-header.jpg); }
#main.products.tea-tree	{ background-image:url(../images/tea-tree-header.jpg); }
#main.products.vitamin-e	{ background-image:url(../images/vitamin-e-header.jpg); }
#main.products.lavender	{ background-image:url(../images/lavender-header.jpg); }

#main.padded	{ padding:15px 20px 20px; width:760px; }
#main.padded .bottom	{ right:0px }

#main.contact	{ min-height:766px; background:#3165AB url(../images/contact-bg.jpg) 0 0 no-repeat; padding:15px 20px 20px; width:760px }
#main.contact .bottom	{ right:0px }

#main.range	{ background:transparent; }


/************	ABOUT	***********/
.about h3	{ font-weight:bold; font-size:1.6em; border-top:1px solid #8AC43F; padding:20px 15px; margin:0 0 0 0; }
.about .narrow	{ padding-left:225px; width:560px; position:relative; left:0px; background:url(../images/about-bg.jpg) 0 0 no-repeat; overflow:auto; position:relative; right:20px }
.promises	{ width:44%; float:left; margin:0 0 0 27px; }
.promises.second	{ margin-right:0; }
.promises li	{ margin:0 0 1em 0; }
.promises p	{ font-size:1.3em }
.promises h3	{ padding:0;font-weight:bold; color:#006838; border:none; font-size:1.3em; position:relative; right:12px; padding-left:12px; background:url(../images/bullet.png) 0 center no-repeat; }
.blurb	{ border-top:1px solid #8AC43F; border-bottom:1px solid #8AC43F; margin:0 0 20px 0; padding:20px 15px 10px 15px }
.blurb p	{ font-size:1.3em; margin:0 0 10px 0; }


/**********	NATURAL-ORGANIC	**********/
.points	{ width:49%; float:right; clear:right; display:block; height:485px; position:relative }
.points li	{ position:absolute; }

.points h3	{ font-size:1.4em; font-weight:bold; }
.points p	{ font-size:1.2em }
img.explained	{ float:left; clear:both; }

.points.front .first	{ top:35px; }
.points.front .second	{ top:181px; }
.points.front .third	{ top:312px; }

.points.back .first	{ top:90px; }
.points.back .second	{ top:207px; }
.points.back .third	{ top:287px; }


/***********	CONTACT	***********/
.contact h2	{ color:#FFF }
.contact p	{ color:#FFF; font-size:1.3em; margin:0 0 0.5em 0; }
p.contact	{ width:50%; float:left; margin-bottom:30px; }
address	{ color:#FFF; font-size:1.3em; width:120px; min-height:90px; float:left; margin:0 21px 0 110px; clear:both; padding:3px 0 0 160px; background:url(../images/address-logo.png) 0 0 no-repeat; }

fieldset.contact_form {
	width: 390px;
	margin: 10px 20px 0 0; padding: 0;
	float: left;
}
fieldset.contact_form dl dt { width: 100px; margin: 5px 0; padding: 0 5px 0 0; float: left; clear: both; font-size: 13px; }
fieldset.contact_form dl dd { width: 280px; margin: 5px 0;  float: left; }
form, fieldset, dl, dt, dd { margin: 0; padding: 0; border: 0; }
input, textarea {
	width: 270px; padding: 3px; background:#FFF;
	font-size: 1.3em; border:none; color:#000;
}
input#submit	{ width: auto; cursor: pointer; background:#1B75BA; color:#FFF; font-size:1.3em; padding:3px 28px; border:none; position:relative; bottom:2.2em; }
input#submit:hover, input#submit:focus	{ background:#FFF; cursor:pointer; color:#006838; }
textarea { height: 60px; }
label	{ font-size:1em; color:#FFF; }
#map	{ margin:15px 17px 25px 0; display:block; float:right; }
.contact img.photo	{ float:right; clear:right; margin:0 17px 0 0; }