/* Chelsea Spa CSS Document */

/*
Author: L-zanne Wentzel - l-zanne@augment.co.za

homepage only
*/

html{overflow:-moz-scrollbars-vertical;}

* {margin: 0; padding: 0; outline: none;}

body{
background:#75390d url(../gfx/hair_bg.jpg) repeat-x top;
font: 12px Arial, Helvetica, sans-serif normal;
color:#000000;
z-index:0;
}

.clear{
clear:both;
}

a:link {}
a:visited {}
a:hover{}
a:active{}

#container{
    position:relative;
	width: 1024px;
	height: 714px;
    margin: 0px auto;
    text-align:center;
    z-index:0;
}

#container #header{
	height: 125px;
	z-index:1000;	
}

#container #header img{
	padding: 5px 0 0 0;
	z-index:1000;	
}

#container #red{
	position:relative;
	background-color:#7c3f11;
	width: 950px;
	height: 561px;
    margin: 0px auto;
    text-align:center;
	z-index:1000;
}

#container #red img{
	float:left;
}


#container #red  p{
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding: 5px 85px 247px 5px;
	text-align:left;
	z-index: 1000;
	width:500px;
}

#container #red  p a:link, #container #red  p a:visited{
	color:#000;
	text-decoration:underline;
	
}

#container #red  p a:hover{
	color:#000;
	text-decoration:none;	
}

#container #red h1{
	float:right;
}

#container #red h1 img{
	padding: 50px 260px 0 0px;
	float:left;
	
}


#container #red #menu{
	margin: 0px 0 0 0;
	height: 30px;
	background-color:#bc7a26;
	border-bottom: 10px solid #7c3f11;
	z-index: 10000;
	width: 950px;
	position:absolute;
	bottom: 0px;
	left: 0px;	
}

#container #red #menu ul{
	list-style:none;
	text-align:center;
	width: 950px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height: 30px;
	padding: 0 0 0 15px;
}

#container #red #menu ul li{
	float:left;
	color:#380504;
	text-transform:uppercase;
}

#container #red #menu ul li.pricelist{
	color:#eed382;
		text-transform:lowercase;
			padding: 0 0 0 20px;
}

#container #red #menu ul li.sep2{
	padding: 0 3px 0 3px;
	color:#bc7a26;	
}

#container #red #menu ul li.sep{
	padding: 0 3px 0 3px;
}

#container #red #menu ul li a:link, #container #red #menu ul li a:visited{
	color:#380504;
	text-decoration:none;
}

#container #red #menu ul li a:hover{
	color:#380504;
	text-decoration:underline;
}

#container #red table{
	position:absolute;
	right: 205px;
	top: 170px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0 0px;
	width:385px;
}

#container #red table td{
	text-align:left;
}


#container #pattern{
	position:absolute;
	bottom: 0px;
	left: 0px;
	width: 934px;
	height: 444px;
	background:url(../gfx/hair_curls.png) no-repeat bottom left;
	z-index:0;
}

/*Slideshow*/

#slideshow {
    position:relative;
    height:401px;
	float:left;
}

#slideshow IMG {
    position:absolute;
    top:50px;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}