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

body{
background-color:#f4f2f3;
padding:0;
margin:0;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
}


h1{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
}

.top{
width:100%;
background-image:url(images/top_gradient.jpg);
height:160px;
background-repeat:repeat-x;
padding:0;
margin:0;
}

.top2{
width:1024px;
height:160px;
background-image:url(images/swirl_bkg.jpg);
}

.logo{
float:left;
margin-left:10px;
}


.nav{
height:36px;
display:block;
float:none;
padding-top:124px;
}

.nav ul{
list-style:none;
padding:0;
margin:0;
height:36px;
float:none;
position:relative;
left:30px;
}

.nav ul li{
display:block;
float:left;
padding:0;
margin:0;
height:36px;
}

.nav ul li a{
display:block;
float:left;
height:36px;
margin:0;
padding:0;
}

.oursalon li a{
display:block;
height:36px;
width:144px;
float:left;
padding:0;
margin:0;
background-image:url(images/our-salon1.jpg);
}

.oursalon li a:hover{
background-image:url(images/our-salon2.jpg);
}

.oursalonhere li a{
display:block;
height:36px;
width:144px;
float:left;
padding:0;
margin:0;
background-image:url(images/our-salon3.jpg);
}

.services li a{
display:block;
height:36px;
width:117px;
float:left;
padding:0;
margin:0;
background-image:url(images/services1.jpg);
}

.services li a:hover{
background-image:url(images/services2.jpg);
}

.serviceshere li a{
display:block;
height:36px;
width:117px;
float:left;
padding:0;
margin:0;
background-image:url(images/services3.jpg);
}

.giftcertificates li a{
display:block;
height:36px;
width:208px;
float:left;
padding:0;
margin:0;
background-image:url(images/gift-certificates1.jpg);
}

.giftcertificates li a:hover{
background-image:url(images/gift-certificates2.jpg);
}

.giftcertificateshere li a{
display:block;
height:36px;
width:208px;
float:left;
padding:0;
margin:0;
background-image:url(images/gift-certificates3.jpg);
}

.hours li a{
display:block;
height:36px;
width:105px;
float:left;
padding:0;
margin:0;
background-image:url(images/hours1.jpg);
}

.hours li a:hover{
background-image:url(images/hours2.jpg);
}

.hourshere li a{
display:block;
height:36px;
width:105px;
float:left;
padding:0;
margin:0;
background-image:url(images/hours3.jpg);
}

.contact li a{
display:block;
height:36px;
width:121px;
float:left;
padding:0;
margin:0;
background-image:url(images/contact1.jpg);
}

.contact li a:hover{
background-image:url(images/contact2.jpg);
}

.contacthere li a{
display:block;
height:36px;
width:121px;
float:left;
padding:0;
margin:0;
background-image:url(images/contact3.jpg);
}

.flash{
width:100%;
float:none;
background-color:#f4f2f3;
padding:0;
margin:0;
}

.copy{
padding:20px;
width:700px;
}

.copy img{
float:left;
margin-right:20px;
}

.copy2{
padding:20px;
width:1000px;
}

.copy2 img{
float:left;
margin-right:20px;
}

.footer{
width:100%;
padding:20px;
background-color:#5e386f;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
padding-left:60px;
background-image:url(images/footer-bkg.jpg);
background-repeat:no-repeat;
background-position:top left;
border-top:4px solid #CCCCCC;
border-bottom:4px solid #CCCCCC;
}

.footer a{
color:#ffffff;
font-weight:bold;
}

.clear{
clear:both;
display:block;
height:30px;
}

.sidenav{
display:block;
width:240px;
min-height:300px;
background-image:url(images/side_nav_bkg.jpg);
background-color:#572e69;
border:2px solid #805a90;
margin-left:10px;
margin-right:15px;
float:left;
padding-top:60px;
background-repeat:no-repeat;
}

.sidenav ul{
padding:0;
margin:0;
list-style:none;
padding-left:10px;
}

.sidenav ul li{
float:none;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
padding-top:5px;
padding-bottom:5px;
}

.sidenav ul li a{
color:#ffffff;
font-weight:bold;
text-decoration:none;
display:block;;
}

.sidenav ul li a:hover{
color:#e7d0f1;
}

.sidenav ul ul{
padding-left:30px;
list-style:none;
}

.sidenav ul ul li a{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9pt;
font-style:italic;
}

.sidenav ul ul li a:hover{
color:#e7d0f1;
}

.here{
color:#000000;
}

.left{
float:left;
width:400px;
}

.copy2 h2{
color:#572e69;
font-size:14pt;
font-weight:bold;
padding:0;
margin:0;
}