﻿

/***************** general **********************************/
body{
	margin:0 auto;
	font-family:Arial;
	min-width:950px;
	width:100%;
	background-color: #FFFFFF;
	}

.clear {
	clear:both
	}

/***************** LINKS and TYPO **********************************/
a:link,a:visited{
	outline:none;
	color:#FF66CC;
	text-decoration:none;
	}
a:hover{
	color:#0000FF;
	text-decoration:none;
	}
a img{
	border:0
	}
p {
	font-family:Arial;
	font-size:12px;
	line-height:1.5em;
	margin:.8em 0;
	font-weight:normal;
	color: #000000;
	}
.read{
	width:406px;
	text-align:right;
	font-family:Arial;
	font-size:12px;
	letter-spacing:.05em;
	}
/***************** SLOGAN, GRASS and LOGO **********************************/
#slogan{
	position:absolute;
	float:left;
	margin-left:10px;
	top:497px;
	left: 148px;

	}
#grass{
	position:absolute;
	float:right;
	right:0;
	margin-top:0px;
	z-index:2;
	}
#logo{
	position:absolute;
	width:100%;
	margin-left:0%;
	margin-top:18px;
	z-index:3;
	left: 308px;

	}
/***************** BIG IMAGE to the left **********************************/
.toppic{
	top:30px;
	float:left;
	text-align:left;
	width:50%;
	background-color: #000000;

	}
#bg{
	width:100%;
	}
/********************* NAVIGATION **********************************/
.navall{
	position:absolute;
	min-width:1050px;
	width:100%;
	z-index:1;
	background-color: ff6699;

	}
#navholder{
	position:absolute;
	float:right;
	min-width:440px;
	background:ff6699;
	width:49.999%;
	margin-top:112px;
	right:0;
	height:29px;
	z-index:-11;
	}
#nav{
	position:absolute;
	width:55%;
	min-width:440px;
	margin:112px 50%;
	text-align:center;
	height:29px;
	z-index:5;
	padding-left:1%;
	z-index:10;
	background-color: #FF6699;

	}
#nav a{
	display:block;
	float:left;
	font-weight:normal;
	font-size:11px;
	font-family:Verdana;
	padding:8px 2.5%;
	text-transform:uppercase;
	letter-spacing:1px;
	color:white;
	background:none;
	}
#nav a:hover{
	background:#FF99CC;
	}

/***************** CONTENT **********************************/
.subcontent{
	float:right;
	min-width:460px;
	width:48%;
	margin-top:156px;
	text-align:left;
	}

.subright{
	width:160px;
	float:right;
	margin-right:2.8%;
	}
.subleft{
	width:256px;
	float:left;
	text-align:left;
	padding:10px;
	}
/***************** CONTENT TYPO **********************************/
.subcontent h1{
	padding-top:6px;
	margin-bottom:2px;
	font-variant:normal;
	font-weight:normal;
	font-family:Arial;
	text-transform:uppercase;
	text-align:center;
	font-size:22px;
	letter-spacing:-.01em;
	color:#000000;
	}
.subcontent h2{
	margin-bottom:6px;
	font-variant:normal;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	font-family:Arial;
	letter-spacing:.07em;
	color:#79B544;
	}
.subcontent h3, .address h4{
	margin:0;
	padding:0;
	margin-top:2px;
	margin-bottom:6px;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana;
	text-transform:none;
	font-size:12px;
	line-height:16px;
	color:#000000;
	}
.subcontent h5{
	font-weight:normal;
	font-family:Arial;
	font-size:14px;
	line-height:16px;
	color:#000000;
	}
.subcontent span{
	font-family:Arial;
	letter-spacing:-.04em;
	font-size:15px;
	line-height:15px;
	color:black;
	}


/***************** SLOGAN DOWN: Everything starts with ... *****************************/
.descript{
	text-align:center;
	margin-top:12%;
	margin-left:0px;
	width:400px;
	z-index:2;
	}
.descript h3{
	text-align:center;
	margin-bottom:0px;
	letter-spacing: .02em;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Arial;
	font-size:22px;
	line-height:24px;
	color:#D102A0;
	}
.descript h4{
	text-align:center;
	margin-bottom:12px;
	margin-top:4px;
	letter-spacing: .02em;
	text-transform:uppercase;
	font-weight:normal;
	font-family:Arial;
	font-size:14px;
	color:#93CC62;
	}

/*****************  IMAGE PRODUCTS LIST ****************************/
.pic{
	width:136px;
	height:130px;
	float:right;
	margin:0px 0px 30px 0;
	padding:0;
	}
.pic img{
	padding:2px;
	border:0px solid #DBD3EA;
	}
.pic img:hover{
	border:0px solid #BDB4D1;
	}

/*****************  PRODUCTS PAGE: OUR PRODUCTS LIST ****************************/
.products-list h2{
	font-style:normal;
	font-size:19px;
	color:#FFBDDE;
	}
.products-list, .products-list-mummies {
	margin-top:12px;
	}
.products-list span, .products-list-mummies span, .contact-products-list span, .contact-products-list-mummies span{
	width:88px;
	height:44px;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	padding:4px;
	font-family:Arial;
	text-transform:uppercase;
	text-align:center;
	font-size:10px;
	letter-spacing:0;
	font-style:normal;
	font-weight:normal;
	color:white;
	background:#93CC62;
	}
.products-list-mummies span {
	background:url(images/p-back.png) repeat-x;
	}


/*****************  PRODUCTS PAGE: SCENTS LIST ****************************/
.products img{
	float:left;
	margin-right:38px;
	margin-bottom:14px;
	padding:2px;
	border:1px solid #DBD3EA;
	}
.products img:hover{
	border:1px solid #BDB4D1;
	}
.explain-txt{
	float:left;
	line-height:18px;
	width:111px;
	margin-right:38px;
	margin-bottom:2px;
	}
.explain h5{
	width:340px;
	font-weight:normal;
	margin-top:12px;
	margin-bottom:14px;
	font-size:12px;
	line-height:18px;
	color:black;
	}
.explain-txt span{
	font-family:Arial;
	line-height:12px;
	color:#9999FF;
	}
.explain-txt em{
	font-size:11px;
	text-transform:uppercase;
	font-style:normal;
	color:#D102A0;
	font-family:Arial;
	font-weight:bold;
	}
.explain strong{
	font-size:13px;
	font-family:Arial;
	font-style:normal;
	font-weight:normal;
	color:black;
	}
/*****************  PRODUCTS PAGE: POPUPS for SCENTS LIST ****************************/
.slideup{
	display:block;
	color:#562005;
	}
.slideup a{
	font-size:12px;
	cursor:pointer;
	display:none;
	}
.slidetext-lemon, .slidetext-mandarin, .slidetext-jasmine, .slidetext-mint, .slidetext-rose, .slidetext-lavender{
	position:absolute;
	margin-top:-350px;
	margin-left:0px;
	width:400px;
	padding:2px;
	border:1px solid #D102A0;
	float:none;
	display:none;
	background:white;
	}
.slidetext{
	width:380px;
	padding:10px;
	font-size:20px;
	color:white;
	background:url(images/toggle-back.png) repeat-x;
	}
.slidetext h2{
	margin-bottom:2px;
	font-size:24px;
	font-style:normal;
	margin-top:2px;
	color:#D102A0;
	}
.slidetext span{
	padding-left:2px;
	font-family:Arial;
	letter-spacing:1px;
	font-size:12px;
	font-weight:bold;
	color:white;
	}
.slidetext p{
	font-family:Arial;
	font-size:14px;
	color:#3A3A56
	}
.slidetext a{
	margin-right:10px;
	}
.close{
	position:absolute;
	float:right;
	right:2px;
	margin-top:-10px;
	}
.close a{
	font-family:Arial;
	padding:6px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
	margin-right:0px;
	padding-top:2px;
	padding-bottom:2px;
	background:#D102A0;
	color:white;
	}
.close a:hover{
	background:url(images/p-back.png) repeat-x;
	color:white;
	}
.toggleslide-lemon span, .toggleslide-mandarin span, .toggleslide-jasmine span, .toggleslide-mint span, .toggleslide-rose span, .toggleslide-lavender span{
	color: #FF6600;
	}
.toggleslide-lemon span:hover, .toggleslide-mandarin span:hover, .toggleslide-jasmine span:hover, .toggleslide-mint span:hover, .toggleslide-rose span:hover, .toggleslide-lavender span:hover{
	color: #93CC62;
	}

/**********  CONTACT PAGE: ADDRESS *************/
.address h3{
	font-size:16px;
	margin-bottom:6px;
	letter-spacing:-.01em;
	color:black
	}
.address h4{
	margin-bottom:2px;
	text-transform:none;
	font-size:14px;
	letter-spacing:-0.04em;
	line-height:16px;
	color:black
	}
/**********  CONTACT PAGE: PRODUCTS LIST *************/
.p-holder {
	margin-top:6%;
	}
.p-holder h4{
	margin-bottom:6px;
	letter-spacing: -1px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:-.07em;
	color:#93CC62;
	}
.contact-products-list span {
	width:150px;
	height:auto;
	background:#93CC62;
	}
.contact-products-list-mummies span {
	width:150px;
	height:auto;
	background:url(images/p-back.png) repeat-x;
	}

/*****************  CONTACT FRAME ****************************/
.contact{
	margin-left:-18px;
	}

/*****************  FOOTER ****************************/
#footer{
	min-width:862px;
	clear:both;
	height:84px;
	margin-top:0px;
	padding:0;
	border-top:4px solid #ccc;
	line-height:22px;
	text-align:center;
	}
#footer .self {
	padding-top:2px;
	margin-bottom:2px;
	font-family:Tahoma;
	text-transform:uppercase;
	font-variant:small-caps;
	text-align:center;
	font-size:10px;
	color:#DBD6D6;
	}
#footer .self a{
	padding:2px;
	color:#C4C0C0;
	}
#footer .self a:hover{
	color:black;
	}
