body {
	background: url(../images/background.jpg) right repeat-y #6CBE45;
	margin: 0px 0 0 0;
}

.special-green {
	color: #009933;
	font-family:  "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
    padding-bottom: 0px;
}

.special-black {
	color: #000;
	font-family:  "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
    padding-bottom: 0px;
}

.redtext {
	color:#cc6633;
}

.redtext-large {
	padding: 0.8em 0 15px 0;
	line-height: 1em;
    font-size: 2.4em;
	color: #cc6633;
	font-family:  "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
}

.greentext {
    color:#009933;
}

.outofstock {
	color: #cc3333;
	font-size:0.6em;
	line-height:0.7em;
}

.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4e4e;
	line-height: 19px;
}
#headliner {
	padding: 0.8em 0 15px 0;
	font-size: 2.4em;
	line-height: 1em;
	color: #003300;
	font-family:  "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
}

.subheading {
	color: #009933;
	font-family:  "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	padding: 10px 0p 0 0;
}
.emph {
	color: #009933;
}
.pullquote {
font-size: 1.2em;
	line-height: 1.3em;
	color: #003300;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", "Helvetica Light", Arial, Verdana, sans-serif;
	display:block;
	padding:15px 15px 20px 15px;
	margin:20px 30px 20px 30px;
	text-align:center;
	/*border-top: solid 2px #6cbe45;*/
	border-bottom: solid 2px #6cbe45;   
	border-top: solid 2px #6cbe45;
	

	
}
#top_nav_links a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #eee;
	text-decoration: none;
	letter-spacing: 0px;
	text-transform: uppercase;
}
#top_nav_links a:hover {
	color: #fff;
	text-decoration: underline;
}
a {
	font-family: inherit;
	color: #006633;
	text-decoration: none;
}
#mid a:hover {
	font-family: inherit;
	color: #fff;
	background: #009933;
	text-decoration: underline;
}
.smallnavtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7c5d4c;
	text-decoration: none;
	font-size: 9px;
}
.smallnavtext a {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 9px;
	color: #7c5d4c;
	text-decoration: none;
}
.smallnavtext a:hover {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 9px;
	color: #48362d;
	text-decoration: none;
}



/*LAYOUT ELEMENTS START HERE*/
#skin {
	height: 100%;
	width: 100%;
}
#outer {
	background-color: #FFFFFF;
	width: 800px;
	border-left: #000000 solid 1px;
	border-right: #000000 solid 1px;
}
/*TOP SECTION*/
#top_curve {
	width: 802px;
	height: 90px;
	padding-top: 5px;
	background-image: url(../images/curve_top.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	position:relative;
}

#header {
	width: 760;
	height: 90;
	position: relative;
}
#wine_image {
	position: absolute;
	bottom: 5;
	right: -35;
	z-index: 50;
	width: 150;
	height: 115;
	background-image: url(../images/pics/wine_glasses.png);
	background-repeat: no-repeat
}
#fruit_image {
	position: absolute;
	bottom: -15;
	right: -45;
	z-index: 20
}
#order_button {
	position: absolute;
	bottom: 55;
	right: 90;
	width: 180;
	height: 36;
	z-index: 10;
}

#logo-detail {
	
}

#tealeaf1 {
	position:absolute;
	bottom:-20;
	left:-150;
	background:url('../images/pics/tea-leaf.png') no-repeat center top;
	height:500;
	width:130;
	
}

#tealeaf2 {
	position:absolute;
	bottom:-20;
	right:-150;
	background:url('../images/pics/tea-leaf.png') no-repeat center top;
	height:500;
	width:130;
	
}

#strip_etc {
	width: 760;
	height: 110;
	border: #009933t thin;
	position: relative;
	z-index: 1;
}
#gaia_organic_logo {
	position: absolute;
	bottom: 32;
	left: 136;
	z-index: 8
}

#tagline {
	height:30px;
	width:100px;
	position:absolute;
	bottom:0;
	right:0;
	
}

#natures_live_logo {
	position: absolute;
	top: -65;
	right: 15;
	z-index: 6;
	background-image: url(../images/tagline3.png) center;
	background-repeat: no-repeat;
	width: 465;
	height: 24;
	text-align:right;
}
#crest_logo {
	width: 180;
	height: 120;
	position: absolute;
	top: -80;
	left: 25;
	z-index: 4
}
#coloured_strip {
	position: absolute;
	bottom: 45;
	right: 0;
	height: 90;
	width: 90px;
	background: url(../images/special.png) center no-repeat;
}
#top_nav {
	position: absolute;
	bottom:0;
	left: -20;
	z-index: 10;
	width: 800px;
	height:25px;
	text-align: left;
	color:#bbb;
	background: #000;

}

#top_nav_links {
	position: absolute;
	top:2px;
	left: 45;
	text-align: left;
	background:#000;
	padding-bottom:2px;

}
/*MIDDLE SECTION*/
#sandwich {
	border-color: #990000 solid;
	width: 760;
	height: 20px
}
#mid {
	background-color: #FFFFFF;
	width: 800px;
	border-left: #000000 solid 1px;
	border-right: #000000 solid 1px
}
#mid2 {
	width: 760px;
	min-height: 300px;
	position: relative;
}
#col_text {
	width: 400px;
	margin-left: 30px;
	float: left;
	text-align: left;
}
#col_text2 {
	width: 400px;
	margin-left: 30px;
	float: left;
	text-align: left;
}
#col_images {
	width: 290px;
	float: right;
	position: relative
}
/*BOTTOM SECTION*/
#nav_bottom {
	width: 760;
	height: 30px;
	position: relative;
}
#gaia_logo {
	position: absolute;
	left: 360px;
	bottom: 0px;
	background-image: url(../images/logos/Gaia_logo.jpg);
	width: 61px;
	height: 33px;
}
#off_logo {
	position: absolute;
	bottom: 0px;
	right: 1px;
}
.logo_layer0 {
	margin-right: 15px;
	margin-bottom: 5px;
	border: 0;
}
.logo_layer1 {
	margin-right: 15px;
	margin-bottom: 5px;
	border: 0;
}
.logo_layer2 {
	margin-left: -20px;
	margin-bottom: -15px;
	border: 0;
}
#base_nav {
	position:absolute;
	
	bottom: -30px;
	left: 240px;
	width: 306px;
	height: 24px;
	background: url(../images/box_base-nav.png) no-repeat;
	padding-top: 1px
}
#bottom_curve {
	width: 802px;
	height: 15px;
	background-image: url(../images/curve_bottom.png);
	background-repeat: no-repeat;
	background-position: top
}
/*IMAGE SECTION*/
.pic {
	border: #333333 solid 1px;
	margin-right: 10px;
}
.pic2 {
	padding: 3px;
}
#disclaimer {
	padding: 5px;
	width: 245;
	height: 110;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/*#creative_packshot {
	position: absolute;
	top: 0px;
	right: -16px;
}      */
/*alternative layout*/
#col_text_narrow {
	width: 240px;
	margin-left: 30px;
	float: left;
	text-align: left;
}
#col_images_wide {
	width: 410px;
	float: right;
	position: relative
}
#nav_bottom2 {
	width: 760;
	height: 30px;
	position: relative;
}
/*order button rollover*/
.rollover {
	background-image: url(../images/order2.png);
	background-repeat: no-repeat;
	display: block;
	width: 280px;
	height: 36px;
	margin: 0;
	padding: 0;
}
.rollover a {
	display: block;
	width: 183px;
	height: 36px;
	float: left;
	margin: 0;
	padding: 0;
}
.rollover img {
	border: 0;
	visibility: visible;
}
* html a:hover {
	visibility: visible;
}
.rollover a:hover img {
	visibility: hidden;
}
/*text STYLES*/
.whitetext {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 16px;
	color: #ffffff;
}
.headertext {
	color: #009933;
	font-family: "Trebuchet MS", Arial, Verdana, sans serif;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0p 0 0;
}
}
.smallheadertext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #CC0000;
}
.largeheadertext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}
.commentText {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 10px;
	color: #000000;
}
.errortext {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
}
.redtextlarge {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 22px;
	color: #ff0000;
	line-height: 1.5em;
}
.redtext {
	font-family: verdana, arial, helvetica, "sans serif";
	font-size: 11px;
	color: #990000;
}
.emphasis {
	font-family: Georgia, "Times New Roman", Times, serif;
	font: italic bold;
}
.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/* PROBIOTIC NEWS BOX */
#kombucha_probiotic_news {
	background: #FFFFCC;
	border: #666666 solid 1px;
	font-size: 9px;
	width: 230px;
	padding: 10px;
	padding-bottom: 0px
}
#kombucha_probiotic_news a {
	color: #333333;
	background: #FFFFFF;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	display: block;
	text-align: left;
	padding: 10px;
	line-height: 16px;
	border: #999999 dotted 1px
}
#kombucha_probiotic_news a:hover {
	background: #FFCC66;
	text-decoration: none;
	cursor: pointer;
}
.probiotic_header {
	color: #333333;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #FFCC66;
	text-align: center;
	display: block;
	margin-top: 1px;
	border: #999999 dotted 1px
}

.sidebar {
    font-size:0.9em;
    }

.italic {
    font-family:Georgia, "Times New Roman", serif;
    font-style:italic;
    font-size:0.9em;
    }