/*========== reset ==========*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,small,ul,li,fieldset,form
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}
body {line-height: 1}
/*==================*/

a img { border: none; }
a:focus, 
a:hover     { color: #000; }
a           { font-size: .8em;color: #009; text-decoration: underline; cursor:pointer;}

 
h1 { font-size: 1.6em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.3em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: .9em; font-weight: bold; }
.transpng{}
.grp{margin-left: 25px;
margin-bottom: 5px;
float:right}.grp2{margin-left: 25px;
margin-bottom: 5px;
padding-right: 150px;
float:right}
/****************  LAYOUT CSS ****************/


body {
	background-color: #242018;
	margin-top: 36px;
	background-image: url(../images/layout/bg_body.jpg);
	background-repeat: repeat-x;
	color: #222;
 	font-family: "Eterna-Plain", "Lucida Grande", "Helvetica Neue",  Helvetica, Arial, Verdana, sans-serif; 
	font-weight: normal;
  	color: #111; 
  	
  	font-size: 1.1em; }
 
.container {
	background: url(../images/layout/bg_content_re.jpg);
	background-repeat: repeat-y;
	width: 952px;
  	margin: 0 auto;
  	 position: relative;
      }

#header {
	background-image: url(../images/layout/bg_header.jpg);
	background-repeat: no-repeat;
	height: 107px;
	width: 952px;}

#main_con {
	background-image: url(../images/layout/bg_content.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	margin-top: 0px;
	padding-bottom: 30px;
	text-align: justify;
}

#footer {
	background-image: url(../images/layout/bg_footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 31px;
	font-size: .7em;
	margin-bottom: -7px;
	width:952px;
	color: #222;
	padding-top: 5px;}

#nav {
	height: 270px;
}
#left{width:780px;
 height: auto; min-height: 300px;float:left;margin: 0px}
#right{width:160px;  
margin-top: 8px; float:right; margin-right: 5px  }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

 
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
p{
font-size: .8em;
color: #717171;
margin-bottom: 20px;
margin-top: 15px;
line-height: 1.3em;
text-align: justify;
float: left}
#content{padding-bottom: 40px; padding-right: 30px; padding-left: 40px;}
p.nopic{margin-top: -10px}
/****************  END OF LAYOUT CSS ****************/

/**Navigation**/


#rollover {
	width: 272px;
	height: 20px;
	background-image: url(../images/layout/titles.png);
	margin-top: -20px;
	margin-left: 30px;
	position: absolute;
}

#rollover li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#rollover li, #rollover a {
margin-top:0px;
	height: 18px;
	display: block;
}

#rollover a {border: solid 0px #f00;}

#products {
	left: 17px;
	width: 68px;
	height: 10px;}

#company {
	left: 95px;
	width: 65px;
height: 18px;}

#contact {
	left: 170px;
	width: 82px;
height: 18px;}


pre { margin-bottom: 1em; }

#navigation {
	border: 1px solid #abaaa8;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	background-color: transparent;
	/**background-image: url(../images/layout/nav_bg.jpg);
	background-repeat: no-repeat;**/
	width: 145px;
	font-size: .9em;
	}
#navigation a.head {
	cursor: pointer;
	border: 0px solid #abaaa8;
	background-image: url(../images/layout/nav.jpg);
	color: #242018;
	display: block;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-indent: 10px;
	text-decoration: none;
	font-variant: small-caps;
height:18px;}
#navigation a.head:hover {
	color: #4B536D;
height:18px}
#navigation a.selected {
	background-image: url(../images/layout/nav_open.jpg);
}
#navigation a.current {
	background-color: #F7ECD4;
}
#navigation ul {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
height:18px;}
#navigation li {
	list-style: none outside none;
	display: inline;
height:18px;
font-size: 1.0em}
#navigation li li a {
	color: #000000;
	display: block;
	text-indent: 10px;
	text-decoration: none;
	font-variant: small-caps;
}
#navigation li li a:hover {
	background-color: #9e9f8a;
	color: #ffffff;
}
/** ***********Titles********************/
#title{width:952px;padding-left: 40px; margin-top: 5px}
	/****botanicals*****/
.tle-pohu { height: 72px; width: 197px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -272px -0px;text-indent: -9999px;}
.tle-clem { height: 72px; width: 199px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -477px -0px;text-indent: -9999px;}
.tle-kow { height: 72px; width: 194px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -676px -0px;text-indent: -9999px;}
.tle-manu { height: 72px; width: 248px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -870px -0px;text-indent: -9999px;}
.tle-teco { height: 72px; width: 215px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -1792px -0px;text-indent: -9999px;}
.tle-hebe { height: 72px; width: 169px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -2007px -0px;text-indent: -9999px;}
/******sepcifics******/
.tle-date { height: 72px; width: 171px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -1118px -0px;text-indent: -9999px;}
.tle-cher { height: 72px; width: 158px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -1290px -0px;text-indent: -9999px;}
.tle-pap { height: 72px; width: 166px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -1448px -0px;text-indent: -9999px;}
.tle-ging { height: 72px; width: 177px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -1615px -0px;text-indent: -9999px;}
/****navtive flowers*******/
.tle-lem { height: 72px; width: 187px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -2176px -0px;text-indent: -9999px;}
.tle-lila { height: 72px; width: 140px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -2363px -0px;text-indent: -9999px;}
.tle-crim { height: 72px; width: 226px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -2504px -0px;text-indent: -9999px;}
/*****seasons******/
.tle-wildb { height: 72px; width: 182px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -2730px -0px;text-indent: -9999px;}
.tle-rosem { height: 72px; width: 178px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -2913px -0px;text-indent: -9999px;}
.tle-grnp { height: 72px; width: 213px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -3091px -0px;text-indent: -9999px;}
.tle-horo { height: 72px; width: 206px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -3304px -0px;text-indent: -9999px;}
/******leaves******/
.tle-rata { height: 72px; width: 214px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -3511px -0px;text-indent: -9999px;}
.tle-wine { height: 72px; width: 183px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -3725px -0px;text-indent: -9999px;}
.tle-kawa { height: 72px; width: 213px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -3909px -0px;text-indent: -9999px;}
/***spa****/
.tle-spa { height: 72px; width: 180px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -4122px -0px;text-indent: -9999px;}
/******organics******/
.tle-orga { height: 72px; width: 238px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -4303px -0px;text-indent: -9999px;}
/***fresh*****/
.tle-gfig { height: 72px; width: 107px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -4592px -0px;text-indent: -9999px;}
.tle-orang { height: 72px; width: 141px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -4699px -0px;text-indent: -9999px;}
.tle-pomg { height: 72px; width: 137px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -4841px -0px;text-indent: -9999px;}
.tle-pohu { height: 72px; width: 197px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -272px -0px;text-indent: -9999px;}
/*****overall titles******/
.tle-special { height: 72px; width: 163px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -5031px -0px;text-indent: -9999px;}
.tle-seasons { height: 72px; width: 161px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -5195px -0px;text-indent: -9999px;}
.tle-our-pro { height: 72px; width: 140px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -5356px -0px;text-indent: -9999px;}
.tle-nativeflo { height: 72px; width: 155px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -5497px -0px;text-indent: -9999px;}
.tle-leaves { height: 72px; width: 70px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -5652px -0px;text-indent: -9999px;}
.tle-specifics { height: 72px; width: 91px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -5722px -0px;text-indent: -9999px;}
.tle-botan { height: 72px; width: 104px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -5814px -0px;text-indent: -9999px;}
.tle-cntct { height: 72px; width: 113px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -5918px -0px;text-indent: -9999px;}
.tle-about { height: 72px; width: 96px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -6032px -0px;text-indent: -9999px;}
.tle-fresh { height: 72px; width: 53px; display: block; overflow: hidden; background: url(../images/layout/titles.png) no-repeat -4978px -0px;text-indent: -9999px;}