@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, ul, li, ul li, div, img, form {
	margin: 0px;
	padding: 0px;
}

body	{
	font-family: Arial, Helvetica, sans-serif;
}

img	{
	border: 0;
}

.clear {
	clear: both;
}

.clearfix {clear: both; padding-top: -20px}

fieldset {border:0; padding: 0;}

.imgleft {
	float: left;
	display: inline;
	padding: 10px 10px 10px 0;
}

.imgright {
	float: right;
	display: inline;
	padding: 10px 0px 10px 10px;
}

#hme-video {position: relative; left: 50px; top: 17px; z-index: 1000; width: 284px;}
#hme-video h4 {color: #fff;font-weight: bold;}
#hme-video a {color: #fff; text-decoration: none; font-size: small;}
#hme-video a:hover {text-decoration: underline;}



/* ***************************** */
/* *******LAYOUT CLASSES******** */
/* ***************************** */

#outerWrapper {
	margin: 0 auto;
	width: 960px;
}

#innerWrapper-green {
	width: 960px;
	background: url(../images/furn/holding-bckd.gif);
}

#innerWrapper-white {width: 960px;background: #fff;}
#innerWrapper-about {width: 960px;background: url(../images/furn/about-bckd.gif);}

#contentLeft {
	float: left;
	width: 196px;
}

#contentLeft-inner {width: 186px;padding-left: 10px; padding-top: 30px;}
#logo {}

#contentRight {
	float: left;
	width: 764px;
}

#topBar-green {width: 764px; height: 108px; background-color: #D7EAB2;}
#topBar-white {width: 764px; height: 108px; background-color: #fff;}
#topBar-about {width: 764px; height: 108px; background-color: #E9DFD3;}
#slogan-green, #slogan-white, #slogan-about {float: right;}

#holding-contentWrapper {background: url(../images/furn/holding-content-bckd.jpg) no-repeat; width: 764px; height: 520px;}
#home-contentWrapper {width: 764px; height: 520px;}
#who-contentWrapper {width: 764px; height: 520px; background: url(../images/whoweare.jpg) no-repeat;color: #663300;}
#what-contentWrapper {width: 764px; height: 520px; background: url(../images/whatwedo.jpg) no-repeat;color: #663300;}
#where-contentWrapper {width: 764px; height: 520px; background: url(../images/whereweare.jpg) no-repeat;color: #663300;}
#greener-veg-contentWrapper {width: 764px; height: 520px; background: url(../images/greenerveg.jpg) no-repeat;color: #663300;}
#rootcrops-contentWrapper {width: 764px; height: 520px; background: url(../images/furn/root-bckd.gif) no-repeat; color: #E7D3D6;}
#bespoke-contentWrapper {width: 764px; min-height: 520px; background: url(../images/furn/bespoke-bckd.gif) no-repeat; color: #4C332B;}
#garlic-contentWrapper {width: 764px; min-height: 520px; background: url(../images/furn/garlic-bckd.gif) no-repeat; color: #fff;}
#exotic-contentWrapper {width: 764px; min-height: 520px; background: url(../images/furn/exotic-bckd.gif) no-repeat; color:#A48D6D;}
#contact-contentWrapper {width: 764px; min-height: 520px; background: url(../images/furn/contact-bckd.gif) no-repeat; color:#4C3327;}

#products-content, #contact-content {padding-top: 65px; padding-left: 90px;}
#products-contentLeft {float: left; width: 217px;font-size: 0.9em;}
#products-contentRight {float: left; padding-left: 36px; width: 390px;}
#contact-content {padding: 20px 20px 50px 20px; text-align: right; font-size: small;}
#contact-contentLeft {float: left; width: 215px; text-align: left; padding-left: 70px; padding-top: 20px;font-size: small;}
#contact-contentRight {float: left; padding-left: 20px; width: 215px;text-align: left;padding-top: 20px;font-size: small;}
#contact-content a {color:#4C3327; font-weight: bold; text-decoration: none;}
#contact-content a:hover {text-decoration: underline;color:#4C3327;}
#contact-text {padding-top: 40px; text-align: left; padding-left: 70px;font-size: small;}

#footerWrapper {width: 960px; padding-top: 10px;}
#footer {text-align: right; font-size: x-small; color: #666;}
#footer a {color: #006B41; text-decoration: underline;}
#footer a:hover {color: #000; text-decoration: underline;}

div#slideshow1 { position: relative; }
div#slideshow1 img.upper-slide { position: absolute; top:0; left:0; z-index: 1; }
div#slideshow1 img.lower-slide { position: absolute; top:0; left:0; z-index: 2; }
#home-content-heading, #about-content-heading {z-index: 600;position: relative; padding: 20px 20px 50px 20px; text-align: right;}



/* ********************************* */
/* *******NAVIGATION CLASSES******** */
/* ********************************* */

#nav {padding: 40px 0 0 22px; font-size: small;}
#nav ul {list-style-type: none;}
#nav ul li {line-height: 1.6em;}
#nav ul li a {color: #666666; text-decoration: none;}
#nav ul li a:hover {color: #006C42;}

#subnav {margin-left: 16px;}
#subnav ul{list-style: square; color: #666;}
#subnav ul li {}
#subnav ul li a {}

#current {font-weight: bold;}
#non-current {font-weight: normal;}

/* *************************** */
/* *******TEXT CLASSES******** */
/* *************************** */



#home-contentWrapper h1, #home-contentWrapper h2, #contact-content h1 {color: #fff;}
#who-contentWrapper h1, #who-contentWrapper h2,
#what-contentWrapper h1, #what-contentWrapper h2,
#where-contentWrapper h1, #where-contentWrapper h2, 
#greener-veg-contentWrapper h1, #greener-veg-contentWrapper h2 {color: #E9DFD3;}

#about-text {padding-top: 20px; width: 400px; color: #4C3327; float: right;}

h1 {font-size: 3.6em; font-weight: bold;}
h2 {font-size: 2.6em; font-weight: normal;}
h3 {font-size: large; font-weight: normal;}
h4 {font-size: medium; font-weight: normal;}
h5 {font-size: small; font-weight: normal;}
h6 {font-size: x-small; font-weight: normal;}
