@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
outline:none;
}

html, body{
background:#5b4f51;
}

#header{
width:938px;
margin:auto;
}
#logo{
width:468px;
height:90px;
background:url(../images/header.gif) no-repeat;
float:left;
}

#menutop{
float:right;
width:238px;
padding-top:45px;
}
#menutop div{
height:13px;
float:right;
background-repeat:no-repeat;
cursor:pointer;
}
#home{
width:59px;
background:url(../images/home.gif);
}
#contact{
width:123px;
background:url(../images/contact.gif);
}
#shop{
width:56px;
background:url(../images/shop.gif);
}

/*Menu*/
#menu{
width:938px;
clear:both;
}
#menu div{
height:20px !important;
float:left;
cursor:pointer;
}
#menu a:hover div, #menu .current{
background-position:0 -20px;
}
#about{
background:url(../images/menu-about-us.gif);
width:81px;
}
#services{
background:url(../images/menu-services.gif);
width:86px;
}
#salon{
background:url(../images/menu-salon.gif);
width:141px;
}
#portfolio{
background:url(../images/menu-portfolio.gif);
width:98px;
}
#boutique{
background:url(../images/menu-boutique.gif);
width:222px;
}
#testimonial{
background:url(../images/menu-testimonial.gif);
width:113px;
}
#classes{
background:url(../images/menu-classes.gif);
width:78px;
}
#hair{
background:url(../images/menu-hair-center.gif);
width:110px;
}
/*IMAGES*/
#images{
clear:both;
width:989px;
height:530px;
background:url(../images/image.gif);
float:left;
margin-top:10px;
}
#flash{
width:758px;
height:500px;
margin:auto;
margin-top:15px;
}

/*CONTENT*/
#wrap{
width:932px;
margin:auto;
}
#content{
width:758px;
/*border:15px solid #726668;*/
font-family:Arial, Helvetica, sans-serif;
float:left;
margin-top:10px;
margin-left:80px;
-margin-left:40px;
background-position:center !important;
}
#content h1{
padding:5px 15px;
font-family:"Trebuchet MS";
font-size:26px;
color:white;
}
#content h2{
padding:5px 15px;
font-family:"Trebuchet MS";
font-size:18px;
color:white;
}
#content h3{
padding:5px 15px;
font-family:"Trebuchet MS";
font-size:15px;
color:white;
font-weight:normal;
}
#content p, #content ul{
padding:5px 15px;
color:white;
font-size:13px;
}
#content ul{
padding:5px 30px;
}
#content ul li{
padding:5px 0;
}
#content small{
color:#bcb51e;
}
#content .left{
float:left;
margin:5px 15px;
}
#content hr{
width:250px;
margin:auto;
margin-top:15px;
margin-bottom:15px;
clear:both;
}
#content a{
color:#F6E12E;}
#content img.center{
display:block;
margin:auto;
margin-bottom:5px;
margin-top:5px;
}
/*LEFT*/
#left-content{
width:330px;
height:400px;
overflow:hidden;
float:left;
}
#scroll{
overflow:hidden;
height:400px;
}
#left-content p{
padding:15px 30px;
}
#content #left{
width:220px;
float:left;
}
#content #left ul{
text-align:center;
list-style:none;
font-weight:bold;
}
#content #left ul li{
font-size:13px;
margin:0;
padding:4px 0;
}
#right img{
border:5px solid #726668;
}
p.center{
text-align:center;
}
#content #left ul li li{
font-size:10px;
padding:2px 0;
}
#content #left a{
color:white;
text-decoration:none;
}
#content #left a:hover{
color:#D8CE4E;
}
/*RIGHT*/
#content #right{
width:680px;
float:left;
}
/*BOXES*/
#boxes{
width:880px;
padding-top:10px;
padding-bottom:10px;
margin:auto;
}
.box img{
border:5px solid #726668;
float:left;
margin-right:10px;
}
/*LEFTBox*/
#leftbox{
	width:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
#leftbox img{
border:3px solid #726668;
float:left;
margin-left:25px;
}

/*RightBox*/
#rightbox{
	width:480px;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	margin-right:40px;
}
#rightbox img{
border:3px solid #726668;
float:right;
margin-left:25px;
}
/*Footer*/
#footer{
width:890px;
clear:both;
overflow:hidden;
}
#footer ul, #footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
color:#373231;
}
#footer a{
text-decoration:none;
}
#footer ul li{
display:inline;
}
#footer ul li a{
color:#373231;
}
#footer p a.register{
color:#373231;
font-weight:bold;
font-style:italic;

}
#up{
width:16px;
height:16px;
background:url(../images/up.gif);
clear:both;
}
#down{
width:16px;
height:16px;
background:url(../images/down.gif);
clear:both;
}


/*MENUTAB*/
#menutab{
width:932px;
margin:auto;
clear:both;
}
#menutab ul{
list-style:none;
}
#menutab ul li{
float:left;
padding:2px 0;
}
#menutab a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px 10px 2px 11px;
color:white;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
display:block;
}
#menutab a:hover{
color:#D8CE4E;
}
.submenu{
position:absolute;

width:160px;
border:5px solid #726668;
background:#5b4f51;
height:0px;
-webkit-box-shadow:5px 5px 8px #000;
-moz-box-shadow:5px 5px 8px #000;
}
.submenu li{
width:160px;
}

/*CHART*/
.chart{
color:white;
font-size:12px;
}
.chart td{
padding:0 2px;
color:white;
}
.chart img{
border:none !important;
}

.left-chart{
width:100px;
margin:auto;
}






    /* SLIDER CODE BELOW, DO NOT EDIT */




    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    
	
	/* // image replacement */
			
	#container{	
		margin-top:15px;
		position:relative;
		width:902px;
		height:auto;
		background:#transparent;		
	
		}	
				
		

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:902px;
		height:498px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#333333;
		color:#fff;
		padding:0 10px;
		text-decoration:none;
	
		}
	ol#controls li.current a{
		background:#fff;
		color:#333333;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // END OF Easy Slider */