body { 
	background:url(../images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	}
	#outer-wrapper {}
		#wrapper {
			width:850px;
			margin:0 auto;
		}
			#header {
				height:380px;
				position:relative;
			}
				#logo { position:absolute;}
					#logo a {
						background:url(../images/logo.png) no-repeat;	
						display:block;
						height:156px;
						width: 182px;
						text-indent:-9999px;
					 }
				.ribbon {
						background:url(../images/ribbon.png) no-repeat;
						display:block;
						height:182px;
						position:absolute;
						right:270px;
						top:81px;
						text-indent:-9999px;
						width:162px;
				}
				.tea-bag {
						background:url(../images/teabag.png) no-repeat;
						display:block;
						height:318px;
						position:absolute;
						right:0;
						top:46px;
						text-indent:-9999px;
						width:220px;
				}
				.slogan {
						background:url(../images/slogan.png) no-repeat;
						bottom:50px;
						height:71px;
						position:absolute;
						text-indent:-9999px;
						width:504px;	
				}
				#main-nav {
					position:absolute;
					top:167px;
				}
					#main-nav li { display:inline;}
						#main-nav li a {
							background:url(../images/nav.gif) no-repeat;
							display:block;
							float:left;
							margin:0 3px;
							width:98px;
							height:41px;
							text-indent:-9999px;
						}
						#main-nav .nav-about a { background-position: 0 0;}
							#main-nav .nav-about a:hover { background-position: 0 -90px;}
						#main-nav .nav-shop a {background-position: -104px 0;}
							#main-nav .nav-shop a:hover {background-position: -104px -90px;}
						#main-nav .nav-suppliers a {background-position: -208px 0;}
							#main-nav .nav-suppliers a:hover {background-position: -208px -90px;}
						#main-nav .nav-contact a {background-position: -313px 0;}
							#main-nav .nav-contact a:hover {background-position: -313px -90px;}

			#content {}
				#content h2 {
						background:url(../images/headings.gif) no-repeat 0 0;
						text-indent:-9999px;
						height:30px;
						margin-bottom:10px;
				}
				#content p {
					color:#353535;
					font-size:14px;
					line-height:20px;
				}
					.content-upper {
						height:177px;
						padding-top:53px;
					}
						.content-upper div {
							float:left;
						}
					.content-upper-left {
						width:540px;
					}
						.content-upper-left h2 {
						}
					.content-upper-right {
						background:url(../images/bg-enlighten.jpg) no-repeat 0 40px;
						height:145px;
						margin-left:60px;
						position:relative;
						/*padding-left:9px;*/
						width:247px;
					}
						#content .content-upper-right h2 {
							background-position:0px -28px;
							height:30px;
							margin-bottom:19px;
						}
						#content .content-upper-right p {
							color:#fff;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:11px;
							line-height:14px;
							margin:0 0 5px 5px;
							/*margin-bottom:5px;*/
							width:237px;
						}
						.form-email {
							width:193px;
						}
						.button {
							background:url(../images/button.jpg) no-repeat;
							bottom:-5px;
							display:block;
							height:33px;
							left:26px;
							position:absolute;
							text-indent:-9999px;
							width:193px;
						}
				.content-lower {
					margin:42px 0;
				}
					#content .content-lower h2 {
						background-position:0 -60px;
					}
					#content .content-lower p {
						color:#6e6d6b;
						float:left;
						font-size:13px;
						width:250px;
					}
					.center-text { margin:0 50px;}				
/*-------------STORE PAGE---------------*/
.store {
		background:url(../images/bg-store.jpg) repeat-x;	
}
			.store #header {
				height:155px;
				position:relative;
			}
			.store #main-nav {
				right:0;
				top:76px;
			}
						.store #main-nav .nav-about a { background-position: 0 -41px;}
							.store #main-nav .nav-about a:hover { background-position: 0 -131px;}
						.store #main-nav .nav-shop a {background-position: -104px -41px;}
							.store #main-nav .nav-shop a:hover {background-position: -104px -131px;}
						.store #main-nav .nav-suppliers a {background-position: -208px -41px;}
							.store #main-nav .nav-suppliers a:hover {background-position: -208px -131px;}
						.store #main-nav .nav-contact a {background-position: -313px -41px;}
							.store #main-nav .nav-contact a:hover {background-position: -313px -131px;}
			.store #content {
				margin-bottom:30px;
			}
				.content-left {
					float:left;
					width:250px;
				}
				#content .content-left-text {
					margin:20px 0;
				}
					#content .content-left-text h2 {
						background-position: 0 -91px;
						margin-bottom:0;
					}
					.sub-title {
						background:url(../images/headings.gif) no-repeat 0 -125px;
						display:block;
						height:13px;
						margin-bottom:15px;
						text-indent:-9999px;
						width:215px;
					}
					#content .content-left p, #content .hints ol li {
						color:#6e6d6b;
						font-size:13px;
						line-height:18px;
					}
					#content .hints h2 {
						background-position: 0 -157px;
						height:35px;
						margin-bottom:15px;
					}
						#content .hints ol li {
							list-style-image:url(../images/bullet.gif);
							margin-bottom:12px;
							margin-left:22px;
						}
						.bonus-blend {
							background:#009a8a url(../images/bonus-blend.jpg) no-repeat;
							margin-bottom:30px;
							height:445px;
						}
							.bonus-blend p { text-indent:-9999px;}
							.bonus-blend fieldset {
								background:#009384;
								width:210px;
								height:135px;
								margin-top:225px;
								padding:10px;
							}
								.bonus-blend label, .bonus-blend input { display:block;}
								
						
				.content-right {
					float:left;
					margin-left:55px;
					padding-top:26px;
					width:540px;
				}
					#content .content-right h2 {
						background-position:0 -202px;
					}
						.blend-box {
							margin-bottom:15px;
							width:540px;
						}
								.blend-box h3 {
									background:url(../images/headings-tea.jpg) no-repeat;
									text-indent:-9999px;
									height:40px;
								}
								.blend-box div {
									background:#009a8a;
									padding:10px;
								}
									#content .blend-box p {
										color:#fff;
										font-size:12px;
										line-height:15px;
										margin-bottom:10px;
									}
										#content .blend-box p img {
											float:right;
											margin:0 0 10px 10px;
										}
										#content .blend-box span {
											display:block;
											font-weight:bold;
											text-transform:uppercase;
										}
								.blend-box .curve-bottom {
									background:url(../images/bottom-curves.gif) no-repeat -254px 0;
									display:block;
									height:6px;
								}
								
								.boost h3 {background-position:0 -40px;}
								.vibrance h3 {background-position:0 -80px;}
								.sleepy h3 {background-position:0 -120px;}
								.woman h3 {background-position:0 -160px;}
								.bliss h3 {background-position:0 -200px;}
								.detox h3 {background-position:0 -240px;}
				
/*-------------CONTENT PAGE---------------*/
.inner #header {
	margin-bottom:50px;
} 
	.inner-content-left {}
		#content .about h2 { 
			background-position:0 -235px;
			height:27px;
			margin-bottom:0;
			}
		#content .sub-title { 
			background-position:0 -263px;
			width:auto;
			}
		.text-content {
			float:left;
			margin:40px 0 40px 0;
			width:530px;
		}
			#content .inner-content-left p {
				color:#6e6d6b;
				font-size:13px;
			}
			.img-right {
				float:left;
				margin-left:50px;
			}

	.inner-content-right {
		float:left;
		width:250px;
	}
		.inner-content-right fieldset {
			background:url(../images/contact-box.jpg) no-repeat;
			height:565px;
			padding:20px 8px 0;
		}
			#content .inner-content-right h2 {
				background-position:0 -382px;
				margin:0 auto;
				width:170px;
			}
			.inner-content-right label {
				color:#fff;
				display:block;
				font-size:12px;
				line-height:15px;
				margin:8px 0;
			}
			.inner-content-right input, .inner-content-right select { width:230px; }
			.inner-content-right select {}
				.inner-content-right legend {
					background:url(../images/headings.gif) no-repeat;
					text-indent:-9999px;
					display:block;
				}
			.inner-content-right .button {
				background-position: 0 -33px;
				border:none;
				margin:20px auto 10px;
				position:static;
				width:193px;
			}
			#content .small-text {
				color:#6e6d6b;
				font-size:10px;
				line-height:11px;
				padding:10px;
			}
				#content .small-text a {
					color:#D91B5C;
				}

/*-------------CONTACT US PAGE---------------*/
.contact-us {
	width:595px;
	float:left;
}
	.contacts, .wholesale {
		float:left;
		width:260px;
	}
	.contacts {
		margin-right:50px;
	}
	
		#content .contacts h2 {background-position: 0 -285px;}
		#content .contacts .sub-title {
			background-position: 0 -316px;
			height:15px;
			}
		
		.contacts span {
			display:block;
			font-weight:bold;
		}
		.contacts a, .wholesale a {
			color:#d91b5c;
			font-weight:bold;
		}
			.contacts a:hover, .wholesale a:hover {
				text-decoration:underline;
			}
			.contacts .website-link {
				color:#6e6d6b;
			}
		#content .wholesale h2 {background-position: 0 -332px;}
		#content .wholesale .sub-title {
			background-position: 0 -364px;
			height:15px;
			}
			#footer {
				background:#333;
				color:#fff;
				font-size:12px;
				padding:20px 0;
				text-align:center;
				width:100%;
			}
				#footer a { 
				color:#fff;
				font-size:12px;
				}		
					#footer a:hover { text-decoration:underline;}
.errormessage {
     background:#ffd3d3;
     color:#9f6666;
     padding: 5px;
     margin-bottom: 5px;
}