@charset "UTF-8";
/* CSS Document */

html, body{
	margin: 0px;
	padding: 0px;
	border: none;
	position: relative;
	z-index: 0;
}
#container {
	position: relative;
	margin: 0 auto;
	width: 900px;
	/*height: 752px;*/
	z-index: 0;
}
#header{
	z-index: 1;
	/*move header (and therefore any content after it) down*/
	margin-top: 60px;
}
#language{
	position: absolute;
	top: -40px;
	right: 40px;
}
#language a, #language a:visited{
	color: #cc9;
}
#language a:hover{
	color: #ffc;
}
#tea-tag{
	position: relative;
	width: 150px;
	bottom: 200px;
	left: 30px;
	float: left;
	clear: both;
}
#tea-tag img{
	display: block;
	position: relative;
	z-index: 2;
}
/*nav*/
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
ul#menu { /*main nav*/
	text-align: right;
	position: relative;
	margin: 0 35px 0 0;
	z-index: 2;
}
ul#menu li { /*main nav items*/
	display: inline;
	position: relative;
	padding: 0 2px 15px 0;
	z-index: 2;
}
ul#menu>li:hover{
	background: url(../images/spacer.gif);
	background-repeat: repeat;
}
ul#menu li ul{ /*sub nav*/
	margin-top: 10px;
	display: none;
	position: absolute;
	width: 178px;
	left: -10px; /*shift subnav including background and border left */
	z-index: 2;
}
ul#menu li:hover ul{
	display: block;
	text-align: left;
	z-index: 2;
}

/* set margins for each dropdown to center */
ul#menu li:hover ul#experts{
	margin-left: -10px;
}
ul#menu li:hover ul#experience{
	margin-left: -35px;
}
ul#menu li:hover ul#products{
	margin-left: -30px;
}
ul#menu li:hover ul#health{
	margin-left: -15px;
}
/* ------------------*/

ul#menu li:hover ul li{ /*sub nav items*/
	letter-spacing: .1em;
	display: block;
	z-index: 2;
}

#logo{
	position: absolute;
	/*move logo up in relation to #header container - should be half of image height*/
	top: -48px;
	left: 60px;
	z-index: 1000;
}
#main-content{
	z-index: 0;
	/*move main content up 'under' nav */
	margin-top: -10px;
}
/*container*/
#top-left, #top-right, #bottom-left, #bottom-right{
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	float: left;
}
#top-middle, #bottom-middle{
	height: 40px;
	width: 820px;
	float: left;
}
#top-left{
	background: url(../images/newBG_01.jpg);
}
#top-middle{
	background: url(../images/newBG_02.jpg);
}
#top-right{
	background: url(../images/newBG_03.jpg);
}
#body-content{
	background: url(../images/newBG_04.jpg);
	background-repeat: repeat-y;
	min-height: 350px;
	z-index: 1;
	width: 900px;
	float: left;
	padding: 30px 0 20px 40px; /* ------ bottom padding to account for tea tag? 150px? */
}
#left-nav{
	display: block;
	position: relative;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	height: 5px;
	background: url(../images/spacer.gif);
	background-repeat: repeat;
}

#flashcontent{
	margin-left: 0px;
	left: 0; 
	z-index: 1;
	position: relative;
	/*width: 724px;*/
}
#teaexplorer{
	z-index: 1;
	position: relative;
}
#bottom-left{
	background: url(../images/newBG_05.jpg);
	background-repeat: no-repeat;
	clear: left;
}
#bottom-middle{
	background: url(../images/newBG_06.jpg);
	background-repeat: no-repeat;
}
#bottom-right{
	background: url(../images/newBG_07.jpg);
	background-repeat: no-repeat;
}

/*-----------footer-----------*/
div#footer{
	bottom: 0;
	display: block;
	position: relative;
	float: left;
	clear: both;
}
ul#footer-menu{ /*footer nav*/
	position: relative;
	top: -10px;
	left: 30px;
	/*margin: 0 60px 0 250px;*/
	z-index: 2;
}
ul#footer-menu li { /*footer nav items*/
	display: inline;
	position: relative;
	/*padding: 0 0 12px 0;*/
	z-index: 2;
}