/*---------------------------------------------------

RESET

---------------------------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {    
margin:0;    padding:0;    border:0;    outline:0;    font-size:100%;    vertical-align:baseline;    background:transparent;
}
body {    
line-height:1;
behavior: url("csshover3.htc");
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
display:block;
}
nav ul, li {
list-style:none;
}
blockquote, q {    
quotes:none;
}
blockquote:before, blockquote:after,q:before, q:after {    
content:'';    content:none;
}
a {   
margin:0;    padding:0;    border:0;    font-size:100%;    vertical-align:baseline;    background:transparent;
}
ins {   
background-color:#ff9;    color:#000;    text-decoration:none;
}
mark {    
background-color:#ff9;    color:#000;     font-style:italic;    font-weight:bold;
}
del {    
text-decoration: line-through;
}
abbr[title], dfn[title] {   
border-bottom:1px dotted #000;    cursor:help;
}
table {    
border-collapse:collapse;    border-spacing:0;
}
hr {    
display:block;    height:1px;    border:0;       border-top:1px solid #cccccc;    margin:1em 0;    padding:0;
}
input, select {   
vertical-align:middle;
}

div#wrapper {
	width:970px;
	margin:0 auto 15px;
}
/*---------------------------------------------------

#Header

---------------------------------------------------*/

div#header {
	width:970px;
	height:180px;
	border-bottom:1px solid #d4be84;
	position:relative;
}

	div#header p {
		text-transform:uppercase;	
	}

	div#header div#logo {
		position:absolute;
		top:30px;
		left:15px;
	}
	
	div#header div#social {
		position:absolute;
		right:20px;
		top:10px;
		height:130px;
		width:500px;
	}
	
		div#header div#social div#share {
			position:absolute;
			right:0px;
			top:0px;
		}
		
			div#header div#social div#share img#tell-someone {
				float:right;
				margin-bottom:10px;
				padding-right:3px;
			}
		
			div#header div#social div#share a {
				display:block;
				float:right;
				clear:both;
			}
	
		div#header div#social div#social-media {
			position:absolute;
			bottom:10px;
			right:0px;
		}
		
			div#header div#social div#social-media img#ribbon {
				position:relative;
				top:3px;
			}
			
			div#header div#social div#social-media img#ten-percent {
				margin-right:9px;
			}
			
			div#header div#social div#social-media img#facebook, div#header div#social div#social-media img#twitter {
				margin-right:3px;
			}

	div#header div#nav {
		width:759px;
		height:38px;
		position:absolute;
		bottom:0;
		right:0;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
		div#header div#nav li {
			background-image:url(images/nav.png);
			background-repeat:none;
			height:38px;
			float:left;
			position:relative;
			text-indent:-9999px;
			
		}
		
			div#header div#nav li a {
				width:100%;
				height:38px;
				display:block;
			}
		
			div#header div#nav li.home {
				width:82px;
				background-position:0 0;
			}
			
				body#home div#header div#nav li.home, div#header div#nav li.home:hover {
					background-position:0 -38px;
				}
			
			div#header div#nav li.about {
				width:156px;
				background-position:-82px 0;
			}
			
				body#about div#header div#nav li.about, div#header div#nav li.about:hover {
					background-position:-82px -38px;
				}
			
			div#header div#nav li.buy {
				width:140px;
				background-position:-238px 0;
			}
			
				body#buy div#header div#nav li.buy, div#header div#nav li.buy:hover {
					background-position:-238px -38px;
				}
			
			div#header div#nav li.help {
				width:182px;
				background-position:-378px 0;
			}
			
				body#help div#header div#nav li.help, div#header div#nav li.help:hover {
					background-position:-378px -38px;
				}
			
			div#header div#nav li.company {
				width:100px;
				background-position:-560px 0;
			}
			
				body#company div#header div#nav li.company, div#header div#nav li.company:hover {
					background-position:-560px -38px;
				}
			
			div#header div#nav li.contact {
				width:99px;
				background-position:-660px 0;
			}
			
				body#contact div#header div#nav li.contact, div#header div#nav li.contact:hover {
					background-position:-660px -38px;
				}
			
			div#header div#nav li ul.dropdown {
				width:200px;
				position:absolute;
				left:-1px;
				margin:0;
				padding:0;
				top:38px;
				display:none;
				border-top:1px solid #d4be84;
			}
			
				div#header div#nav li.about:hover ul.dropdown#about-dropdown, div#header div#nav li.buy:hover ul.dropdown#buy-dropdown, div#header div#nav li.help:hover ul.dropdown#help-dropdown, div#header div#nav li.company:hover ul.dropdown#company-dropdown {
					display:block;	
				}
			
				div#header div#nav li ul.dropdown li {
					background-image:none;
					background-color:#70a42a;
					clear:left;
					width:200px;
					color:#fff;
					text-indent:0;
					height:40px;
				}
				
					.ingredients div#header div#nav li ul.dropdown li.ingredients, .directions div#header div#nav li ul.dropdown li.directions, .reviews div#header div#nav li ul.dropdown li.reviews, .try div#header div#nav li ul.dropdown li.try, .helpful-links div#header div#nav li ul.dropdown li.helpful-links, .our-team div#header div#nav li ul.dropdown li.our-team, .message div#header div#nav li ul.dropdown li.message {
						background:#5e911a;
						color:#fff;
					}
				
					div#header div#nav li ul.dropdown li a {
						color:#ceeaa9;	
						text-decoration:none;
						margin:0 15px 0;
						padding:10px 0 10px;
						border-top:1px solid #ceeaa9;
						width:170px;
						display:block;
					}
					
						div#header div#nav li ul.dropdown li a:hover {
							color:#fff;	
						}
						
						div#header div#nav li ul.dropdown li:first-child a, div#header div#nav li ul.dropdown li.no-border a{
							border:0;	
						}
/*---------------------------------------------------

#Main

---------------------------------------------------*/	
div#main {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #d4be84;
}
	div#main ul.checks li {
		list-style-type:none;
		padding:9px 0 6px 25px;
		background:url(images/check.png) left top no-repeat;
	}
	
	
	body.interior div#main div#aside {
		width:260px;
		padding:30px;
		float:left;
	}
	
		body.interior div#main div#aside img#aside-image {
			margin-bottom:20px;	
		}
	
	body.interior div#main div#content {
		width:610px;
		float:right;
		padding:30px 0 0;
	}
	
		body.interior div#main div#content h1 {
			color:#70a42a;
			font-weight:normal;
			font-size:46px;
			line-height:60px;
		}
		
		body.interior div#main div#content p {
			font-size:14px;
			line-height:22px;
			font-weight:normal;
			margin-bottom:10px;
		}
		
		body.interior div#main div#content ul {
			font-size:14px;
			line-height:16px;
			font-weight:normal;
			margin-bottom:10px;
		}

div#content a {
	color:#5e911a;
	text-decoration:none;
}

	div#content a:hover {
		text-decoration:underline;	
	}
	
	div#content span.subtitle {
		font-size:17px;
		color:#1c94a6;
		font-weight:bold;
	}
		
/*---------------------------------------------------

#Home #Main

---------------------------------------------------*/

body#home div#main {
	height:360px;
	width:970px;
}

	body#home div#main div#aside {
		height:360px;
		background:url(images/woman-sipping-quit-tea.jpg) 10px bottom no-repeat;
		width:360px;
		float:left;
	}
	
	
		body#home div#main div#aside ul {
			margin:30px 0 0 45px;	
		}
		
	body#home div#main div#content {
		width:590px;
		padding-left:10px;
		float:right;
		height:360px;
		clear:none;
	}
	
		body#home div#main div#content h1 {
			color:#70a42a;
			font-weight:normal;
			font-size:46px;
			line-height:60px;
			margin-top:30px;
		}
		
		body#home div#main div#content p {
			font-size:14px;
			line-height:28px;
			font-weight:normal;
			margin-bottom:22px;
		}

/*---------------------------------------------------

#Home #Secondary

---------------------------------------------------*/

body#home div#secondary {
	height:160px;
	width:970px;
}

	body#home div#secondary a {
		float:left;	
	}
	
/*---------------------------------------------------

#Footer

---------------------------------------------------*/

div#footer {
	font-family:Verdana, Geneva, sans-serif;	
	font-size:10px;
	padding:15px 0;
}

	div#footer p {
		display:block;
		margin:0 auto 5px;
		color:#666;
		width:430px;
		text-align:center;
	}
	
		div#footer p a {
			color:#666;
			text-decoration:none;
			margin-left:5px;
			padding-left:5px;
			border-left:1px solid #666;
		}
		
			div#footer p a:hover {
				color:#70a42a;	
			}
			
			div#footer p a:first-child {
				border:0;	
			}