body {
	margin: 20px 0 0 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	background:#dce9f6;
	color:#003c9c;
}

#site_container {
	margin:0 auto;
	text-align:left;
	width:768px;
	background:url(../images/bg_container.gif) repeat-y left top;
}

/*header*/

#header {
	padding:20px 30px 0 20px;
	position:relative;
	background:url(../images/bg_header.gif) no-repeat center top;
}
#header h1 {
	margin:0 0 20px 0;
	padding:0;
	text-indent:-9999px;
}
#header h1 a{
	display:block;
	height:80px;
	width:200px;
	background:url(../images/logo_bodycare.gif) no-repeat left top;
	text-decoration:none;
	padding: 0;
	border: 0;
	overflow:hidden;
}
#header h2 {
	color:#003c9c;
	font-size:160%;
	letter-spacing:.2em;
	font-weight:normal;
	margin:0 0 10px 0;
}
#contact_details {
	position:absolute;
	top:15px;
	right:30px;
	text-align:right;
	width:400px;
}
#contact_details p {
	font-weight:bold;
	line-height:1.6em;
	margin:0;
}

/* logo & strapline */
#logo {
	margin:0 0 20px 0;
}
h1 {
	margin:0;
}
h2 {
}
h3 {
}
h4 {
	font-size:100%;
	border-bottom:1px solid;
}

/* mainnav */

#mainnav {
	background: url(../images/bg_mainnav.gif) no-repeat left top;
	padding:13px 10px 12px 10px;
	margin:0 10px;
}
#mainnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#mainnav li {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}
#mainnav a {
	margin:0 0 0 23px;
	padding:0;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#mainnav a#mainnav_first {
	margin:0;
}
#mainnav a:hover {
	color:#f9d503;
	text-decoration:underline;
}



/*side nav*/

#sidenav {
	width:158px;
	float:left;
	background:#003c9c;
}
#sidenav h3{
	font-size:100%;
	margin:0;
	color:#f9d503;
	height:40px;
	padding:6px 20px 0 20px;
	background:url(../images/bg_sidenav_heading.gif) repeat-x left top;
	line-height:1.4em;
}
#sidenav ul{
	list-style-type:none;
	margin:10px 0 0 15px;
	padding:0;
}
#sidenav li{
	margin:0 0 6px 0;
}
#sidenav a {
	display:block;
	height:21px;
	padding:6px 0 0 28px;
	background:url(../images/bullet_sidenav.gif) no-repeat 0px 0px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#sidenav a:hover {
	color:#f9d503;
	text-decoration:underline;
}

/* content */

#content {
	width:768px;
	margin:0 0 0 10px;
	background:url(../images/bg_content.gif) repeat-y left top;
}
#page {
	width:532px;
	float:left;
	padding:20px 20px 40px 30px;
	font-size:120%;
}

#home #page {
	background:#bad4ed url(../images/bg_homepage.jpg) no-repeat right top;
}
#holistic #page {
	background:#bad4ed url(../images/bg_holistic.jpg) no-repeat 50px -100px;
}
#hotstone #page {
	background:#bad4ed url(../images/bg_hotstone.jpg) no-repeat right top;
}
#seatedchair #page {
	background:#bad4ed url(../images/bg_seatedchair.jpg) no-repeat 100px -40px;
}
#indianhead #page {
	background:#bad4ed url(../images/bg_indianhead.jpg) no-repeat 50px top;
}
#sports #page {
	background:#bad4ed url(../images/bg_sports.jpg) no-repeat 100px top;
}
#aromatherapy #page {
	background:#bad4ed url(../images/bg_aromatherapy.jpg) no-repeat right -20px;
}
#reflexology #page {
	background:#bad4ed url(../images/bg_reflexology.jpg) no-repeat 20px -60px;
}
#reiki #page {
	background:#bad4ed url(../images/bg_reiki.jpg) no-repeat 100px top;
}
#bowen #page {
	background:#bad4ed url(../images/bg_bowen.jpg) no-repeat 100px top;
}
#page p {
	width:350px;
}
#info #page p {
	width:500px;
}
#page h3 {
	margin-top:10px;
}

/*homepage*/
#home #page h3 {
	display:none;
}
.home_intro {
	width:315px;
	font-size:110%;
}
#embody {
	clear:left;
	margin:20px 0 0 0;
	width:300px;
}
#embody img {
	display:block;
}
#embody p {
	width:250px;
	margin:0;
	font-size:100%;
}
#home_offer {
	margin:30px 0 0 0;
}
#home_offer h4{
	font-size:100%;
	margin:0;
	border:0;
}
#home_offer p{
	width:325px;
	margin:0;
	font-size:100%;
}


/*footer*/
#footer {
	margin:0 auto;
	width:768px;
	background:url(../images/bg_footer.gif) no-repeat left top;
}
#footer p{
	margin:0;
	padding:8px 30px 26px 0;
	text-align:right;
	color:#fff;
}


/* prices */
table#pricelist {
	border:none;
	margin:20px 0;
}
#pricelist th {
	text-align:left;
}
#pricelist th,td {
	border-bottom:1px dashed #000066;
	padding:5px;
}



/*generic*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a img {
	border:none;
}