/*-----------------------------      D o c u m e n t a t i o n     -------------------------------------*/

    /*      height : auto !important; /* ignored by IE, applied everywhere else */
    /*      height : 100%; /* IE treats as min-height */
    /*      min-height : 100%; /* IE ignores this */
    /*      height settings and clearfix both fill the interior of mainContentLeft and mainContentRight

    /*-------------------------------   D i s a b l e   B r o w s e r   D e f a u l t s---------------------*/

        :link,:visited { text-decoration:none }
        ul,ol { list-style:none }
        h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
        ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
        html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr    {
            margin:0; padding:0; border:0}
        a img,:link img,:visited img { border:none }
        address { font-style:normal }

    /*---------------------------------   L i n k   D e f a u l t s   --------------------------------------*/

        a:link, a:visited {
            color: #93480B;
        }

        a:hover {
            color: #704019;
        }

    /*--------------------------------------    L a y o u t    ---------------------------------------------*/

        html {
            height:100%;
            max-height:100%;
            background:#fff;
        }

        body {
            height:100%;
            max-height:100%;
            font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            line-height: 1.7;
            color:#6C6C6C;
        }

        #overallContainer {
            height:100%;
            max-height:100%;
            overflow:auto;
            display:block;
            position:relative;
            z-index:3;
            background: #704019 url(../pics/bodyBackground.gif) repeat-x;
            background-position: 0px 238px;
        }

        #mainContent {
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            display: block;
            margin:auto;
            width: 760px;
            background: #FFF url(../pics/mainContentBackground.gif) repeat-y;
        }

        #mainContentLeft {
            width: 224px;
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            padding: 25px 15px 5px 10px;
            float: left;
            overflow: hidden;
        }

        #mainContentRight {
            width: 490px;
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            padding: 10px;
            float: right;
        }

        #mainContentRight ul
        {
            display: block;
            list-style-type: circle;
            list-style-position: outside;
            padding-left: 20px;
        }

        #mainContentRight li
        {
             /*list-style-image:  url(../pics/bullet.gif);*/
             padding-left: 3px;
        }

        #printHeader {display:none;}

        #header {
            width:100%;
            height:238px;
            position:absolute;
            right:18px;
            display:block;
            padding-left:1px;
            background: #875E39 url(../pics/headerBackground.gif) repeat-x;
            z-index:5;
        }

        #mainHeader {
            width: 760px;
            height:100%;
            height:auto !important;
            margin:auto;
            padding-left:19px;
        }

        #logoHeader {
            width: 251px;
            height:238px;
            float:left;
        }

        #logoHeader img{
            border: none;
            padding: 0;
            margin: 0;
        }

        /*#headerTopNav {
            width: 509px;
            height: 41px;
            display: inline;
            overflow: hidden;
        }

        #headerMainNav {
            width: 509px;
            height: 28px;
            display: inline;
            float: right;
            background-color: #80491C;
            border-top: 1px solid #E1CBB8 ;
            clear:right;
        }*/

        #headerVisual {
            width: 509px;
            height: 169px;
            float: right;
            background-color: #80491C;
        }

        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .clearfix {display: inline-block;}

        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */

        .clearBoth {
            clear: both;
            visibility: hidden;
        }




/*------------------------------   J a v a S c r i p t     N a v i g a t i o n    -------------------------------------*/
/*-------------------   CSS tabs did not work under IE7, just like CSS tabs on Regencty Event Details ------------------*/

#topPanelNav {
    width: 500px;
    height: 41px;
    margin: 0px;
    padding: 0px;
    float: right;
    overflow: hidden; /*keeps words in menu in FireFox */
}

#topPanelNav ul {
    float: right;
    display: inline;
    overflow: hidden;
}

#topPanelNav li {
    /*float: right;*/
    display: inline;
    overflow: hidden;
}

#topPanelNav a {  /*  puts words in menu bar */
    height: 28px;
    float: right;
    overflow: hidden;
}

#topPanelNav a:hover {
    background-position: 0px -49px;
}

#topPanelNav a:active, #topPanelNav a.selected {
    background-position: 0px -49px;
}

#mainPanelNav {
    width: 509px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    background-color: #80491C;
    border-top: solid 1px #E1CBB8;
    float: right;
    overflow: hidden; /*keeps words in menu in FireFox */
}

#mainPanelNav ul {
    float: left;
    display: inline;
    overflow: hidden;
}

#mainPanelNav li {
    float: left;
    display: inline;
    overflow: hidden;
}

#mainPanelNav a {  /*  puts words in menu bar */
    height: 28px;
    float: left;
    overflow: hidden;
}

#mainPanelNav a:active, #mainPanelNav a.selected {
    background-position: 0px -32px;
}

#mainPanelNav a:hover {
    background-position: 0px -32px;
}

#aboutButt a {
    width: 95px;
    background: url(../pics/aboutButt.gif);
    background-position: 0px -5px;
}

#therapyButt a {
    width: 187px;
    background: url(../pics/therapyButt.gif);
    background-position: 0px -5px;
}

#newsButt a {
    width: 126px;
    background: url(../pics/newsButt.gif);
    background-position: 0px -5px;
}

#supportButt a {
    width: 99px;
    background: url(../pics/supportButt.gif);
    background-position: 0px -6px;
}

#contactButt a {
    width: 61px;
    background: url(../pics/contactButt.gif);
    background-position: 0px -6px;
}

#homeButt a {
    width: 52px;
    background: url(../pics/homeButt.gif);
    background-position: 0px -6px;
}


    /*--------------------------------   P h o t o    G a l l e r y   --------------------------------------*/

    #photoGallery {
        margin:auto;
    }
    .galleryborder {border: 1px solid #D7DAC5; margin: 0 0 10px 15px; float: left;}

    .galleryfill { border: 1px solid #FFFFFF; background-color: #F4F4ED; padding: 10px; }

    .thumb { width: 187px; height: 140px; border: 1px solid #D7DAC5; background-color: #FFF; padding: 1px; }

    .nail { text-align: center; padding-top: 5px; }

    .fullsize { width: 400px; height: 300px; border: 1px solid #D7DAC5; background-color: #FFF; padding: 1px; }

    /*--------------------------------   C o n t e n t    I m a g e   --------------------------------------*/

    #contentImage {
        float: right;
    }

    .imageBorder {border: 1px solid #D7DAC5; margin: 5px 10px 0px 0px; float: left;}

    .imageFill { border: 1px solid #FFFFFF; background-color: #F4F4ED; padding: 10px; }

    .image { border: 1px solid #D7DAC5; background-color: #FFF; padding: 1px; }

    .imageNail { text-align: center; padding-top: 5px; }





    /*---------------------------------         T y p o g r a p h y         --------------------------------*/

        #mainContentRight h2 {
            height: 23px;
            font-weight: normal;
            font: 20px palatino, georgia, serif;
            padding-top: 12px;
            padding-bottom: 10px;
            color: #704019;
            background: url(../pics/h2RightBackground.gif) center no-repeat;
        }

        #mainContentRight h3 {
            height: 23px;
            font-weight: normal;
            font: 16px palatino, georgia, serif;
            padding-top: 12px;
            padding-bottom: 8px;
            color: #704019;
        }

        #mainContentRight h4 {
            height: 23px;
            font-weight: normal;
            font: 14px palatino, georgia, serif;
            padding-top: 6px;
            padding-bottom: 10px;
            color: #704019;
        }

        #mainContentRight dt {
            height: 23px;
            font-weight: normal;
            font: 14px palatino, georgia, serif;
            padding-top: 6px;
            padding-bottom: 5px;
            color: #704019;
        }

        #mainContentRight .hrDivider {
            clear:  both;
            height: 11px;
            background: url(../pics/hrRightBackground.gif);
            margin: 10px 0px 10px 0px;
            width:  100%;
        }

        #mainContentRight .hrDivider hr {
            display: none;
        }

        #mainContentLeft h3 {
            font-weight: normal;
            font: 16px palatino, georgia, serif;
            padding-top: 0px;
            padding-bottom: 5px;
            color: #B37E4E;
            letter-spacing: .05em;
        }

        #mainContentLeft h4 {
            font-weight: normal;
            font: 14px palatino, georgia, serif;
            padding: 5px 5px 0px 5px;
            color: #B37E4E;
            letter-spacing: .05em;
        }

        #mainContentLeft .hrDivider {
            clear:  both;
            height: 11px;
            background: url(../pics/hrLeftBackground.gif);
            margin: 0px;
            width:  100%;
        }

        #mainContentLeft .hrDivider hr {
            display: none;
        }
        
        .columnContent p, .newsletterText
        {
            line-height: 1.5;
        }

    /*--------------------------------- S i d e     N a v i g a t i o n-------------------------------------*/

        #mainContentLeftNav {
            width: 215px;
            padding-left: 1px;
            padding-right: 1px;
            margin-top: 15px;
            margin-bottom: 25px;
    /*        background-color: #E6E3DD; */
            background-color: white;
            border-right: 1px #CCC6BA solid;
            border-left: 1px #CCC6BA solid;
            border: 1px #CCC6BA solid;
            border-bottom: none;
        }

        #mainContentLeftNav ul, #mainContentLeftNav li {
    /*        overflow: hidden; */
        }

        #mainContentLeftNav li {
            display: block;
            min-height: 25px;
            height: 25px;
            vertical-align: middle;
            border-top: 1px #FFF solid;
            border-bottom: 1px #CCC6BA solid;
       }

        #mainContentLeftNav a {
            font-weight: normal;
            padding-left: 15px;
            padding-top: 5px;
            min-height: 20px;
            height: 20px;
            vertical-align: middle;
            display: block; /* essential: this gives the link its existence */
            color: #4A4A4A;
            background-color: #E6E3DD;
       }

        #mainContentLeftNav .selected {
            background-color: #D8D3CA;
            color: #704019;
        }

        #mainContentLeftNav a:visited {
        }

        #mainContentLeftNav a:hover {
            color: #704019;
            background-color: #D8D3CA;
        }

    /*-----------------------------------    S i d e     E l e m e n t s    --------------------------------*/

        #formBox {
            width: 225px;
            margin-top: 6px;
            margin-bottom: 25px;
            font: 10px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        }

        #formBox p {
            margin-bottom: 12px;
        }

        #formBox .label {
            float:left;
            clear:left;
            text-align: right;
            margin-left: 5px;
            margin-right: 2px;
        }

        #formBox input {
            width:150px;
            font: 10px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            border: 1px #CCC6BA solid;
            float:right;
            margin-top: -2px;
            font-size: 10px;
            color: #6C6C6C;
        }

        #formBox .subscribe{
            width:100px;
            font: 10px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            border: solid 1px #000000;
            /*        border: 1px white solid;   */
            margin-left: 63px;
            float:left;
            font-size: 10px;
            color: #6C6C6C;
            margin-top: 0px;
            background-color: #F1EEE8;
        }
        
        /*----------------------------    T e s t i m o n i a l s   ---------------------*/
		.testimonials {clear:both;}
		
        .testimonials b
        {
            font: 13px palatino, georgia, serif;
            color: #704019;
        }
		
        .testimonials p
        {
			margin-top: -3px;
			line-height: 1.6;
        }

        /*------------------------------------------    F o o t e r    -----------------------------------------*/

        #footer {position:absolute;
            bottom:-1px;
            right:18px;
            display:block;
            width:100%;
            height:33px;
            background:#704019;
            color:#EAC09A;
            text-align:right;
            font-size:10px;
            z-index:4;
        }

        #footer a {
            color: #fff;
        }

        #footer a:visited, #footer a:hover {
            color: #fff;
        }

        #footer a:visited, #footer a:hover {
            color: #EAC09A;
        }

        #mainFooter {
            width: 760px;
            height:100%;
            height:auto !important;
            margin:auto;
            padding-left:19px;
        }


        #mainFooterLeft {
            float:left;
        }

        #mainFooterRight{
            float:right;
        }
        #printFooter {display:none;}

        .pad2 {display:block; height:238px; }
        .pad3 {display:block; height:35px; }
        #overallContainer p {padding:5px; }