/* Harmony | Core Theme */

* {margin: 0; padding: 0;}

body {text-align: center; background: #fcfcf2; color: #000; font-family: trebuchet ms, arial, sans-serif; font-size: 62.5%;}

#page {text-align: left; background: #fff; color: #222; width: 960px; margin: 3em auto; border: 1px solid #dda; overflow: hidden;}

#page #banner {background: #fbf6d9 url(../img/banner.jpg) repeat-x top left;}
#page #banner h1 {}
#page #banner h1 a {display: block; text-decoration: none; text-indent: -9999px; width: 960px; height: 150px; overflow: hidden; background: transparent url(../img/harmony-natural-therepies.jpg) 0 0 no-repeat; color: #222;}

#page #nav {background: url(../img/nav-bg.jpg) repeat-x top left; list-style: none; height: 55px; width: 975px;}
#page #nav li {float: left; height: 55px; width: 125px;}
#page #nav li a {background: url(../img/nav.jpg) no-repeat top left; font-size: 1.3em; color: #000; display: block; text-align: center; text-decoration: none; width: 100%; margin: 0; height: 42px; text-decoration: none; text-indent: -9999px; overflow: hidden;}

body.home #nav a.home, body.home #nav a.home:hover {height: 55px !important;}
body.acupuncture #nav a.acupuncture, body.acupuncture #nav a.acupuncture:hover {height: 55px !important;}
body.massage #nav a.massage, body.massage #nav a.massage:hover {height: 55px !important;}
body.pamper #nav a.pamper, body.pamper #nav a.pamper:hover {height: 55px !important;}
body.naturopathy #nav a.naturopathy, body.naturopathy #nav a.naturopathy:hover {height: 55px !important;}
body.about #nav a.about, body.about #nav a.about:hover {height: 55px !important;}

body.home #nav a.home {				background-position: 0 -42px !important;}
body.acupuncture #nav a.acupuncture {	background-position: -125px -42px !important;}
body.massage #nav a.massage {			background-position: -250px -42px !important;}
body.pamper #nav a.pamper {			background-position: -375px -42px !important;}
body.about #nav a.about {				background-position: -500px -42px !important;}
body.naturopathy #nav a.naturopathy {	background-position: -625px -42px !important;}

#page #nav a.home {				background-position: 0px 0;}
#page #nav a.home:hover {			background-position: 0px -97px;}
#page #nav a.acupuncture {			background-position: -125px 0;}
#page #nav a.acupuncture:hover {	background-position: -125px -97px;}
#page #nav a.massage {			background-position: -250px 0;}
#page #nav a.massage:hover {		background-position: -250px -97px;}
#page #nav a.pamper {				background-position: -375px 0;}
#page #nav a.pamper:hover {		background-position: -375px -97px;}
#page #nav a.about {				background-position: -500px 0;}
#page #nav a.about:hover {			background-position: -500px -97px;}
#page #nav a.naturopathy {			background-position: -625px 0;}
#page #nav a.naturopathy:hover {	background-position: -625px -97px;}

#page #content {				padding: 1em 2em;}
#page #content .br {			clear: both;}

#page #content p {			font-size: 1.3em; margin: 0.5em 0; color: #555; text-align: justify; line-height: 1.5;}
#page #content h2 {			font-size: 2.7em; font-weight: bold; margin: 0.5em 0 0.5em 0;  color: #a13581; letter-spacing: 0.08em; line-height: 1.5;}
#page #content h3 {			font-size: 2.0em; font-weight: bold; margin: 0.5em 0  0.5em 0; color: #a13581; letter-spacing: 0.05em; line-height: 1.5;}
#page #content h4 {			font-size: 1.25em; font-weight: bold; margin: 0.2em 0 -0.5em 0; color: #a13581; letter-spacing: 0.05em; line-height: 1.5;}

#page #content dl {			}
#page #content dt {			font-size: 1.3em; margin: 1em 0 0 0; color: #555; font-weight: bold;}
#page #content dd {			font-size: 1.3em; margin: 0; color: #555;}

#page #content ul {			margin: 1em 1em 1em 4em; list-style-type: square;}
#page #content ul li {			font-size: 1.3em; color: #555; line-height: 1.5;margin: 0 0 0.75em 0;}

#page #content ol {			margin: 1em 1em 1em 4em;}
#page #content ol li {			font-size: 1.3em; color: #555;}

#page #content img {			padding: 0.5em; border: 1px solid #dda; margin: 1em 0em 1em 2em; float: right;}
#page #content img.left {		float: left; margin: 1em 2em 1em 0em;}

#page #content a {			color: #08c; text-decoration: underline;}
#page #content a:hover {		color: #069;}

#page #content table {		margin: 0.5em 0 1.5em 0; border-collapse: collapse;min-width: 40%;}
#page #content table caption {	font-size: 1.1em; font-weight: bold; text-align: left; padding: 0.5em 0 0.1em 0;display:none;}
#page #content table th {		font-size: 1.4em; font-weight: bold; text-align: left; background-color: #f6d9ff; padding: 0.5em 0.5em; border: 1px solid #e5c9f0;}
#page #content table td {		font-size: 1.3em; padding: 0.5em 0.5em; border: 1px solid #e5c9f0; color: #555;}
#page #content table tr:hover {	color: #000; background-color: #fcfcf2;}

#page #footer {			clear: both; padding: 0.5em;}
#page #footer p {		font-size: 1.2em; text-align: center; color: #a275b0;}