@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:444px;
float:left;
padding-top:10px;
padding-bottom:10px;
}
#leftbox img{
border:3px solid #726668;
float:left;
margin-left:25px;
}

/*RightBox*/
#rightbox{
width:444px;
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;
}