body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	background-image: url(../images/backgrounds/bg-5-300.jpg);
	background-repeat: repeat;
}
#wrapper {
	width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapper-top {
	background-image: url(../images/backgrounds/background-top-14.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 14px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
#wrapper-mid {
	background-image: url(../images/backgrounds/background-middle.png);
	background-repeat: repeat-y;
	
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#header {
	padding: 0px;
	width: 602px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 285px;
	height: 100px;
}
#container {
	padding: 0px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/logos/header-logo-flower-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}
#body-section {
	width: 282px;
	float: left;
	margin: 0px;
	background-image: url(../images/backgrounds/body-pic-282.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content {
	padding: 0px;
	width: 602px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 285px;
	background-image: url(../images/backgrounds/sprig-bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#content-box {
	margin: 0px;
	padding: 0px;
	width: 598px;
}

#content img {
	padding: 0px;
}
#content p {
	padding-right: 15px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #584C73;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}
#content ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 30px;
}
#content li {
	padding-right: 15px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #584C73;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
}
#content p strong {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#content h2, #content h1 {
	padding-right: 15px;
	padding-left: 15px;
	font-size: large;
	font-weight: normal;
	font-style: italic;
	color: #584C73;
	line-height: 1.5em;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

#content h1 {
	font-size: x-large;
}

#content h2 strong {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
/*#content h1 {
	font-size: 100%;
	color: #464439;
	font-weight: bold;
	margin: 0px;
	text-decoration: underline;
	text-align: center;
	padding: 0px;
}*/
#content a {
	color: #464439;
	text-decoration: underline;
}
#content table {
	text-align: center;
	color: #584C73;
	font-weight: bold;
}
#content table th {
	text-decoration: underline;
}


#main {
	margin: 0px;
	padding: 0px;
}
#newsletter {
	width: 257px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 11px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #CCCCCC;
	padding: 2px;
	text-align: center;
}
#newsletter input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 2px;
	padding: 0px;
}
#links-table td {
	background-color: #BDD752;
	border: 2px solid #B2D234;
}



/* The author section is designed to credit the author at the bottom of each page. */
#author {
	background-image: url(../images/backgrounds/background-bottom-12.png);
	background-position: top;
	height: 25px;
	width: 900px;
	padding: 0px;
	font-size: x-small;
	text-align: center;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #9C9988;
	line-height: 20px;
}
#author a { 
	color: #9C9988;
	text-decoration: none;
}

/* The address section */
#address {
	height: 20px;
	width: 900px;
	padding: 0px;
	font-size: 10px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #584C73;
	/*line-height: 20px;*/
}

#address a, #address a:link, #address a:visited { 
	color: #584C73;
	text-decoration: none;
}

#address a:hover, #address a:active { 
	color: #999999;
}

#nav { /* These properties set the navigation bar central to the screen until the borders are squeezed less than the width dimension. At that point the nav bar will disappear off the side of the page */
	width: 273px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 600px;
}
#home, #reflexology, #swedish, #indian, #clients, #therapist, #where, #charges, #appointments, #service, #links { /* These properties set the navigation bar central to the screen until the borders are squeezed less than the width dimension. At that point the nav bar will disappear off the side of the page */
	width: 273px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#nav ul, #home ul, #reflexology ul, #swedish ul, #indian ul, #clients ul, #therapist ul, #where ul, #charges ul, #appointments ul, #service ul, #links ul { /* These properties set the <UL> tag for the links in the navigation bar */
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nav li, #home li, #reflexology li, #swedish li, #indian li, #clients li, #therapist li, #where li, #charges li, #appointments li, #service li, #links li {	/* These properties set the <LI> tag for the links in the navigation bar */
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#nav a, #home a, #reflexology a, #swedish a, #indian a, #clients a, #therapist a, #where a, #charges a, #appointments a, #service a, #links a {
	display: block;
	padding-top: 2px;
	padding-bottom: 0px;
	width: 250px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 110%;
	margin: 0px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#nav a:link, #nav a:visited {
	/* These properties affect the link and visited <A> tags used in the navigation bar */
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	text-align: left;
	text-indent: 45px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
}
#nav a:hover, #nav a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/icon-1-feather.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* ------------------------------- Parameters For HOME Page Icon ------------------------------- */
#home a:hover, #home a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/home-page-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For REFLEXOLOGY Page Icon ------------------------------- */
#reflexology a:hover, #reflexology a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/reflexology-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For SWEDISH MASSAGE Page Icon ------------------------------- */
#swedish a:hover, #swedish a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/swedish-massage-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For INDIAN HEAD MASSAGE Page Icon ------------------------------- */
#indian a:hover, #indian a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/indian-head-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For CLIENTS Page Icon ------------------------------- */
#clients a:hover, #clients a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/clients-page-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For THERAPIST Page Icon ------------------------------- */
#therapist a:hover, #therapist a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/therapist-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For WHERE Page Icon ------------------------------- */
#where a:hover, #where a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/where-am-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For CHARGES Page Icon ------------------------------- */
#charges a:hover, #charges a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/charges-discounts.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For APPOINTMENTS Page Icon ------------------------------- */
#appointments a:hover, #appointments a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/appointments.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For SERVICE Page Icon ------------------------------- */
#service a:hover, #service a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/service-info-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------- Parameters For SERVICE Page Icon ------------------------------- */
#links a:hover, #links a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #B2D234;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 15px;
	text-align: left;
	text-indent: 45px;
	background-image: url(../images/icons/links-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* -------------------------------------------------------- FOOTER MENU -------------------------------------------------------- */
#footer {
	color: #FFFFFF;
	width: 602px;
	font-size: 85%;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 285px;
}
#footer ul { 
/* These properties set the <UL> tag used to center the text in the footer section */
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#footer li { 
/* These properties set the <LI> tag used to display the links inline in the footer section */
	display: inline;
}
#footer a { 
/* These properties affect the properties of the <A> tag used in the footer section */
	font-size: 100%;
	color: #584C73;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#footer a:link, #footer a:visited { 
/* These properties affect the link and visited <A> tags used in the footer section */
	font-size: 100%;
	color: #584C73;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#footer a:hover, #footer a:active { 
/* These properties affect the hover and active <A> tags used in the footer section */
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}


/* -------------- CLASSES -------------- */
.clearfloat {/* clearfloat class stops the columns overlapping the footer */
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 1px;
}
.align-center {
	text-align: center;
}
.script {
	text-align: center;
	margin: 0px;
	padding: 20px;
}
.img-left {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.img-8px-left {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 8px;
	float: left;
}

.img-right {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.map-pics {
	margin: 0px;
	padding: 0px;
	width: 300px;
	text-align: center;
}

.bold-underline {
	font-weight: bold;
	text-decoration: underline;
}

.highlight-text {
	color: #FF0000;
}


#wrapper #wrapper-mid #container #content #content-box .home-page {
	list-style: inside;
}

#content-box ul.home-page li {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	font-size: large;
	font-weight: normal;
	font-style: italic;
	color: #584C73;
	line-height: 1.5em;
}

#content-box ul.reflex-page li {
	margin: 0px 0px 0px 10px;
	padding: 0px 10px 0px 0px;
	font-size: large;
	font-weight: normal;
	font-style: italic;
	color: #584C73;
	line-height: 1.5em;
}

#content #content-box .sub-title {
	font-style: normal;
	text-decoration: underline;
}
#wrapper #wrapper-mid #container #content #content-box .ph-table2 #message1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}