﻿/* CSS Document */

html, body	{
	margin: 0px;
	padding: 0px;
	font-family:Arial;
	background:url(../images/reeds.png) #FFFFFF no-repeat bottom right;
	font-size:10pt;
	min-width:995px;
}
div 
{
    margin:0px;
    padding:0px;
}
a 
{
    color:#d21818;
    text-decoration:none;
}
a:hover 
{
    color:#FF0000;
    text-decoration:underline;
}

#specialBoxTop {
	background:url(../images/specialTopBox.png) no-repeat;
	width: 497px;
	height: 63px;
}

#specialBoxMid {
	background:url(../images/specialMidBox.png) repeat-y;
	width: 497px;
}

#specialBoxBtm {
	background:url(../images/specialBtmBox.png) no-repeat;
	width: 497px;
	height: 30px;
}

#specialBoxMid a {
    color:#000000;
    text-decoration:none;
}
#specialBoxMid a:hover {
    text-decoration:underline;
}

#services {
	padding-top:50px;
}

#services a {
	color:#000000;
	text-decoration:none;
}
#services a:hover {
	text-decoration:underline;
}

#headerWrapper	{
	width:100%;
	background:url(../images/headBkgrnd.png) repeat-x;
}
#header	{
	height:120px;
	width:960px;
	margin:0px auto;
}
#logo {
	width:411px;
	height:120px;
}
#topLinks {
	vertical-align:top;
	padding-top:10px;
}
/*NAV AREA */
#navWrapper {
	background:#5a4029;
	margin:0px auto;	
}
#nav	{
	height: 37px;
	width:778px;
	margin:0px auto;
}

#nav ul	{
	margin:0px;
	padding:0px;
}

#nav li	{
	float:left;
	padding:0px;
	margin:0px;
	list-style: none;
	background-repeat: no-repeat;
}

#nav a.navbar {display:block; height:0; padding-top:37px; color:#000; overflow:hidden;}

#nav li.nav1 {width:91px;}
#nav li.nav2 {width:137px;}
#nav li.nav3 {width:133px;}
#nav li.nav4 {width:131px;}
#nav li.nav5 {width:147px;}
#nav li.nav6 {width:139px;}

#nav a#navName1	{background: url(../images/nav.png) -0px 0px;}
#nav a#navName2	{background: url(../images/nav.png) -91px 0px;}
#nav a#navName3	{background: url(../images/nav.png) -228px 0px;}
#nav a#navName4	{background: url(../images/nav.png) -361px 0px;}
#nav a#navName5	{background: url(../images/nav.png) -492px 0px;}
#nav a#navName6	{background: url(../images/nav.png) -639px 0px;}

#nav a#navName1:hover {background: url(../images/nav.png) -0px 37px;}
#nav a#navName2:hover {background: url(../images/nav.png) -91px 37px;}
#nav a#navName3:hover {background: url(../images/nav.png) -228px 37px;}
#nav a#navName4:hover {background: url(../images/nav.png) -361px 37px;}
#nav a#navName5:hover {background: url(../images/nav.png) -492px 37px;}
#nav a#navName6:hover {background: url(../images/nav.png) -639px 37px;}

#navMenu{
	padding: 25px 0px 25px 0px;
	float:right;
	z-index:500;}
#navMenu ul{
	margin:0;
	padding:0;
	list-style:none;
	z-index:500;}
#navMenu li{
	display:inline;
	margin:0;
	padding:0;
	background:none;
	float:left;
	position:relative;
	z-index:500;}
#navMenu li ul{
	display:none;
	position:absolute;
	top:37px;
	left:0;
	width:150px;
	background:#5a4029 url(../images/navMenuBtm.gif) bottom left no-repeat;
	z-index:500;
	text-align:center;}
#navMenu li:hover ul,#navMenu li.over ul{
	display:block;
	z-index:500;}
#navMenu li ul li{
	background: url(../images/navMenuRpt.gif) repeat-y;
	display:block;
	float:none;
	width:150px;
    margin-bottom: 8px;
	font-size:8pt;
	z-index:500;}
#navMenu li ul li span{
	padding:0px;
	display:block;
	float:none;
	color:#fff;
	z-index:500;
	line-height:15pt;
	margin:0px;}
#navMenu li ul li a{
	color:#fff;
	text-decoration:none;
	z-index:500;}
#navMenu li ul li a:hover{
	color:#fff;
	text-decoration:underline;
	z-index:500;}
#navMenu li ul li a:visited{
	color:#fff;
	z-index:500;}

/* END NAV */

#contentWrapper {
	background:url(../images/leftBlossom.png) top left no-repeat;
}

#content{
	margin:0px auto;
	width:960px;
	min-height:565px;
}

#blossomLeft {
	width:0px;
	float:left;
}
#contentLeft {
	width:462px;
	float:left;
	padding-bottom:25px;
}
#contentRight {
	width:462px;
	float:left;
	padding-bottom:25px;
}

#footerWrapper {
	height:150px;
	width:100%;
	margin:0px auto;
	background: url(../images/footerBkgrnd.png) repeat-x #ebe5d4;
 }
#footer {
	margin:0px auto;
	width:960px;
}
#footerTextLeft {
	font-size:8pt;
	text-transform:uppercase;
	color: #5a4029;
	float:left;
	padding:46px 0px 0px 10px;
	letter-spacing:1px;
}
#footerTextRight {
	text-align:right;
	font-size:8pt;
	text-transform:uppercase;
	color: #5a4029;
	float:right;
	padding:46px 10px 0px 0px;
	letter-spacing:1px;
}

#medicalSpa {
	padding:10px;
}
#daySpa {
	padding:10px;
}

/*    CLASSES   */
.clear 
    {
        clear:both;
    }
.plain-text {
	font-family:Arial;
	font-size:10pt;
}
.plainTxtTrans {
	font-family:Arial;
	font-size:10pt;
	background-color: Transparent;
}
.imgWithBorder {
	border: 1px solid #c2c2c2 ;
	background-color:#eeeeee;
	padding: 5px ;
	}
.btmRed {
	color:#d21818;
}
.listItem {
	list-style:url(../images/listItem.gif);
}
.contactForm {
	font-size:8pt;
}
.contactFormUpper {
	font-size:10pt;
}
/*  END CLASSES */
		

