/* Start of CMSMS style sheet '2col-left-nosifr' */
/* CSS  - Adam Beaugh for Board Walk Spa 2007  */

/* global reset  */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* layout  */
html, {height:100%; min-height:100%;}
body {
background-color:#949d77;
text-align: center;
min-width: 780px;
height:100%; min-height:100%;

}

#wrapper {
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:765px;
height:auto;
margin-left:17px;
text-align: left;
padding:0px;


}
#dropshadow {
background-image:url(images/main-backgroundglow4.jpg); 
background-repeat:repeat-y;
background-position:center;
width:780px;
margin-left: auto;
margin-right: auto;
width: 50em;
text-align: left;
min-width: 780px;
}

#top {
background-color:#51473d;}

#masthead {
border-top-color:#e6e1c9;
border-top-width:1px;
border-top-style:solid;
background-color:#3d3329;
width:100%;
}

#menu {

float:left;
width:42%;
color:#ffffff;
font-size:140%;
height:227px;
font-weight:normal;
text-indent:10px;
}

#menu A:link {text-decoration: none; color:#fff;}
#menu A:visited {text-decoration: none;color:#fff;}
#menu A:active {text-decoration: none;color:#fff;}
#menu A:hover {text-decoration: none; color: #fff; background-color:#2d2920; width:100%;	}

#menu ul {
margin-top:5px;
}

#menu ul li {

}

#headerImage{
float:right;
background-color:#000;
text-align:left;
border-left-color:#000;
border-left-style:solid;
border-left-width:3px;

}


#breadcrumb {
clear:both;
background-color:#e6e1c9;
width:100%;     /* add overflow for menu?  */

vertical-align:middle;
text-indent:10px; 
font-size:110%;  
font-weight:normal;
padding:7px 0px 7px 0px; 
}
#breadrumb p {
margin-top:5px;
}

#breadcrumb A:link {text-decoration: none; color:#000;}
#breadcrumb A:visited {text-decoration: none;color:#000;}
#breadcrumb A:active {text-decoration: none;color:#000;}
#breadcrumb A:hover {text-decoration: none; color: #000;}

#main {
width:100%;
height:100%;
overflow:hidden;
background-image:url(images/maintopgradient5.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color:white;

}



#newsletter {
margin-top:25px;
background-color:#cbe7f6;

padding:0px 0px 0px 10px;
}

#content{
margin-left:1px;
float:left;
width:71%;
padding:10px 0px 20px 8px;

min-height:27em;
}

.summary {

}

.pricing{
background-color:#e8e9e1;
}


#rightCol{
float:left;
width:25%;
padding:10px 0px 20px 14px;


}

#footer {
clear:both;
text-align:center;
color:#ffffff;
background-color:#51473d;
padding:4px 0px 4px 0px;
}

/* treatments  */
#logo {
    background: transparent url("images/logo.jpg") no-repeat 0 0;
    display: block;
    width: 203px;
    height: 82px;
    overflow: hidden;
    line-height: 1000px;
    }
	
#options h2 {
background-color:#6a7875;
text-indent:10px;
font-size:150%;
padding:2px 0px 5px 0px;
font-weight:normal;
color:white;
}

#options .nav {
margin-top:10px;
}

#options ul  {
margin-top:3px;
padding-left:8px;

}

#options ul li  {

padding-bottom:4px;
}

#options ul li ul {
padding-top:4px;
}

#options ul li li {
font-size:80%;

}




#navcontainer
{

color:#fff;
width: 90%;
margin: 0 auto;
padding: 1em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;


}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.1em 0 0.15em 1.1em;
color: #fff;
text-decoration: none;

}

#navcontainer>ul#navlist li a { width:auto; }

ul#navlist li#active a
{

color: #fff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #fff;
background-color:#2d2920;
}


/* for specials panel  */

#specialscontainer
{
background: #eaeae4;
color:#fff;
width: 183px;
height:auto;
margin: 10px auto;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;

}
.specials-label{
background: #89b9c7;
padding-left:4px;

}
ul#speclist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#speclist li
{
display: block;
margin: 0;
border-bottom-color:#fff;
border-bottom-style:solid;
border-bottom-width:1px;


}

ul#speclist li a
{
display: block;
width: 100%;
padding: 0.2em .3em 0.2em 0em;
color: #000;
text-decoration: none;
background: #eaeae4;
text-align:center;
}

#specialscontainer>ul#speclist li a { width:auto; }

ul#speclist li#active a
{
background: #3d3329;
color: #fff;
}

ul#speclist li a:hover, ul#speclist li#active a:hover
{
color: #fff;
background-color:#3c617e;
}


/* for specials panel  */


.contactform textarea {
width:450px;
height:175px;
}








.helpfultips li {
padding: 2px 0px 5px 0px;
}


.photofloat {

float:left;
padding:5px 5px 5px 0px;
}


/* End of '2col-left-nosifr' */