body{ margin: 0 auto; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 16px; color: #666; }
	a{ text-decoration: none; }
	a img{ border: none; }
	h1{ margin: 0 auto; padding: 0; font-weight: 300; color: #477310; font-size: 40px; letter-spacing: -1px; }
	h2{ margin: 0 auto; padding: 0; font-weight: 300; color: #000; font-size: 24px; letter-spacing: -1px; }
	h3,h4,h5,h6{ margin: 0 auto; padding: 0; font-weight: 300; letter-spacing: -1px; }
		.effects{ font-size: 40px; color: #fff; text-shadow: 1px 1px #333; }
		.science{ font-size: 48px; color: #006633; text-align: center; }
		.dietary{ padding: 20px 0 10px 0; font-size: 48px; color: #006633; text-align: center; text-shadow: 1px 1px #fff; }
		.buy{ font-size: 60px; color: #002d0b; text-align: center; }
		.recurring{ font-size: 48px; color: #002d0b; text-align: center; }
		.save{ font-size: 24px; color: #055c36; text-align: center; }
	
	#wrap{ margin: 0 auto; width: 1040px; padding: 0 80px; background: #fff; }
		#head{ margin: 0 auto; width: 1040px; height: 90px; }
			#headl{ float: left; width: 200px; height: 40px;  }
			#headr{ float: right; width: 400px; height: 40px; }
				#phone{ float: right; width: 400px; height: 20px; text-align: right; padding: 10px 0 0 0; }
				#nav{ float: right; width: 600px; height: 20px; padding: 20px 0 0 0; text-align: right; }
					#nav a{ padding: 0 10px; text-decoration:none; color: #666; font-size: 18px; }
						#nav a:hover{ color: #009966; }
		#bannerwrap{ margin: 0 auto; height: 512px; background: url(images/bannerbg1.jpg); }
			#banner{ margin: 0 auto; width: 1020px; height: 512px; background: url(images/uricelax-banner-bg.png); }
				#bannerupper{ height: 440px; }
				#bannerlower{ padding: 8px; height: 43px; text-align: center; font-size: 26px; color: #fff; font-style: italic; }
		#area1{ margin: 0 auto; width: 820px; height: 340px; padding: 30px 0 0 200px; background: url(images/uricelax-bottle.jpg) no-repeat; }
		#area2wrap{ margin: 0 auto; height: 355px; background: url(images/effectsbg.jpg) repeat-x; }
			#area2{ margin: 0 auto; width: 700px; height: 355px; background: url(images/effectsbgmain.jpg) no-repeat; color: #fff; padding: 40px 310px 0 10px; font-size: 21px; }
			#area3{ margin: 0 auto; width: 1020px; background: url(images/sciencebg.jpg); }
				.sciencewrap1{ float: left; height: 440px; width: 500px; padding: 50px 0 0 0; }
				.sciencewrap2{ float: right; height: 440px; width: 500px; padding: 50px 0 0 0; }		
					
					.sciencebox1, .sciencebox2, .sciencebox3, .sciencebox4{float: left;  }
					.sciencebox5, .sciencebox6, .sciencebox7, .sciencebox8{ float: right; width: 320px; }
					.sciencebox1{ margin: 6px 0 0 30px; width: 320px; }
					.sciencebox2{ margin: 48px 0 0 0; width: 290px; }
					.sciencebox3{ margin: 46px 0 0 7px; width: 314px; }
					.sciencebox4{ margin: 25px 0 0 40px; width: 370px; }
					.sciencebox5{ margin: 6px 0 0 0; padding: 0 20px 0 0; width: 335px; }
					.sciencebox6{ margin: 48px 0 0 0; width: 295px; }
					.sciencebox7{ margin: 37px 0 0 0; width: 317px; }
					.sciencebox8{ margin: 15px 0 0 0; width: 389px; padding: 0 11px 0 0; }			
					.sciencebuy{ color: #FF9900; font-size: 21px; }	
				
			#area4wrap{ height: 551px; background: url(images/dietbg.jpg); line-height: 22px; }
				#area4{ margin: 0 auto; width: 1000px; height: 511px; padding: 40px 20px 0 0; background: url(images/dietbgmain.jpg) no-repeat; color: #000; font-size: 17px; }
			#buy{ margin: 0 auto; padding: 20px 0 0 0; width: 1020px; text-align: center; }
			#footerwrap{ margin: 0 auto; height: 300px; background: #ccc; }
				#footer{ margin: 0 auto; width: 1000px; height: 200px; padding: 40px; background: #ccc; color: #666; font-size: 12px; }
					#footer a{ color: #666; }
			.clear{ clear: both; height: 1px; }
			.clear30{ clear: both; height: 30px; }