/**** General ****/
body {
margin: 8px;
padding: 0;
font-family: "trebuchet ms", "verdana", "arial", sans-sarif;
text-align: center;
background-color: #4b88ce;
width: auto;
height: auto;
}

.overlay {
margin: 0 auto;
width:768px;
text-align: left;
}

a {
font-family: "trebuchet ms", "verdana", "arial", sans-sarif;
color: #000000;
text-decoration: none;
}

.footer a{
color: #123761;
font-family: "trebuchet ms", "verdana", "arial", sans-sarif;
text-decoration: none;
}

a:hover {
color: #366faf;
text-decoration: none;
}

img {
border: none;
}


/**** Header ****/

.headerBackground {
background-image: url(css/images/header_bg.gif);
background-repeat: repeat-x;
width: auto;
height: 85px;
text-align: center;
margin: -8px -8px 0px -8px;
}

.header {
background: url(css/images/header_logo.gif) no-repeat;
text-align: left;
height: 75px;
width: 752px;
margin: auto;
padding-top: 25px;
}



/****Main Menu*****/

#mainMenu {
padding: 0;
margin: 0;
background: url(css/images/buttons/menu.gif) top left no-repeat;
width: 364px;
height: 40px;
margin-top: -25px;
float: right;
}

#mainMenu span {
display: none;
}

#mainMenu ul {
padding: 0;
margin: 0;
height: 40px;
width: 364px;
}

#mainMenu li {
float: left;
padding: 0;
margin: 0 3px 0 0;
width: 88px;
height: 40px;
}

#mainMenu li, #mainMenu a {
height: 40px;
width: 88px;
display: block
}

#mainMenu #home { width: 88px; }
#mainMenu #treatments { width: 88px; }
#mainMenu #staff { width: 88px; }
#mainMenu #contact { width: 88px; }

#mainMenu #home a:hover {
height: 40px;
width: 88px;
background: url(css/images/buttons/menu.gif) 0 -40px no-repeat;
}

#mainMenu #treatments a:hover {
height: 40px;
width: 88px;
background: url(css/images/buttons/menu.gif) -91px -40px no-repeat;
}

#mainMenu #staff a:hover {
height: 40px;
width: 88px;
background: url(css/images/buttons/menu.gif) -182px -40px no-repeat;
}

#mainMenu #contact a:hover {
height: 40px;
width: 88px;
background: url(css/images/buttons/menu.gif) -273px -40px no-repeat;
}


/**** Content Background ****/

.contentTop {
padding: 0 0 0 0;
margin: 0 0 0 0;
background-image: url(css/images/primary_header.gif);
background-repeat: no-repeat;
height: 75px;
width: 768px;
}

.contentMain {
padding: 0 0 0 0;
margin: 0 0 0 0;		/*****margin: -19 0 0 0 for IE******/
background-image: url(css/images/primary_bg.gif);
background-repeat: repeat-y;
width: 768px;
position: relative;
padding-bottom: 5px;
}

.contentBottom {
padding: 0 0 75px 0;
margin: -16px 0 0 0;
background-image: url(css/images/primary_footer.gif);
background-repeat: no-repeat;
width: 768px;
position: relative;
}


/**** Content ****/

h1, h2, h3, h4, h5 {
display: inline;
color: #123761;
width: 720px;
}

img.right {
border: 5px solid #123761;
float: right;
margin-left: 12px;
}

.textContainer {
padding: 0 0 143px 0;
margin: 0 0 0 21px;
text-align: left;
font-family: "trebuchet ms", "verdana", "arial", sans-sarif;
font-size: 100%;
line-height: 140%;
width: 720px;
}


/**** Footer ****/

div.footer {
background-image: url(css/images/footer.gif);
background-repeat: no-repeat;
height: 36px;
width:720px;
font-family: "trebuchet ms", "verdana", "arial", sans-sarif;
text-align: right;
padding: 19px 50px 0 25px;
margin-top: 10px;
font-size: 90%;
color: #123761
}

.footer ul { float: left; list-style: none; margin: 0 10px 0 0; padding: 0; }
.footer li { display: inline; }