/***************
ESSENTIAL TAGS
***************/ 

body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%;
   background: #d4c3d7 url(../pix/layout/bkg.gif) repeat-x 0 0;
   color: #000000;
   text-align: center; /*for old IE browsers*/
   }

* {
   margin: 0px;
   padding: 0px; 
   border: 0;
   behavior: url(iepngfix.htc)
   }

.clearfloats { 
   clear: both; 
   }
   
a:link { 
   color: #3f1147; 
   font-weight: bold; 
   text-decoration: none; 
   }
   
a:visited { 
   color: #3f1147;
   font-weight: bold; 
   text-decoration: none; 
   }
   
a:hover { 
   color: #b99bbd;
   font-weight: bold;
   text-decoration: none;
   }

p {
   color: #000000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   padding: 0 0 .7em 0;
   margin: 0 20px 0 20px;
   }
     
p span {
   font-weight: bold;
   }
   
img {
   border: 0;
   }   
   
h1, h2 {
   color: #3f1147;
   font-family: verdana, helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   margin: .5em 0px 0px 10px;
   padding-bottom: 0;
   }   
   
h2 {
   font-size: .8em;
   margin: .5em 0px -.2em 20px;
   text-transform: capitalize;
   }   

ul {
   margin: 3px 30px 20px 50px;
   list-style-type: disc;
   list-style-position: outside;
   }   
   
ul li {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   font-weight: normal;
   margin: 0px 0px 3px 0px;
   float: none;
   color: #000;
   }      
   
/*************
CONTAINERS
*************/   
   
#page_container {
   margin-right: auto; 
   margin-left: auto;
   margin-top: 0px;
   width: 800px;
   padding-bottom: 5px;
   background-color: #fff;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   text-align: left; /*to fix center align in body*/
   }

   
/*************
TOP OF PAGES
*************/  
       
#header {
   background: url(../pix/layout/header.gif) no-repeat 0 0;
   width: 800px;
   height: 108px;
   margin: 0;
   }	   

#header .call {
   text-align: right;
   margin-top: 10px;
   font-size: .7em;
   }   

#header .call span {
   font-size: 1.8em;
   color: #3f1147;
   font-weight: normal;
   }      
   
#fb {
   float: right;
   margin: 0 20px 0 0;
   }      
      
/*********
NAVIGATION
**********/
       
#nav {
   /*ff*/
   margin: 40px 0 0 240px;
   /*ie*/
   #margin: 29px 0 0 240px;
   }
         
#nav a:link { 
   color: #fff; 
   }

#nav a:visited { 
   color: #fff; 
   }

#nav a:hover {
   color: #d4c3d7;
   }  
   
#nav a { 
   text-decoration: none; 
   font-weight: bold;
   font-size: 13px;
   padding: 0 18px 0 18px;
   margin: 0;
   text-align: left;
   float: left;
   display: block;
   height: 22px;
   }
   
   
#nav ul { 
   list-style: none;
   padding: 0; 
   margin: 0; 
   }    
                     
#nav li, #nav li li { 
   float: left;
   border: 0;
   position: relative;
   }
        
li>ul { 
   top: auto; 
   left: auto; 
   }

#nav ul li li { 
   display: block;
   float: none;
   border: 0;
   width: 100%;
   }
         
li:hover ul, li.over ul { 
   display: block 
   }
             
li ul { 
   display: none;
   position: absolute;
   top: 22px;
   left: 0px;
   padding-bottom: 4px;
   background-color: #3f1147;
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
   }   
   
#nav_services, #nav_about {
   width: 160px;
   padding: 7px 8px 5px 8px;
   }    
   
#nav_services a, #nav_about a {
   width: 124px;
   }   
   
#nav_services a:hover, #nav_about a:hover {
   background: #b99bbd;
   color: #fff;
   }   
      

/* fix for IE6 bug 
li a { 
   background-color: #3f1147; 
   }
*/    
   
   
/***************
BOTTOM OF PAGES
***************/   
   
#footer {
   border: 1px solid #ccc;
   width: 800px;
   height: 53px;
   text-align: left;
   margin-right: auto;
   margin-left: auto;
   background-color: #fff;
   } 
   
.f_left {
   float: left;
   width: 300px;
   padding-top: 9px;
   }       
   
.f_left span {
   color: #71397a;
   }   
   
.f_right {
   float: right;
   background: url(../pix/layout/btm_star.gif) no-repeat 0 0;
   height: 45px;
   width: 200px;
   font-size: 1.4em;
   color: #71397a;
   padding: 7px 0 0 0;
   margin: 5px 10px 0 0;
   text-align: left;
   }   
   
.webdesign {
   padding: 3px 0;
   margin-right: auto;
   margin-left: auto;
   text-align: center;
   font-size: .7em;
   }   
  
/***************
SPECIFIC PAGES
***************/ 

/* index */

#flash_index {
   width: 800px;
   height: 250px;
   border: 0;
   margin: 0 0 20px 0;
   padding: 0;
   }
   
.title {
   margin: 2px 0 0 20px;
   }   
    

/**************
SERVICES PAGE
***************/

.services, .facials {
   margin: 20px 0 0 25px;
   padding: 0 50px 20px 0;
   }  

.services_menus {
   margin: 20px 0 0 25px;
   padding: 0 20px 20px 0;
   }   
   
.menu_pics {
   float: right;
   width: 200px;
   margin-top: 10px;
   }   
   
.menu_pics img {
   margin-bottom: 5px;
   }    
         
.menu {
   border: 0;
   width: 450px;
   margin: 10px 0 25px 30px;
   font-size: .8em;
   }   

.ml {
   width: 200px;
   padding: 7px 0 3px 4px;
   } 
   
.ml span {
   padding-left: 20px;
   }        
   
.mr {
   text-align: right;
   padding: 7px 4px 3px 0;
   }   

.ml, .mr {
   border-bottom: 1px dashed #71397a;
   }   
       
   
/* facials */
    
.facials h1, .peds h1 {
   width: 600px;
   height: 25px;
   float: left;
   border-bottom: 1px dashed #3f1147;
   margin: 15px 0 6px 20px;
   font-size: 1em;
   }   
   

.facials span, .peds span {
   float: left;
   width: 100px;
   height: 25px;
   font-size: 1em;
   font-weight: bold;
   text-align: right;
   margin: 15px 0px 6px 0;
   color: #3f1147;
   border-bottom: 1px dashed #3f1147;
   }
   
.peds h1 {
   margin-top: 10px;
   width: 360px;
   }   
   
.peds span {
   margin-top: 10px;
   }   
   
.facials p {
   width: 700px;
   }   
   
.peds p {
   width: 450px;
   }   
   
.facials_pic {
   float: right;
   margin: 0 0 15px 15px;
   }   
   
/* weddings */

.wedd_pics {
   width: 150px;
   float: right;
   margin: 50px 20px 10px 15px;
   }   
   
.wedd_pics img {
   border: 1px solid #ccc;
   margin-bottom: 5px;
   }   

.weddings {
   text-align: center;
   margin: 15px 0;
   }   

.weddings p {
   margin: 10px 0;
   }   
   
.weddings p span {
   font-weight: bold;
   font-style: italic;
   color: #71397a;
   font-size: 1.2em;
   }   
   
/* staff page */

.employ {
   margin-top: 10px;
   padding-top: 12px;
   border-top: 1px solid #b99bbd;
   font-style: italic;
   }   
   
/* salon tour page */


.salon {
   margin: 20px 0 0 15px;
   padding: 0 0px 20px 0;
   }  

.salon_pix {
   float: left;
   margin: 8px 10px 12px 20px;
   }
   
/* contact page */


#contactform {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   width: 400px;
   padding: 0px 20px 0px 40px;
   color: #000000;
   }
   
.formitem {
   margin-top: 20px;
   }   
   
.formitem label {
   color: #000000;
   width: 400px;
   }   
   
input, textarea {
   border: 1px solid #b99bbd;
   }   
   
.submit { 
   margin: 10px 0 10px 0;
   border: 0;
   }
                     
.disclaimer { 
   font-size: .9em;
   font-style: italic; 
   text-align: left;
   color: #000000;
   margin: 0;
   }