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


/* Be nasty to Safari */
@media all  and (-webkit-min-device-pixel-ratio:0) 
{
@import url(test_safari.css);
/* rules */
}


/* social media  */


#social{margin-left:272px; margin-top:2px; position:absolute; z-index:10;}



/* end social media */

body{
width:1024px;
background-color:#edf8fc;
margin: 50px auto;
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
text-align:center;
	padding: 0;} 
	
	#maincontainer{
	width:990px;
	margin: -50px auto; /* the auto margins (in conjunction with a width) center the page */

	text-align:left;
	}

#topbanner{
	background-image:url(Home/Topgraphicsbar.png);
	width:989px;
	height:132px;}
	
	#buttonbar{
		width:998px;
		height:34px;
		margin-top:-15px;
		}
		
		#home{
			width:82px;
			height:34px;}
			
		#ingredients{
			margin-top:-34px;
			margin-left:72px;
			width:82px;
			height:34px;}
			
		#beforeafter{
		    margin-top:-34px;
		    margin-left:189px;
		    width:82px;
		    height:34px;}
			
		#faqs{
			margin-top:-34px;
		    margin-left:325px;
		    width:82px;
		    height:34px;}
			
		#ordernow{
			margin-top:-34px;
		    margin-left:395px;
		    width:82px;
		    height:34px;}
		
		#contactus{
			margin-top:-34px;
		    margin-left:522px;
		    width:82px;
		    height:34px;}
			
		#end{
			margin-top:-34px;
		    margin-left:655px;
		    width:343px;
		    height:34px;
			background-image:url(Home/ButtonBar/ExcessBTN.png);}
			
	 #container{
		 width:991px;
		 margin-top:-2px;
		 padding:0 auton;
		 background-image:url(Home/HomeBackground.png);
		 height:1089px;}

	 #content{
		 background-image:url(Home/TakeControlContent.png);
		 width:991px;
		 height:815px;}
		 
		 
		#text{
			margin-top:70px;
			margin-left:60px;
			font-family:"Gill Sans";
			font-style:italic;
			font-size:14px;
			width:830px;
			text-align:center;
			color:#FFF;}
			
		
			
		#logos{
			width:916px;
			height:102px;
			margin-top:15px;
			margin-left:39px;}
			
		#footer{
			color:#084590;
			text-align:center;
			font-family:"Century Gothic";
			font-size:14px;}
			
			
a:link{ color:#084590; text-decoration:none; }
a:visited { color: #084590;text-decoration:none; } 
a:hover { color: #084590;text-decoration:none; }

       #trynow{
		   position:absolute;
		   margin-top:410px;
		   margin-left:760px;
		   border:none;}
		   
		   
		  div.scroll{
			  width:206px;
			  height:200px;
			  overflow:auto;
			  border: none;
			  background-color:#eff9dc;
			  position:absolute;
			  margin-top:52px;
			  margin-left:10px;
			  font-family:"Century Gothic";
			  font-size:12px;
		  }
			 #scrollbg{

				 width:229px;
				 height:299px;
				 margin-top:530px;
				 margin-left:20px;
				 background-image:url(Home/Testimonials/testimonialbox.png);
				 background-repeat:no-repeat;
				 position:absolute;
				 font-family:"Century Gothic";
			  font-size:12px;}
			  
	/*Ingredients*/		
	
		  #container_ingred{
		 width:991px;
		 margin-top:-2px;
		 padding:0 auton;
		 background-image:url(Ingredients/IngBackground.png);
		 height:1589px;}
	
	  #content_ingred{
		 width:991px;
		 height:1400px;
		 }
	
		#text_ingred{
			margin-top:-90px;
			margin-left:60px;
			font-family:"Gill Sans";
			font-style:italic;
			font-size:14px;
			width:830px;
			text-align:center;
			color:#FFF;}
			  
			  #natural{
				  width:856px;
				  height:269px;
				  margin-left:10px;}
				  
              #doctor{
	            width:318px;
	            height:458px;}
				
			#ingredtitle{
				width:452px;
				height:60px;
				margin-left:320px;
				position:absolute;
				margin-top:-470px;}
				
			#coix{
				width:442px;
				height:252px;
				margin-left:320px;
				position:absolute;
				margin-top:-400px;
				background-image:url(Ingredients/Ingredients/CoixLacryma.png);
				padding-left:10px;
				}
				
				#plantago{
				width:445px;
				height:190px;
				margin-left:320px;
				position:absolute;
				margin-top:-136px;
				background-image:url(Ingredients/Ingredients/Plantago.png);
				padding-left:8px;
				}
		       
			   #lotus{
				width:444px;
				height:199px;
				margin-left:320px;
				position:absolute;
				margin-top:67px;
				background-image:url(Ingredients/Ingredients/Lotus.png);
				padding-left:8px;}
				
				#bamboo{
				width:445px;
				height:194px;
				margin-left:320px;
				position:absolute;
				margin-top:281px;
				background-image:url(Ingredients/Ingredients/Bamboo.png);
				padding-left:8px;}
				
				#tarragon{
				width:445px;
				height:171px;
				margin-left:320px;
				position:absolute;
				margin-top:490px;
				background-image:url(Ingredients/Ingredients/Tarragon.png);
				padding-left:8PX;}
				
				
				#leaves{
				width:204px;
				height:221px;
				margin-left:703px;
				position:absolute;
				margin-top:-137px;}
				
				
					.green_txt_ingred{ font-family:"Myriad Pro";  /* font-family:Arial, Helvetica, sans-serif; */ color:#6fb539;font-size:21px; float:left; margin-top:-8px;}
					
					.blk_txt_ingred{ font-family:"Myriad Pro";  /*font-family:Arial, Helvetica, sans-serif;*/ color:#6fb539;font-size:16px; }
				
				#box{
							width:95px;
							height:95px;
							float:left;
					}
				
				
				/*faqs*/	
				
				  #content_faqs{
		 width:991px;
		 height:1455px;
		 }
				
				#leave{
					width:475px;
					height:147px;
					margin-top:2px;
					margin-left:18px;}
					
				#asked{
					width:355px;
					height:43px;
					margin-left:230px;
					margin-top:40px;
					}
					
				#infoQ{
					background-image:url(FAQS/WhiteQuestionBox.png);
					width:840px;
					height:1166px;
					margin-left:50px;
					margin-top:40px;
					}
					
					.leaf{margin-left:10px;width:32px; height:24px;
					}
					
					.green_txt{font-family:Arial, Helvetica, sans-serif; color:#7cbf42; font-weight:600; font-size:13px;}
					
					.blk_txt{font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#000000;font-size:13px;}
					.infoQ_txt{margin-top:-24px; width:760px; float:right;}
				
					.faqs{width:812px;}
					
					
					#plant{
						width:204px;
						height:221px;
						margin-top:140px;
						margin-left:780px;}
						
						#woman{
							width:248px;
							height:296px;
							margin-top:-700px;
							margin-left:760px;}
							
						
		#text_faqs{
			margin-top:45px;
			margin-left:60px;
			font-family:"Gill Sans";
			font-style:italic;
			font-size:14px;
			width:830px;
			text-align:center;
			color:#FFF;}		
							
								/*ordernow*/	
				
				 #container_ordernow{
		 width:991px;
		 margin-top:-2px;
		 padding:0 auton;
		 background-image:url(OrderNow/OrderBackground.png);
		 background-repeat:no-repeat;
		 height:1159px;}
				
				  #content_ordernow{
		 width:991px;
		 height:1025px;
		 }
	
							
						
		#text_ordernow{
			margin-top:45px;
			margin-left:60px;
			font-family:"Gill Sans";
			font-style:italic;
			font-size:14px;
			width:830px;
			text-align:center;
			color:#FFF;}
			
			
			#img1{
				margin-top:100px;
				margin-left:18px;
				width:512px;
				height:792px;
				position:absolute;
				}
				
			#buynow{
				width:408px;
				margin-left:550px;
				margin-top:30px;
				position:absolute;}
	
			#lastbox{
				margin-left:-9px;
				position:absolute;
				}
		
	    #day7{margin-left:250px; margin-top:-57px; position:absolute;}
	    #day30{margin-left:250px; margin-top:-57px; position:absolute;}
		#month2{margin-left:250px; margin-top:-57px; position:absolute;}
		#month3{margin-left:250px; margin-top:-57px; position:absolute;}
		#month4{margin-left:250px; margin-top:-57px; position:absolute;}
		#month5{margin-left:250px; margin-top:-57px; position:absolute;}
		#month6{margin-left:250px; margin-top:-57px; position:absolute;}
		#month12{margin-left:260px; margin-top:-59px; position:absolute;}
		
		
		#end_ordernow{
			margin-top:-34px;
		    margin-left:655px;
		    width:343px;
		    height:34px;
			background-image:url(OrderNow/ButtonBar/ExcessBTN.png);}
			
			
			
		/* Contact Us Rules */
		#nat100{margin-top:2px; margin-left:25px; width:414px;  height:126px; }
		#contactus_img{ margin-left:450px; margin-top:-520px; width:253px; height:87px;}
		#emailus{margin-left:450px; margin-top:-70px;  width:505px; height:190px; background-image:url(ContactUs/EmailUsBox.png);}
		#distributors{margin-left:380px; margin-top:-20px; width:523px; height:740px; background-image:url(ContactUs/DistributersBox.png);}
		#globe{ margin-left:50px; margin-top:-20px;  width:338px; height:498px;}
		.greentxtBig{color:#73a344; font-weight:600; font-family:Arial, Helvetica, sans-serif;}
		.greentxt{color:#73a344; font-family:Arial, Helvetica, sans-serif;}
		.greentxtE{color:#73a344; margin-left:10px; margin-top:-4px; font-family:Arial, Helvetica, sans-serif;}
		.txtholder{width:505px; margin-left:10px; margin-top:85px; position:absolute;}
		.txtholder2{width:505px; height:190px; margin-left:80px; margin-top:10px; position:absolute;}
		
			
			#text_contact{
			margin-top:8px;
			margin-left:60px;
			font-family:"Gill Sans";
			font-style:italic;
			font-size:14px;
			width:830px;
			text-align:center;
			color:#FFF;}


		#usa{
			margin-left:10px;
			margin-top: 15px;
			}
		
		#south{
			margin-left: ;
			margin-top: -9px;
			}
		
		#hawaii{
			margin-left: ;
			margin-top: 6px;
			}
		
		#colombia{
			margin-left: 10px;
			margin-top: -25px;
			
			}
		
		#bogota{
			margin-left: 0px;
			margin-top: -28px;
			}
		
		#tarditi{
			margin-left: ;
			margin-top: 10px;
		}
		
		#argentina{
			margin-left: 10px;
			margin-top: 18px;
			}
			
		#juan_carlos{
			margin-left: ;
			margin-top: 15px;
		}
		
		#mexico{
			margin-left: 10px;
			margin-top: 28px;
			}
			
		#elsie {
			margin-left: ;
			margin-top: 20px;
		}
		
		/* B4&A Rules */
	
	
		  
	/* container for B4&A */
			#container_beforeafter{
		 width: 991px;
		 height: 4700px;
		 margin-top: -2px;
		 padding: 0 auton;
		 background-image: url(B4&After/B4&ABackground.png);
		 background-repeat: no-repeat;
		 }
		 
	/* end container for B4&A */
	
		 #chat {
			 width:400px;
			 height:400px;
			 margin-top: -152px;
			 margin-left: 840px;
			
		 }
		 
		 #underbar_leaves {
			 margin-top:2px; margin-left:0px;
			 }
			 
		#maria { 
		width: 800px;
		height: 450px;
		margin-top:;
		margin-left: 100px;
		}
		
		#danny {
			width: 800px;
			height: 450px;
			margin-top: 0px;
			margin-left: 100px;
		}
		
		#nelson {
			width: 800px;
			height: 450px;
			margin-top: 0px;
			margin-left: 100px;
		}
		
		#erika {
			width: 800px;
			height: 450px;
			margin-top: 0px;
			margin-left: 100px;
		}
		
		#doug {
			width: 800px;
			height: 450px;
			margin-top: 0px;
			margin-left: 100px;
		}
		
		#olga {
			width: 800px;
			height: 450px;
			margin-top: 0px;
			margin-left: 100px;
		}
		
		#alba {
			width: 800px;
			height: 450px;
			margin-top: 0px;
			margin-left: 100px;
		}
		
	/*	#container_results {
			width: 1000px;
			height: 2000px;
			margin-left:;
			margin-top: 100px;
		}
*/
		#results {
			width: 990px;
			height: 1005px;
			margin-top: 50px;
			margin-left: ;
			background-image:url(B4&After/RPeopleResults.png);
			background-repeat:no-repeat;
		}
		
		#textb4 {
			position:absolute;
			width: 710px;
			height: 500px;
			margin-left: 120px;
			margin-top: 200px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight: 500;
		}
		
					
		
	/* B4&A Rules End */