html {
	text-align:		center;
}

body {
	margin:			0 auto;
	font:			normal 12px arial,tahoma,sans-serif;
	text-align:		left;
	background:		#f4f4f4 url('./../images/bgFade.gif') 0 175px repeat-x;
	color:			#dddddd;
}
a {
	text-decoration: none;
}
#header {
	display:		block;
	margin:			0 auto;
	width:			100%;
	height:			175px;
	background-color: #ffffff;
	border-bottom:	1px solid #d7d7d7;
	/*background:		url('./../images/bgHeader.jpg') 0 0 no-repeat;*/
	text-align:		center;
}
	#header h1 {
		position:		absolute;
		display:		block;
		top:			15px;
		left:			15px;
		width:			344px;
		height:			145px;
		background:		url('./../images/logo.png') 0 0 no-repeat !important;
		background:		url('./../images/logo.gif') 0 0 no-repeat;
	} #header h1 span { display:	none; visibility: hidden; }
	
	#header #nav {
		position:		absolute;
		display:		block;
		top:			112px;
		right:			25px;
		font:			normal 30px 'Lucida Sans Unicode','myriad pro','helvetica','arial',sans-serif;
	}
		#header #nav li {
			float:			right;
			padding:		2px;
			margin-right:	12px;
		}
		#header #nav li a {
			color:			 #777777;
			border-left:	 8px solid transparent;
			padding-left:	 8px;
		}
			#header #nav li a.active {
				color:				#414141;
				text-decoration:	underline;
			}
			#header #nav li a.active:hover  {
				color:				#414141;
				text-decoration:	underline;
				border-left:		8px solid #414141;
			}
			#header #nav li a.blue:hover  {
				color:				#00a7c8;
				text-decoration:	underline;
				border-left:		8px solid #00a7c8;
			}
			#header #nav li a.purple:hover  {
				color:				#640d76;
				text-decoration:	underline;
				border-left:		8px solid #640d76;
			}
			#header #nav li a.green:hover  {
				color:				#9bcf60;
				text-decoration:	underline;
				border-left:		8px solid #9bcf60;
			}
	.section {
		clear:			both;
		margin:			0 auto;
		width:			1000px;
		border-left:	1px solid #d7d7d7;
		border-right:	1px solid #d7d7d7;
		background:		#ffffff;
	} .clearHead { margin-top: 200px; }
	
	#welcome { 
		width:			1000px;
		height:			400px; z-index: 1;
		clear:			both;
		border-left:	1px solid #d7d7d7;
		border-right:	1px solid #d7d7d7;
		border-bottom:	4px solid #e2e2e2;
		background:		url('./../images/head_a.jpg') 0 0 no-repeat;
		color:			#ffffff;
		text-shadow:	0 -1px 0 rgba(0,0,0,.5);
		font:			normal 30px 'Lucida Sans Unicode','myriad pro','helvetica','arial',sans-serif;
		text-align:		left;
	}
		#welcome h2 {
			padding-top:	28px;
			margin-left:	48px;
			margin-bottom:	212px;
			line-height:	28px;
		}
			#welcome h2 span {
				display: block;
				margin-left: 56px;
			}
			#welcome h2 strong {
				font-size:		36px;
				display:		block;
			}
		#welcome strong em {
			padding:		3px;
			color:		    #640d76;
			background-color: #ffffff;
			font-style:		normal;
			text-decoration: underline;
		}
		#welcome p {
			margin-left: 136px;
			font-size:	24px;
		}
		#learn {
			position: relative; z-index: 2; margin-right: 64px; margin-top: -64px;
			display: block;
			width:	164px;
			height: 44px;
			background: url('./../images/learn.png') 0 0 no-repeat !important;
			background: url('./../images/learn.gif') 0 0 no-repeat;
			color: #ffffff;
			text-align: center;
		} #learn:hover { background: url('./../images/learn.png') 0 -44px no-repeat !important; background: url('./../images/learn.gif') 0 -44px no-repeat; }
			#learn strong {
				display: block;
				font-weight: bold;
				font-size: 24px;
				text-shadow: 0 -1px 0 rgba(0,0,0,.5);
				padding-top: 4px;
			}
	#productLineup {
		width:		1000px;
		height:		400px;
		background: #ffffff url('./../images/bgArrows.gif') 39px 120px no-repeat;
	}
	#productLineup a {
		cursor:		pointer;
		display:	block;
		width:		264px;
		height:		400px;
		float:		left;
		margin-top:	 -4px; z-index: 3;
		margin-left: 54px;
	}
		#productLineup a strong {
			display:	 block;
			color:		 #303030;
			padding:	 8px 0 8px 0;
			text-indent: 12px;
			font-weight: bold;
			font-size:	 18px;
			border-top:	 4px solid #e2e2e2;
		}
			#productLineup a:hover strong {
				background-color:	#303030;
				color:				#ffffff;
				border-top:			4px solid;
			}
		#productLineup a span {
			display:	block;
			width:		264px;
			height:		264px;
		}
		#productLineup a em {
			display:	block;
			padding:	10px;
			color:		#8e8e8e;
			font-style: normal;
			font-size:	16px;
			text-indent: 6px;
		} #productLineup a:hover em {
			 font-weight: bold;
			}
			
			#productLineup .booster span {
				background: url('./../images/booster.gif') 0 0 no-repeat;
			}
			#productLineup .booster:hover span {
				background: url('./../images/booster.gif') 0 -264px no-repeat;
			} #productLineup .booster:hover strong { border-color: #00a7c8; }
			#productLineup .shake span {
				background: url('./../images/shake.gif') 0 0 no-repeat;
			}
			#productLineup .shake:hover span {
				background: url('./../images/shake.gif') 0 -264px no-repeat;
			} #productLineup .shake:hover strong { border-color: #640d76; }
			#productLineup .cleanse span {
				background: url('./../images/cleanse.gif') 0 0 no-repeat;
			}
			#productLineup .cleanse:hover span {
				background: url('./../images/cleanse.gif') 0 -264px no-repeat;
			} #productLineup .cleanse:hover strong { border-color: #9bcf60; }
#shopNow {
	display:		  block;
	background-color: #ffffff;
}
	#shopNow a {
		display:			block;
		width:				75%;
		height:				75px;
		background-color:	#303030;
		color:				#e2e2e2;
		text-indent:		24px;
	} #shopNow a:hover { background-color: #575757; }
	#shopNow a em {
		display:			block;
		float:				left;
		padding-top:		20px;
		font-size:			24px;
		font-style:			normal;
	}
	#shopNow a span {
		display:			block;
		float:				right;
		width:				25%;
		padding-top:		12px;
		height:				63px !important;
		height:				75px;
		background-color:	#00a7c8;
		color:				#ffffff;
		font-weight:		normal;
		font-size:			36px;
	} #shopNow a:hover span { background-color: #00c5ec; }

#testimonials h3 {
	display:	block;
	padding:	24px 12px 12px 12px;
	text-indent: 42px;
	font-weight: bold;
	font-size:	 24px;
	color:		#303030;
}
#testimonials ul {
	margin-left: 48px;
}
#testimonials ul li {
	float:		left;
	padding:	8px;
	width:		425px;
	height:		128px;
	background:	#fafafa url('./../images/quote.gif') 4px 10px no-repeat;
}
#testimonials ul li.alt {
	background:	#f4f4f4 url('./../images/quote_alt.gif') 4px 10px no-repeat;;
}
	#testimonials ul li img {
		float:		right;
		border:		3px solid #c2c2c2;
		margin-top:	48px;
		margin-right: 12px;
	} #testimonials ul:hover li img { border-color: #640d76; }
	  #testimonials ul:hover li.alt img { border-color: #00a7c8; }
	#testimonials ul li blockquote {
		float:		left;
		width:		75%;
		padding-top: 18px;
		margin-left: 24px;
		font-size: 14px;
		color:		#909090;
		text-indent: 18px;
	}
	#testimonials ul li blockquote p {
		display:	block;
		clear:		both;
		margin-top: 14px;
	}
	#testimonials ul li blockquote p em {
		display:	 block;
		text-indent: 128px;
		font-weight: bold;
	}
#testimonials a , #process {
	display: block;
	clear: both;
	width:	435px;
	height:	135px;
	padding-bottom: 10px;
	background: url('./../images/process.jpg') 0 0 no-repeat;
} #testimonials a:hover , #process:hover {
	background: url('./../images/process.jpg') 0 -135px no-repeat;
  }

#footer {
	position:		relative;
	clear:			both;
	display:		block;
	width:			100%;
	height:			196px;
	background:		#ffffff;
	color:			#303030;
	border-top:		4px solid #d7d7d7;
	padding-top:	12px;
	text-align:		center;
}
	#fC {
		display:	block;
		position:	relative;
		text-align: left;
		width:		1000px;
		height:		196px;
	}
	div.first { background-image: none; }
	.footCol {
		display:	block;
		float:		left;
		width:		264px;
		height:		196px;
		padding-left: 24px;
		padding-right: 24px;
		overflow:	hidden;
		background: #ffffff url('./../images/footDivider.gif') left center no-repeat;
	}
	.footCol h3 , .footCol .listHead {
		display:	block;
		font-size:	14px;
		font-weight: bold;
		padding-bottom: 12px;
	}
	.footCol label {
		display:	block;
	}
		.footCol label span {
			display:	block;
		}
	ul.footCol a {
		display:	block;
		width:		90%;
		height:		24px !important;
		height:		32px;
		padding-top: 8px;
		color:		#505050;
		border-bottom: 1px dotted #303030;
		background-color: #fcfcfc;
		text-indent: 12px;
		font-weight: 14px;
		text-align:	 left;
	} ul.footCol a:hover { background-color: #f4f4f4; color: #303030; border-color: #303030; border-style: solid; font-weight: bold; }
	
	.footCol form {
		padding-left: 14px;
	}
	.footCol form p {
		display:	block;
		font-size:	16px;
	}
	.footCol form label span {
		display:	block;
		font-size:	16px;
	}
	.footCol form label input {
		border:		none;
		background-color: #fcfcfc;
		color:		#303030;
		border:		1px solid #999999;
		font-size:  18px;
		padding:	4px;
	}
	.formButton {
		display:	block;
		width:		164px;
		height:		44px;
		background: url('./../images/learn.png') 0 0 no-repeat !important;
		background: url('./../images/learn.gif') 0 0 no-repeat;
		color:		#ffffff;
		border:		none;
		font-weight: bold;
		font-size:	 24px;
		text-shadow: 0 -1px 0 rgba(0,0,0,.5);
		padding-top: 4px;
		margin-left: 48px;
		margin-top:	 8px;
		cursor:		 pointer;
	} .formButton:hover { background: url('./../images/learn.png') 0 -44px no-repeat !important; background: url('./../images/learn.gif') 0 -44px no-repeat; }