body, html
{
    padding:        0px;
    margin:         0px;
    font-family:    "Trebuchet MS", verdana, sans-serif;
    font-size:      16px;
}

#Header
{
    height:     156px;
    background-color:   #fff;
}

#footer
{
    text-align:     center;
    font-size:      small;
    color:          #a68352;
}

#footer a
{
    color:          #a68352;
}

#footer a:hover
{
    color:          black;
}

#Sidebar
{
    position:       absolute;
    top:            0px;
    right:          0px;
    width:          120px;
    background:     #d5bdd5 url(../images/right-shadow.jpg) -1px 0px repeat-y fixed;
    height:         100%;
}

#Sidebar img
{
    padding:        0px 5px 250px 10px;
}

/* in-line images */
p img.float
{
    float: right;
    margin-top: 25px;
}

p img.textfloat
{
    float: right;
    margin-top: 5px;
    margin-left: 10px;
}


h1, h2, h4
{
    font-variant:   small-caps;
    color:          #a68352;
}

h1
{
    font-size:      20px;
    margin-top:     8px;
    margin-bottom:  0px;
}

h2
{
    font-size:      16px;
    margin-top:     7px;
    margin-bottom:  0px;
}

h4
{
    font-size:      12px;
}

div.figure
{
    text-align:         center;
    margin-bottom:      0px;
    padding-bottom:     0px;
    margin-top:         10px;
}

div.figure a img
{
    border: none;
}

div.caption
{
    text-align:         center;
    margin-top:         1px;
    padding-top:        1px;
    font-size:          smaller;
}

div.spacer
{
    height:     4em;
}

div.spacer.large
{
    height:     12em;
}


div.spacer.medium
{
    height:     8em;
}


tr p
{
    line-height:    100%;
    margin-top:     0px;
    margin-bottom:  2px;
}

th
{
    text-align: left;
}

td
{
    vertical-align: top;
}

table.therapists tr td
{
    padding:        5px;
}

table.prices tr td
{
    vertical-align: bottom;
}

table.prices h2
{
    margin-top:     6px;
    margin-bottom:  0px;
}

table.treatments tr td
{
    padding-right:  15px;
}

body
{
    /* lilac */
    background-color:   #d5bdd5;
}

#header
{
    text-align:     center;
    color:          white;
    margin-top:     00px;
}

#masthead
{
    margin:   0px 120px;
    
    /* dark purple */
    background-color:   #5a3d59;
    
    /* brown */
    border: 3px solid #a68352;
    border-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a68352;
}



#imagebar-wrapper
{
    
    /* medium purple */
    /*
    background-color:   #7c597c;
    border: 3px solid #a68352;
    */
    background-color:   #d5bdd5;
    border-left: 0px;
    border-right: 0px;
    margin:   0px 120px;
}

#imagebar
{
    margin:   0px 0px;
    /* brown */
    border: 3px solid #a68352;
    border-top: 0px;
    border-bottom: 0px;
    background-color:   #5a3d59;
    background-color:   #7c597c;
    padding: 6px 0px 3px 0px;
}

#imagebar a, #imagebar img
{
    border: 0px;
}

#Sidebar img
{
    display: none;
}


#Main
{
    /* dark purple */
    background-color:   #5a3d59;
    color: #d5bdd5;
    /*
    border:             3px solid #a68352;
    */
    border:             3px solid #a68352;
    border-top:         0px;
    margin:   0px 120px 20px 120px;
    padding-left: 160px;
    padding-top: 15px;
    padding: 15px 25px 200px 160px;
    font-size: 17px;
    font-family: Trebuchet, serif;
    clear:  left;
}

#Main a
{
    color:          #a68352;
}

#Menu
{
    position:           absolute;
    top:                310px;
    left:               3px;
    width:              123px;
    padding-left:       15px;
    margin-top:         1px;

    /* dark purple */
    background-color:   #5a3d59;
    margin-left:        120px;
    font-family:        serif;
}

#Menu h1
{
    margin-top:     0px;
    margin-bottom:  0px;
}

#Menu a
{
    display:            block;
    /* brown */
    color:              #a68352;
    font-weight:        bold;
    font-size:          15px;
    text-decoration:    none;
    padding:            1px;
    border-bottom:      1px dotted #d5bdd5;
    padding-bottom:     2px;
    margin-top:         0px;
    margin-bottom:      0px;
    line-height:        125%;
}

#Menu a:hover
{
    border:             1px solid #ede38e;
    border-right:       2px;
    padding:            0px;
    padding-bottom:     2px;
    background-color:   #dfbdd5;
}

#Menu a.selected
{
    background-color:   #dfbdd5;
    color:              #000;
}

#Menu a.ad
{
    margin-top: 10px;
    border:     0px;
    padding:    0px;
}

#Menu a:hover.ad, a:active.ad, a:link.ad
{
    background-color:   #5a3d59;
    padding:    0px;
    border:     none;
}

#Menu a.ad img
{
    padding:    0px;
    margin-top: 0px;
    border:     2px solid #a68352;
}



#tabbar
{
    /* dark purple */
    background-color:   #5a3d59;
    
    /* brown */
    border-left: 3px solid #a68352;
    border-right: 3px solid #a68352;
    
    
    border-bottom: 1px solid #a68352;
    border-top: 1px solid #a68352;
    /*
    height: 25px;
    background-image: url(nav_bg.jpg);
    color:          #a68352;
    */
    height: 23px;
    
    background-color:   #669900;
    background-color:   #808000;
    
    /* orig */
    background-color:   #006600;
    
    /* from Joanne */
    background-color:   #666633;
    

    margin:             0px 120px;
    
    padding: 0;
}

#tabbar li
{
    list-style:     none;
    float:          left;
    margin:         0px;
    padding:        0px;
    border-right:   1px solid #a68352;
    padding-left:   5px;
    padding-right:  8px;
    white-space:    nowrap;
    height:         23px;
    font-size:      15px;
    line-height:    20px;
    font-weight:    bold;
}

#tabbar a
{
    text-decoration:    none;
    display:            block;
    float:              left;
    color:              #a68352;
    font-family:        serif;
    /* commented backslash hack hides rule from IE5-Mac \*/
    #tabbar a {float: none;}; /* end hack */
}

#tabbar a:hover
{
    color:              white;;
}

#tabbar li.selected a
{
    color:              #d5bdd5;
}


#Main p
{
    margin: 0px;
    padding-top: 10px;
}

a.link
{
    text-align: center;
}

a.link img
{
    border: none;
    text-align: center;
}

#Main img.right
{
    float:          right;
    margin-left:    5px;
    margin-top:    10px;
}

#Main img.left
{
    float:          left;
    margin-right:   5px;
}

#Menu img
{
    margin-top:     80px;
}

.framed
{
    background:         #5a3d59 url(../images/gift-voucher.jpg) top left no-repeat ;
    text-align:         center;
    width:              375px;
    height:             431px;
    padding-top:        30px;
}

.framed p
{
    color:          #a68352;
    padding-top:    30px;
    padding-left:   60px;
    padding-right:  60px;
}

.framed h1
{
    padding-top:    20px;
}

.framed h1.tight
{
    padding-top:    0px;
}

a.golden, a:hover.golden
{
    margin-top:        10px;
    background-image:   url(../images/golden.jpg);
    color:              #000000;
    border:             1px solid black;
    text-align:         center;
}


a:hover.golden
{
    border:         1px solid white;
    padding-bottom: 3px;
}

#Main a.golden, #Menu a.golden
{
    color:              #000;
    text-decoration:    none;
    padding:            5px;
}

.special-offer
{
    border:             3px solid #a68352;
    margin:             5px;
    background-color:   #d5bdd5;
    padding:            8px;
    color:              #a68352;
    position:           relative;
}

.special-offer h1
{
    text-align: center;
}

.special-offer p
{
    position:           relative;
    font-size:          14px;
}

.special-offer .right
{
    display:            block;
    float:              right;
}

.special-offer li p
{
    padding-bottom: 5px;
}