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

*{margin:0; padding:0;}
	img{border:none;}
	html{overflow: -moz-scrollbars-vertical;}

	a{text-decoration:none; border:none;}
	li,p{color:#3c1503; font-family:arial; font-size:12px; line-height:1.3em;}
	h5{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#fa8b99;letter-spacing:1px;}
	p.spacer{margin:50px 0;}
	cite{display:block;}
	span.testimonial{margin-bottom:10px; display:block; color:#fa8b99;}

body{background-color:#fff;}
	#wrapper{width:940px; margin:10px auto 0px; position:relative; padding-left:30px;}
	img.phone{margin:25px 0 0 40px;display:inline;}
	img.main{margin:-15px 0 0 50px;}
	img.comingSoon{margin:150px 0 50px 300px;}
	
	.content{width:100%;float:left; position:relative; }
	 img.paraben{float:right;margin:25px 450px 0 0; display:inline;}
	
	.navigation{width:100%; float:left; margin:10px 0 0px 0px; display:inline; z-index:20; position:relative;}
		.navigation ul{list-style-type:none;width:100%;}
		.navigation ul li{display:inline;}
	
	.navigation p{display:inline; text-transform:uppercase;font-size:13px;height:55px;  letter-spacing:1px; }
	.navigation p a{color:#603526;}
		.navigation p a:hover{color:#fa8b99;}
		.navigation p.lastNav{padding:22px 0 0 25px;}
		.navigation p.selected{background:url(../_images/bg_navigation.png) top no-repeat;}
		p.selectedHome{background:url(../_images/bg_navigation.png) top no-repeat;}

	
	.bottomInfo{width:98%;text-align:center; margin:85px 10px 0 0; z-index:5; position:relative; clear:both;}
		.bottomInfo p{color:#fa8b99; font-size:11px; letter-spacing:1px; text-transform:uppercase;}
	.bottomInfoStory{width:98%; text-align:center; margin:200px 10px 0 0; z-index:5; position:relative;}
		.bottomInfoStory p{color:#fa8b99; font-size:11px; letter-spacing:1px; text-transform:uppercase;}
		.bottomInfoStory ul{list-style-type:none;width:100%; margin-bottom:15px;clear:both; }
		.bottomInfoStory ul li{display:inline; text-transform:uppercase;font-size:10px; letter-spacing:1px; padding:0 4px; }
		.bottomInfoStory ul li a{color:#fa8b99;}
		.bottomInfoStory ul li a:hover{color:#603526;}
		.bottomInfoStory ul li.lastNavBot{border-right:none;}
		.bottomInfoStory img{margin-bottom:15px;}
	
	.bottomInfo ul{list-style-type:none;width:100%; margin-bottom:15px;clear:both; }
		.bottomInfo ul li{display:inline; text-transform:uppercase;font-size:10px; letter-spacing:1px; padding:0 4px; }
		.bottomInfo ul li a{color:#fa8b99;}
		.bottomInfo ul li a:hover{color:#603526;}
		.bottomInfo ul li.lastNavBot{border-right:none;}
	.bottomInfo img{margin-bottom:10px;}
	
	
	
	
	/**************************************************************************
	--------------------ABOUT PAGE STYLES/ OUR STORY---------------------------
	***************************************************************************/
	
	.about{width:575px; margin:65px 0 0 250px;}
		.about p{letter-spacing:1px;}
			.about p strong{font-size:14px;}
			.about p em{color:#fa8b99; font-style:normal;font-size:14px;}
	.aboutIE{width:575px; margin:5px 0 0 250px;}
		.aboutIE p{letter-spacing:1px;}
			.aboutIE p strong{font-size:14px;}
			.aboutIE p em{color:#fa8b99; font-style:normal;font-size:14px;}
	
	.elena{margin:0 30px 0 0; display:inline;width:150px;}
	
	
	#mycustomscroll {
		/* Typical fixed height and fixed width example */
		width:356px;
		height:350px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
		float:right;
		}
	
	/*.aboutCopy{float:right;width:356px; height:370px; overflow:auto; position:relative;}*/
		#mycustomscroll p{line-height:25px; letter-spacing:1px; font-size:13px; margin-bottom:10px;}
	
	
	div.aboutNav{position:absolute;top:140px; left:140px; text-align:left;}
	.aboutNav ul{list-style-type:none;}
	.aboutNav ul li{display:block;margin-bottom:10px;}
	.aboutNav ul li a{color:#3c1503;}
	.aboutNav ul li a:hover, .aboutNav ul li a.selected{color:#fa8b99}
	span.emphasize{font-size:14px;}


/******  ABSOLUTELY POSITIONED IMAGES **********************/	
	img.logo{position:absolute; top:515px; left:48px;}
	img.safeCos{position:absolute; top:620px; left:150px; z-index:50;}
	img.disBranch{position:absolute;top:225px; left:-88px;}
	img.storyLogoBranch{position:absolute; top:460px; left:160px;}
	img.mainLogoBranch{margin:-26px 0 0 79px;}
	img.disBotLeft{position:absolute;top:500px;left:-230px;}
	img.disBotRight{position:absolute;top:520px;left:880px;}
	img.disVertBranch{position:absolute;top:1185px; left:850px;}
	img.ourStoryFlower{position:absolute;top:-15px; left:-25px;}
	img.ourBotBranch{position:absolute;bottom:2px; right:0px;}
	img.edBranch{position:absolute;top:235px; left:38px;}
	
	img.naturalImage{position:absolute;top:0px; right:-130px;}
	img.leftBottomBranch{position:absolute;left:-50px; bottom:17px;}
	img.rightBottomBranch{position:absolute;right:-40px; bottom:22px; z-index:0;}
	
	
	
	/******************----- PRODUCT BRANCHES------*****************/
	img.cleanserBranch{position:absolute;top:133px;left:70px; z-index:-5;}
	img.tonerBranch{position:absolute;top:225px;left:95px; z-index:-5;}
	img.collagenBranch{position:absolute;top:193px;left:5px; z-index:-5;}
	img.daycreamBranch{position:absolute;top:190px;left:140px; z-index:-5;}
	img.rosemistBranch{position:absolute;top:155px;left:95px; z-index:-5;}
	img.nighteyeBranch{position:absolute;top:235px;left:0px; z-index:-5;}
	img.purifyingBranch{position:absolute;top:132px;left:102px; z-index:-5;}
	img.rosepetalBranch{position:absolute;top:145px;left:130px; z-index:-5;}
	img.regenBranch{position:absolute;top:140px;left:160px; z-index:-5;}
	img.serumBranch{position:absolute;top:260px;left:0px; z-index:-5;}
	img.lotionBranch{position:absolute;top:145px;left:-55px; z-index:-5;}
	img.minBathBranch{position:absolute;top:175px; left:15px;z-index:-5;}
	
	
	/*---------------------BOTTLE BRANCHES----------------------------*/
	img.tonerBottleBranch{position:absolute;top:120px;right:195px;z-index:-5;}
	img.cleanserBottleBranch{position:absolute;top:110px;right:127px;z-index:-5;}
	img.dayCreamBottleBranch{position:absolute;top:320px;right:175px;z-index:-5;}
	img.collagenBottleBranch{position:absolute;top:110px;right:140px;z-index:-5;}
	img.purifyBottleBranch{position:absolute;top:290px;right:253px;z-index:-5;}
	img.serumBottleBranch{position:absolute;top:290px;right:148px;z-index:-5;}
	img.hydratingBottleBranch{position:absolute;top:255px;right:205px;z-index:-5;}
	img.lotionBottleBranch{position:absolute;top:245px;right:155px;z-index:-5;}
	img.minBathBottleBranch{position:absolute;top:375px;right:65px; z-index:-5;}
	
	
	
	
	

.educationMain{float:right; width:360px;margin:20px 80px 20px 0; z-index:50; position:relative; display:inline; }
		.educationMain p{margin-bottom:10px;letter-spacing:1px; line-height:1.6em; font-size:12px;}
		.educationMain p strong{letter-spacing:.1em;}
		.educationMain p em{color:#fa8b99; font-style:normal} 
		.educationMain p a{color:#3c1503; font-style:normal;}
			.educationMain p a:hover{color:#fa8b99;}
		.press ul, .educationMain ul{margin:20px 0;}
		.press ul li, .educationMain ul li{list-style-type:circle; margin-bottom:15px; letter-spacing:1px; line-height:1.6em; font-size:12px;margin-left:15px;}
		.press ul li a, .educationMain ul li a{color:#3c1503;}
	.press ul li a:hover, .press ul li a.selected, .educationMain ul li a:hover, .educationMain ul li a.selected{color:#fa8b99}
	
div.educationNav{position:absolute;top:130px; left:270px; text-align:left; z-index:50;}
	.educationNav ul{margin-top:25px;}
	.educationNav ul{list-style-type:none;}
	.educationNav ul li{display:block;margin-bottom:10px;}
	.educationNav ul li a{color:#3c1503;}
	.educationNav ul li a:hover, .educationNav ul li a.selected{color:#fa8b99}

	
	a.artLink{text-decoration:underline;}
	
	
/****************--------------*******************************/
	


.formContainer{width:900px; margin:100px 0 0;}
	.form{width:389px; float:right; margin:0 30px 20px 0; display:inline;}
	.form table{margin-left:20px; position:relative;z-index:2500;}
	.form table p{letter-spacing:1px; font-size:13px; margin-bottom:10px;color:#603526;}
		.form table label{font-family:arial; letter-spacing:1px; font-size:13px;color:#603526; line-height:25px;}
	
	.formStatement{width:389px;margin-left:60px;}
		.formContent{background-color:#fee8eb; padding:0px 20px;}
		.formContent p{letter-spacing:2px; font-size:15px;color:#603526;line-height:26px;}


/****************************************************************
--------------------PRODUCT PAGE SPECIFIC STYLES -----------------
*****************************************************************/

div.productContent{margin:80px 70px 0 0;overflow:hidden; z-index:10;}
	.productMain{float:right; width:330px;margin-right:60px; z-index:10; position:relative; display:inline;}
		.productMain p{margin-bottom:10px;letter-spacing:1px; line-height:1.6em;}
		.productMain p em, .productMain p a{color:#fa8b99; font-style:normal;}
	 ul.directions{background:url(../_images/productImages/bg_directions.png) no-repeat; width:210px; list-style-type:none; text-align:center;margin:-20px 0 10px; height:25px;}
	 ul.directions li{line-height:25px;display:inline; text-transform:uppercase; font-size:11px; border-right:2px #fa8b99 solid; letter-spacing:.13em;}
	 ul.directions li a{color:#3c1503;padding:0 5px;}
	 ul.directions li.lastOne{border:none;}


div.productNav{margin:20px 0 0 280px;text-align:left;}
	.productNav ul{list-style-type:none;}
	.productNav ul li{display:block;margin-bottom:10px;}
	.productNav ul li a{color:#3c1503;}
	.productNav ul li a:hover, .productNav ul li a.selected{color:#fa8b99}


div#flashBird{position:absolute;top:0px; left:-54px; z-index:5;}