﻿/* Global Reset @ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, form {
margin: 0;
padding: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	color:#663;
	background:#90c7af url(../images/bg.gif) repeat-x;

}

/* Layout */

#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #fff;

}

#header 
{
	background: url(../images/header.jpg);
	height: 228px;
	width: 760px;
}




#contentLeftHome {
	float: left;
	width: 315px;
	padding: 20px;
}

#contentCenterHome {
	float: left;
	width: 175px;
	margin: 20px;
	position:relative;
}

#contentRightHome {
	float: left;
	width: 155px;
	margin: 20px 20px 0 5px;
}

#contentLeftMain {
	float: left;
	width: 435px;
	padding: 20px;
}

#contentRightMain {
	float: left;
	width: 250px;
	margin: 20px 0 0 5px;
}


#footer 
{
	text-align: left;
	background-color: #e4e1d5;
	padding: 7px 0 7px 20px;
	font-size: 90%;	
}

#navigation {
	margin: -180px 0 0 20px;
	font-size: 120%;
	font-weight: bold;
	height: 30px;
	width: 740px;

}

#navigation li
{
    float: left;
    list-style: none;
	margin: 0 35px 0 0;
	height: 20px
}

#navigation li a
{
	color: #fff;
	text-decoration: none;	
}

#navigation li a:hover, #navigation li a:hover, #navigation li a:focus
{
	text-decoration: underline;
}

#home #linkHome a, #contact #linkContact a, #about #linkAbout a, #Acupuncture #linkAcupuncture a, #massage #linkMassage a, #reiki #linkReiki a, #links #linkLinks a {
	padding: 0 0 2px 0;
	text-decoration: underline;
}

#logo {
	border: none;
	margin: 80px 0 0 29px;
}

#imageBox {
	float: right;
	width: 180px;
	border: 1px solid #cecab7;
	padding: 6px 3px 6px 3px;
	text-align: center;
	margin: 0 0 0 7px;

}



/* Styles */

h1 {
	background-color: #cecab7;
	font-size: 140%;
	padding: 6px 0 6px 20px;
	color: #fff;
	height: 20px;
}

h2  {
	color: #399;
	font-size: 120%;
	padding: 0 0 20px 0;
}

#footer a {
	color: #663;
	text-decoration: none;
}

#contentCenterHome img {
	margin: 0 0 20px 0;
}

#contentCenterHome ul {
	/*position: absolute;
	top: 97px;
	left: 6px;
	list-style: none;
	width: 175px;
	font-weight: bold */
	position: relative;
	list-style: none;
}

#contentCenterHome ul li.centerImgPad {
	/*margin-top: 125px; */
}

#contentCenterHome img {
	border: none;
}

#contentCenterHome a {
	text-decoration: none;
	color: #663
}

#contentLeftMain ul {
	margin: 0 0 0 15px;
}

.centerMenu {
	position: absolute;
	margin: 95px 0 0 -170px;
	font-weight: bold;
	
}

.green {
	color: #399;
	font-size: 120%;
	font-weight: normal;
}

.highlightBox {
	padding: 10px;
	width: 240px;
	background-color: #edeade;
}

.highlightBox ul {
	padding: 0 0 0 20px;
}

.highlightBox ul li{
	list style: none;
	list-style-image:url(../images/bullet.gif);
	padding: 2px 0 2px 0;
}

a {
	text-decoration: none;
	color: #399;
	font-weight: bold;
}

#contentLeftMain a:hover, #contentRightMain a:hover, #contentLeftHome a:hover, #contentRightHome a:hover  {
	text-decoration: none;
	color: #399;
	font-weight: bold;
	border-bottom: 1px dotted #399;
}

#imageBox p {
	font-size: 90%;
	text-align: left;
	line-height: 99%;
	padding: 4px
}


