body
{
text-align: center;
background-color:#C5F7EE;
}

#container
{
    position:relative;
    margin-left: auto;
    margin-right: auto;
    width: 895px;
    text-align: left;
    background-image: url(../images/main-bg.jpg);
    background-repeat:no-repeat;
    background-position:top;
    height:580px;
}
#pro-site-link
{
    position:absolute;
    top:538px;
    left:625px;
    font-size:10px;
    font-family:Trebuchet MS;
    color:#4F8A88;
    text-align:right;
   /* border: solid 1px #4F8A88;    */
}
#phone
{
    position:absolute;
    top:539px;
    left:475px;
    font-size:10px;
    font-family:Trebuchet MS;
    color:#4F8A88;
    text-align:right;
   /* border: solid 1px #4F8A88;    */
}
#join-us-on
{
    position:absolute;
    top:538px;
    left:285px;
    font-size:10px;
    font-family:Trebuchet MS;
    color:#4F8A88;
    font-weight:bold;
    text-align:right;
}
#join-us-on a
{
   text-decoration:none;
}
#pro-site-link a
{
  
    font-size:10px;
    font-family:Trebuchet MS;
    color:#4F8A88;
    text-align:right;
   /* border: solid 1px #4F8A88;    */
}
#navigation
{
    position:absolute;
    top:266px;
    left:0px;
    height:300px;
    width:220px;
    /*border: solid 1px black;*/
}
.btnstory
{
 position:absolute;
 top:0px;
 left:17px;
 height:70px;
 width:62px; 
}
.btnexperience
{
 position:absolute;
 top:45px;
 left:28px;
 height:108px;
 width:94px; 
}
.btningredients
{
 position:absolute;
 top:120px;
 left:5px;
 height:115px;
 width:100px; 
}
.btnuglytruth
{
 position:absolute;
 top:196px;
 left:44px;
 height:100px;
 width:88px; 
}
.btnresults
{
 position:absolute;
 top:219px;
 left:121px;
 height:93px;
 width:82px; 
}
#logo
{
 position:absolute;
 top:458px;
 left:762px;
 height:126px;
 width:109px; 
}
#ingredients-container
{
	position:absolute;
	top:105px;
	left:170px;
	width:627px;
	height:391px;
	/*border-style:solid;
	border-width:thick;
	border-color:Black;
	background-color:Yellow;*/
}
#ingredients-mv
{
	position:absolute;
	top:0px;
	left:0px;
	width:627px;
	height:333px;
}
#ingredients-scroll
{
	position:absolute;
	top:340px;
	left:70px;
	width:250px;
	height:30px;
}
#ingredient-image
{
	position:absolute;
	top:0px;
	left:10px;
	width:346px;
	height:330px;
}
#ingredient-copy-bg
{
	position:absolute;
	left:354px;
	top:0px;
	width:244px;
	height:330px;
	z-index:0;
}
#ingredient-copy
{
	position:absolute;
	top:105px;
	left:15px;
	width:194px;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	color:#b18a3f;
}
#ingredients-home-bg
{
    position:absolute;
    top:95px;
    left:60px;
    width:734px;
    height:415px;
    background-image:url(../images/Ingredient_Landing_Pic.jpg);
    background-repeat:no-repeat;
    background-position:top;
    z-index:0;
}
#ingredients-home-text
{
    position:absolute;
    top:120px;
    left:503px;
    width:217px;
    height:253px;
    font-size:12px;
    font-family:Trebuchet MS;
    color:#81a52d;
}
/*STORY*/
#story-header
{
    position:absolute;
    top:90px;
    left:115px;
    width:600px;
    height:177px;
    background-image:url(../images/Story_Header.gif);
    background-repeat:no-repeat;
    background-position:top;
    z-index:0;
}
#story-copy
{
    position:absolute;
    top:222px;
    left:276px;
    width:455px;
    height:236px;
    font-size:13px;
    font-family:Trebuchet MS;
    color:#7d7266;
}
#top-nav
{
	position:absolute;
	top:30px;
	left:50px;
	width:400px;
	height:30px;
	color:#BFE35B;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
}
#top-nav a
{
	color:#BFE35B;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}


#ugly-truth-banner
{
    position:absolute;
    top:60px;
    left:100px;
    width:562px;
    height:124px;
    background-image:url(../images/UglyTruth_Header.jpg);
}

#ugly-truth-banner-mv
{
    position:absolute;
    top:227px;
    left:140px;
    width:500px;
    height:242px;  
    text-align:right;  
}
.ugly-truth-banner-content
{
    position:absolute;
    top:0px;
    left:92px;
    width:400px;
    height:242px;  
    text-align:right;
}
#ugly-truth-banner-buttons
{
    position:absolute;
    top:227px;
    left:660px;
    width:160px;
    height:230px;
}
.ugly-truth-text-title
{
    font-size:36px;
    font-family:Trebuchet MS;
    color:#978c9a;
}
.ugly-truth-text-landing-text
{
    font-size:13px;
    font-family:Trebuchet MS;
    color:#978c9a;
}
.ugly-truth-text-text
{
    font-size:17px;
    font-family:Trebuchet MS;
    color:#978c9a;
    line-height:30px;
    letter-spacing:1.5;
}
.ugly-truth-click
{
    font-size:18px;
    font-family:Trebuchet MS;
    color:#ffba00;
}
.ugly-truth-bar {
	position	: absolute;
	top			: 5px;
	left		: 410px;
	width		: 12px;
	height		: 235px;	
	background	: #dcdcdf;	
}

/*EXPERIENCE*/
.experience-mv
{
	position:absolute;
    left: 97px; 
    top: 60px;
    width:741px;
    height:430px;
}
.experience-bg-img
{
	position:absolute;
    left: 0px; top: 0px;
    width:741px;
    height:430px;
    background-image:url(../images/Landing_Headline_bottles.gif);
}
.experience-landing-copy
{
	position:absolute;
    left: 194px; top: 168px;
    width:255px;
    height:206px;
   
}
.experience-img
{
	position:absolute;
    left: 3px; top: 20px;
    width:298px;
    height:106px;  
    text-align:right; 
}
.experience-anim-gif
{
    position:absolute;
    left: 320px; top: 20px;
    width:394px;
    height:367px;  
}
.experience-copy
{
	position:absolute;
    left: 80px; top: 136px;
    width:205px;
    height:377px;   
    color:#9a5f02; 
    width:205px;  
    font-size:14px; 
    font-family:Trebuchet MS; 
    margin-left:15px; 
    text-align:right;
    line-height:20px;
    letter-spacing:1.5;
}
.experience-btn-bar
{
	position:absolute;
    left: 177px; top: 410px;
    width:457px;
    height:14px;
    background-image:url(../images/btn-bar_03.gif);
    z-index:100;
}
.experience-buttons
{
	position:absolute;
    left: 175px; top: 425px;
    width:457px;
    height:35px;
}

/*RESULTS*/
.results-header
{
    position:absolute;
    top:90px;
    left:230px;
    width:475px;
    height:166px;
    background-image:url(../images/Results_headline.jpg);
    background-repeat:no-repeat;
    background-position:top;
}
.results-copy
{
    position:absolute;
    top:266px;
    left:230px;
    width:475px;
    height:216px;
    font-family:Trebuchet MS;
}
.results-copy-title
{
    font-size:18px;
    font-weight:bold;
    color:#0f5c65;
}
.results-copy-text
{
    font-size:15px;
    color:#808285;
}

.store
{
    position:absolute;
    top:27px;
    left:710px;
    width:110px;
    
}
.store a
{
    color:#7fbab2;
    font-size:20px;
    font-family:Trebuchet MS;
    font-weight:bold;
    text-decoration:none;
}
.store a:hover
{
    color:#0c4751;
    font-size:20px;
    font-family:Trebuchet MS;
    font-weight:bold;
    text-decoration:underline;
}





/*SCROLLER*/
#scrollContainer {
	position	: absolute;
	top			: 0px;
	left		: 0px;
	width		: 400px;
	height		: 235px;
	overflow	: hidden;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
#content 
{
	position	: relative;
	width		: 400px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	
}
#scrollArea 
{
	position	: absolute;
	top			: 5px;
	left		: 410px;
	width		: 12px;
	height		: 235px;	
	overflow	: hidden;
	background	: #dcdcdf;
}
#scroller 
{
	position	: relative;
	width		: 14px;
	background	: #fde1b4;
}


/*_____________________ */
/*                      */
/* ALMOND CUSTOM STYLES */
/* ____________________ */
#almond-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Almond_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#almond-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Almond_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#almond-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* ALOE CUSTOM STYLES */
/* ____________________ */
#aloe-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Aloe_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#aloe-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Aloe_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#aloe-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* APRICOT CUSTOM STYLES */
/* ____________________ */
#apricot-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Apricot_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#apricot-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Apricot_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:White;
}
#apricot-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* AVOCADO CUSTOM STYLES */
/* ____________________ */
#avocado-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Avacado_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#avocado-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Avacado_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#avocado-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* CASTOR CUSTOM STYLES */
/* ____________________ */
#castor-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Castor_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#castor-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Castor_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#castor-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* CSAGE  CUSTOM STYLES */
/* ____________________ */
#csage-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/CSage_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#csage-img
{
	width:346px;
	height:330px;
	background-image: url(../images/CSage_pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#csage-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* GRAPE CUSTOM STYLES */
/* ____________________ */
#grape-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Grape_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#grape-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Grape_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#grape-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* HAZEL CUSTOM STYLES */
/* ____________________ */
#hazel-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Hazel_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#hazel-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Hazel_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#hazel-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* JOJOBA CUSTOM STYLES */
/* ____________________ */
#jojoba-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Jojoba_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#jojoba-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Jojoba_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#jojoba-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* KIWI CUSTOM STYLES */
/* ____________________ */
#kiwi-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Kiwi_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#kiwi-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Kiwi_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#kiwi-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* MACADAMIA CUSTOM STYLES */
/* ____________________ */
#macadamia-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Macadamia_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#macadamia-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Macadamia_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#macadamia-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* MANGO CUSTOM STYLES */
/* ____________________ */
#mango-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Mango_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#mango-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Mango_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#mango-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* SESAME CUSTOM STYLES */
/* ____________________ */
#sesame-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/Sesame_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#sesame-img
{
	width:346px;
	height:330px;
	background-image: url(../images/Sesame_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#sesame-font
{
	color:#b18a3f;
}

/*_____________________ */
/*                      */
/* VITAMIN E CUSTOM STYLES */
/* ____________________ */
#vitamine-bg-image
{
	width:244px;
	height:330px;
	background-image: url(../images/VitaminE_Info_Square.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#vitamine-img
{
	width:346px;
	height:330px;
	background-image: url(../images/VitaminE_Pic.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#vitamine-font
{
	color:#b18a3f;
}