/* The Haircut Company Master Stylesheet 
==================================
colors:     */

/* Global Styles */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 9pt; 
    color: #666;}

a{color:#637;}
a:hover{color:#a8a;}    
    
/* Basic Page Elements 
======================*/    
body
{
    text-align:center;
    background-color: #3f0046;
    padding-top:20px;
    padding-bottom: 20px;}

#page
{
    width:765px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    background-color: #fff;
    }

#header{}

img{border-width:0;}

/* Sitewide Navigation 
======================*/
#nav{}

/*
#nav {
  list-style: none;
  }

#nav li {
  float: left;
  position: relative;
  width: 10em;
  }
  
#nav li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }
  
#nav li > ul {
	top: auto;
	left: auto;
	}

#nav li:hover ul, #nav li.over ul{ display: block; }

/* Remember, because the lists are floated left, the content underneath it 
	needs to be set free of the floating by applying clear: left to it.

   Also, don't forget to include the suckerfish.js file in your XHTML page.*/  


/* Main Content Area 
====================*/
.content
{
    margin-bottom: 2em;
    padding-top:35px;}


.content h1
{
    font-size: 13pt;
    margin-bottom: 1em;
    color: #415;}

.content h2
{
    font-size: 11pt;
    margin-bottom: 1em;
    color: #a8a;}

.content h3
{
    margin-bottom: .5em;}
    
.content p
{
    margin-bottom: 1em;
    font-size: 9pt;}    

.content ul, #content ol
{
    margin-left: 3em;
    margin-bottom: 1em;}

/* Pricelist */
#pricelist
{
    text-align:center;
    padding-bottom: 1em;
} 

#pricelist table
{
    margin-left:auto;
    margin-right:auto;}       

#pricelist table tr td p
{
    color: #415;
    font-size:11pt;
    margin-bottom:0;
    text-align:left;
    }

#pricelist table tr td p.item
{
    font-weight:bold;
    text-align:right;}    

/* Second column */
#statement
{
    padding:1em 20px 0 54px;}  

#col2 img
{
    margin-bottom: 0 !important;
    margin-bottom:-3px;}   
    
/* C3 */
#c3
{
    text-align:left;
    padding-right:2em;
    padding-top:0;}       

/* Footer 
=========*/
#footer {margin-top:1em;}

#footer p
{
    text-align:center;
    color: #fff;
    font-size: 8pt;}

#footer #logoworks, #logoworks a { color: #a8a; }
#logoworks a:hover { color: #fff; }

/* Specific Overriding Rules 
============================*/
p.contact
{
    font-size: 13pt;
    text-align:center;
    font-weight:bold;
    }
.h1
{
    font-size: 13pt;
    margin-bottom: 1em;
    color: #415;
    }

p.contact a
{
    font-size:9pt;
    font-weight:normal;}