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


body {
	background-color:#e5e5e5;
	height:100%;
	border-collapse:collapse;	
	}

body.black {
	background-color:#000;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size:11px;
	}	

.intro {
	display:block;
	width:301px;
	height:313px;
	position:relative;
	margin:140px auto;
}

p {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size:11px;
	}
	
.lineheight {
	line-height:18px;
	}	
	
.bold {
	font-size:12px;
	font-weight:bold;
	color: #73b303;
}

.price {
	font-size:11px;
	font-style:italic;
	color: #666666;
}


#main-wrapper {
	width:960px;
	height:590px;
	margin:30px auto;
	background-color:#FFFFFF;
	position:relative;
}

#main-wrapper .wrapper {
	width:960px;
	height:590px;
	border:1px solid #afafaf;
	background-color:#FFFFFF;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
}

#intro-container {
	width:750px;
	height:306px;
	position: relative;
	margin:150px auto;
}

#intro-container-line {
	width:779px;
	height:290px;
	position: relative;
	margin:160px auto;
}


#intro-container-line .orchid {
	width:117px;
	height:245px;
	display:block;
	position:absolute;
	top:170px;
	left:170px;
	z-index:50;
}

#intro-container-line .orchid-sml {
	width:199px;
	height:108px;
	display:block;
	position:absolute;
	top:280px;
	left:288px;
	z-index:50;
}

.salon-container {
	display:block;
	height:226px;
	width:238px;
	float:left;
	margin-right:18px;
}

.salon-container a {
	display:block;
	background-image:url(images/intro-salon.png);
	background-repeat:no-repeat;
	height:226px;
	width:238px;
}

.salon-container a:hover {
	display:block;
	background-image:url(images/intro-salon-HV.png);
	background-repeat:no-repeat;
	height:226px;
	width:238px;
}


.spa-container {
	display:block;
	height:226px;
	width:238px;
	float:left;
	margin-right:18px;	
}

.spa-container a {
	display:block;
	background-image:url(images/intro-spa.png);
	background-repeat:no-repeat;
	height:226px;
	width:238px;
}

.spa-container a:hover {
	display:block;
	background-image:url(images/intro-spa-HV.png);
	background-repeat:no-repeat;
	height:226px;
	width:238px;
}


.kids-container {
	display:block;
	height:226px;
	width:238px;
	float:left;
}

.kids-container a {
	display:block;
	background-image:url(images/intro-kids.png);
	background-repeat:no-repeat;
	height:226px;
	width:238px;
}

.kids-container a:hover {
	display:block;
	background-image:url(images/intro-kids-HV.png);
	background-repeat:no-repeat;
	height:226px;
	width:238px;
}

a:link, a:visited {
	color:#000000;
	text-decoration: none;
	}

a:hover {
	color: #73b303;
	text-decoration: none;
	}

/* ============================================================================= HEADER =========================================================================================*/

#header {
	width:960px;
	height:80px;
	padding:0px;
	margin:0px;
	background-color:#fff;
	border-top:0px solid #353535;
	border-left:0px solid #353535;
	border-right:0px solid #353535;
	position:relative;
	display:block;
	float:left;
}

.navcontainer-full-width {
padding:0px;
width:672px;
top:43px;
left:260px;
position: absolute;
z-index:50;
display:block;
height:auto;
border:0px solid #000000;
}

.navcontainer {
width:600px;
top:43px;
left:260px;
position: absolute;
z-index:50;
display:block;
height:22px;
border:0px solid #000000;
padding:0px;
margin:0px;
}

ul#main-nav {
margin:0px;
padding:0px;
float:left;
width:650px;
display:block;
position:relative;
border:0px solid #000000;
}

ul#main-nav li {
list-style:none;
float:left;
font-weight:bold;
text-align:center;
display:inline;
border:0px solid #000000;
margin:0;
padding:0px 12px;
font-size:11px;
}

ul#main-nav li a:link, ul#main-nav li a:visited, ul#main-nav li a:active {
text-decoration:none;
color:#000000;
font-family: Arial, Verdana;
font-size:11px;
width:100%;
padding:0px 0px;
}

ul#main-nav li a:hover {
color: #73b303;
text-decoration:none;
font-family: Arial, Verdana;
font-size:11px;
padding:0px 0px;
}



/* ============================================================================= CONTENT =========================================================================================*/

.content {
	width:900px;
	height:490px;
	border:0px solid #FF0000;
	position: absolute;
	top:90px;
	left:30px;
	background-color:#FFFFFF;
	color:#6e6e6e;
	font-family: Arial, Verdana;
	font-size:11px;
	padding:0px;
	margin:0px;	
	}
	


#nav2 {
	display:block;
	position:absolute;
	top:45px;
	left:0px;
	width:145px;
	height:auto;
	font-weight: bold;
	border: 0px solid #000;
}

#nav2 ul {
	padding:0px;
	margin:0px;
	}

#nav2 li {
display:block;
width:100%;
list-style:none;
float:left;
text-align:left;
padding:1px 0px 1px 0px;
margin: 0;
border-bottom:1px dashed #e2e2e3;
}

#nav2 li a:link, li a:visited, li a:active {
color:#727272;
width:100%;
display:block;
font-size:10px;
text-decoration:none;
line-height:2em;
padding:0px 0px 0px 2px;
}

#nav2 li a:hover {
color:#659325;
font-size:10px;
text-decoration:none;
background-color:#c9ed97;
width:100%;
display:block;
line-height:2em;
padding:0px 0px 0px 2px;
}

#nav2 li .on {
color:#659325;
text-decoration:none;
font-size:10px;
background-color:#c9ed97;
width:100%;
line-height:2em;
display:block;
padding:0px 0px 0px 2px;
}

h2 {
	font-size:12px;
	position:absolute;
	left:40px;
	top:45px;
	z-index:17;
	}


/* ============================================================================= MAIN CONTAINER =========================================================================================*/

.main-container {
	display:block;
	width:570px;
	height:400px;
	border: 1px solid #000;
	position:absolute;
	left:270px;
	top:45px;		
}


.titles {
	position:absolute;
	left:360px;
	top:50px;
	display:block;
	width:480px;
	height:24px;
	border-bottom:1px solid #999999;
	z-index:120;
	}

.press-title {
	position:absolute;
	left:15px;
	top:0px;
	display:block;
	width:775px;
	height:24px;
	border-bottom:1px solid #999999;
	z-index:120;
	}
	
.grfx-container {
	display:block;
	width:182px;
	height:321px;
	position:absolute;
	top:45px;
	left:165px;
}

.press-container {
	position:absolute;
	left:64px;
	top:110px;
	display:block;
	width:775px;
	height:115px;
	z-index:122;
}
	
.retail-container {
	position:absolute;
	left:64px;
	top:80px;
	display:block;
	width:775px;
	height:115px;
	z-index:122;
}

.temp-gallery-container {
	position:absolute;
	left:35px;
	top:50px;
	display:block;
	width:800px;
	height:115px;
	z-index:122;
}
		
	

/* ============================================================================= FOOTER =========================================================================================*/
	
#footer-container {
	width:830px;
	display:block;
	height:20px;
	padding:0px;
	border:1px solid #90c744;
	background-color:#c9ed97;
	position:absolute;
	top:550px;
	left:30px;
	font-family: Arial, Verdana;
	font-size:10px;
	float:left;	
	}	

.facebook {
	display:block;
	position:absolute;
	bottom:0px;
	right:50px;
	width:25px;
	height:25px;
	padding:15px;
	margin:0px;
	}

#footer-container .footer {
	color:#000;
	font-size:10px;
	padding:3px 0px 0px 10px;
	}
	
#footer-container .contact {
	color:#545454;
	font-size:10px;
	padding:3px 0px 0px 10px;
	}	

#footer-container .contact-nav {
	display:block;
	width:76px;
	height:15px;
	position:absolute;
	top:3px;
	font-size:10px;
	left:750px;
	border:0px solid #FF0000;
	}
	
#footer-container .contact-nav a:link, a:visited, a:active {
	text-decoration:none;
	color:#000;	
	}	

#footer-container .contact-nav a:hover {
	text-decoration:none;
	color: #73b303;
	}
	
#footer-container .sites {
	display:block;
	width:76px;
	height:15px;
	position:absolute;
	top:3px;
	font-size:10px;
	left:690px;
	border:0px solid #FF0000;
	}
	
#footer-container .sites a:link, a:visited, a:active {
	text-decoration:none;
	color:#000;	
	}	

#footer-container .sites a:hover {
	text-decoration:none;
	color: #73b303;
	}	
	
	
	
.salon-container-line {
	display:block;
	height:207px;
	width:260px;
	float:left;
}

.salon-container-line a {
	display:block;
	height:207px;
	width:260px;
}

.spa-container-line {
	display:block;
	height:207px;
	width:259px;
	float:left;
	margin-top:30px;
}

.spa-container-line a {
	display:block;
	height:207px;
	width:259px;
}

.kids-container-line {
	display:block;
	height:207px;
	width:260px;
	float:left;
}

.kids-container-line a {
	display:block;
	height:207px;
	width:260px;
}

.retail-grfx {
	display:block;
	height:282px;
	width:247px;
	float:left;
	margin-right:100px;
}