body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #000;
	background-color: #ccccff;
	}
img {border: none;}
a:link {
	color: #000;
	background-color: transparent;
	}
a:visited {
	color: #369;
	background-color: transparent;
	}

/* layout */

#wrap {
	margin: 0 auto 0 auto; padding: 0; width: 770px; color: inherit;
	/*background: #fff url(../img/wrap-bg.gif) repeat-y 70% 0;*/
	background-color: transparent;
	}
#wrap-inner {
	background: #cecae5 url(../img/bottom.jpg) no-repeat bottom;
	/*background-color: #ccccff;*/
	}
#main-body {
	float: left;
	width: 73%;
	}
* html #main-body {
	width: 74%;
	}
#content {
	float: right;
	width: 66%;
	font-size: 90%;
	color: #333;
	line-height: 1.5em;
	background: url(../img/box371x314.gif) no-repeat;
	/*background-color: transparent;*/
   margin-top: 10px;
	}
#content2 {
	/*float: right;*/
	clear: both;
	width: 100%;
	font-size: 90%;
	color: #333;
	line-height: 1.5em;
	/*background: url(../img/box371x314.gif) no-repeat;*/
	/*background-color: transparent;*/
   margin-top: 10px;
	border: 1px solid green;
	padding-left: 90px;
	padding-right: 115px;
	}
* html #content {
	width: 65%;
}
#sidebar {
	float: left;
	width: 8%;
	}
#sidebar-2 {
	float: right;
	width: 26%;
	}
#footer {
	clear: both;
	/*background: #828377 url(../img/footer-bg.gif) repeat-x top left;*/
	}

/* gutters */

#content .gutter {
	padding: 20px;
	/*background: url(../img/content-bg.gif) repeat-x top left;*/
	}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 6px;
	}

/* header */

#header {
	border-bottom: 3px solid #99cc99;
	background: #99cc99 url(../img/masthead.jpg) no-repeat top center;
	height: 272px;
	text-indent: -5000px;
	}
#header h1 {
	margin: 0;
	padding: 25px;
	font-family: Georgia, serif;
	font-size: 150%;
	color: #374C0E;
	/*background: url(../img/bulls-eye.gif) no-repeat top left;*/
	background-color: transparent;
	}
#header2 {
	border-bottom: 3px solid #99cc99;
	background: #99cc99 url(../img/masthead2.jpg) no-repeat top center;
	height: 123px;
	text-indent: -5000px;
	}
	
/* message row */

#header h2 {
	margin: 80px 0 0 250px;
	padding: 30px 10px 0 10px;
	font-size: 120%;
	font-style: italic;
	font-variant: small-caps; 
	letter-spacing: 2px;
	text-align: center;
	text-indent: 0;
	color: #ff6666;
	background-color: transparent;
	}

#message {
	margin: 0 0 0 250px;
	padding: 10px 10px 64px 10px;
	font-size: 90%;
	color: #ff6666;
	text-align: center;
	/*background: #404530 url(../img/message-bg.gif) repeat-x top left;*/
	background-color: transparent;
	text-indent: 0;
	}
#message strong {
	padding: 0 0 0 2px;
	/*background: url(../img/pretzel.gif) no-repeat 0 50%;*/
	}
	
/* content */

#content h2 {
	margin: -10px 0 2em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 150%;
	color: #663;
	background-color: transparent;
	font-weight: normal;
	letter-spacing: 2px;
	}
* html #content2 h3 {
	margin: 0 0 2em 0;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 150%;
	color: #663;
	background-color: transparent;
	font-weight: normal;
	letter-spacing: 2px;
}

dl.feature {
	margin: 15px 0;
	padding: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
dl.feature:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dl.feature dt {
	margin: 0 0 .5em 0;
	font-family: Georgia, serif;
	font-size: 140%;
	color: #693;
	}
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	background: url(img/photo-frame.gif) no-repeat bottom right;
	}
dl.feature dd {
	margin: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
	}
/* footer */

#footer p {
	margin: 0;
	padding: 5px;
	font-size: 85%;
	color: #000; 
	background-color: transparent;
}
#footer span.left {
	text-align: left;
}
#footer span.right {
	text-align: right;
	padding-left: 280px;
}

#footer p.centered {
	text-align: center;
}

#footer a {
	color: #000 ;
	background-color: transparent;
	text-decoration: underline;
}
#footer a:hover, #footer a:focus {
	text-decoration: none;
}
#footer ul li {
	display: inline;
}

/*  IE fixes */

#content, #sidebar {
	height: 1%;
	}

/* Hides from IE/Mac \*/
#footer {
	height: 1%;
	}
/* End hide from IE/Mac */

/*==============================
style the list
==============================*/
ul li {
	/* Stipulate the height of each item so that 
	vertical return = items * height */
	line-height: 1.2em;

	/* Clear the default margins & padding 
	so we can style the list from scratch */
	margin: 0;
	padding: 0;
	list-style: url(../img/li-bullet.gif);
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there's a level above HTML: */

* html ul li {
	position: relative;
}

/* horizontal position of each column */
ul li.acupuncture,
ul li.acupressure,
ul li.herbology,
ul li.reiki,
ul li.energy,
ul li.soundhealing,
ul li.forms {
	margin-left: 0;
	padding-bottom: 3em;
}
ul li.massage,
ul li.electrical,
ul li.cupping,
ul li.moxibustion,
ul li.lifestyle,
ul li.nutritional {
	margin-left: 0;
	padding-bottom: 3em;
}
/* anchor styling */
ul li a {
	display: block;
	width: 11em;
	text-decoration: none;
}
ul li a:hover {
	color: #fff;
	background-color: #ff6666;
}

/*- Menu Tabs --------------------------- */

#menu {
  float:left;
  width:100%;
  background:#FCF1F6;
  font-size:92%;
  line-height:normal;
  border-bottom:1px solid #E276A7;
  text-align: center;
  }
#menu ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }
#menu li {
  display:inline;
  margin:0;
  padding:0;
}
#menu a {
  float:left;
  background:url("../img/tableft8.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#menu a span {
  float:left;
  display:block;
  background:url("../img/tabright8.gif") no-repeat right top;
  padding:5px 0px 4px 0px;
  color:#333;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

#menu a:hover span {
	color:#591333;
}
#menu a:hover {
	background-position:0% -42px;
}
#menu a:hover span {
	background-position:100% -42px;
}

#menu #current a {
	background-position:0% -42px;
}
#menu #current a span {
	background-position:100% -42px;
}

body#home #t-home a {
	background-position:0% -42px;
}
body#home #t-home span {
	background-position:100% -42px;
}
body#who #t-who a {
	background-position:0% -42px;
}
body#who #t-who span {
	background-position:100% -42px;
}
body#how #t-how a {
	background-position:0% -42px;
}
body#how #t-how span {
	background-position:100% -42px;
}
body#services #t-services a {
	background-position:0% -42px;
}
body#services #t-services span {
	background-position:100% -42px;
}
body#contact #t-contact a {
	background-position:0% -42px;
}
body#contact #t-contact span {
	background-position:100% -42px;
}

.ulleft ul {
	float: left; 
	margin: 5px 5px 0 0; 
	font-size: 110%;
}
.ulleft ul li {
	list-style: none;
	padding-bottom: 0.5em;
}
* html .ulleft {
	padding-left: 20px;
}
.bottomnote {
	padding-top: 100px;
	text-align: center;
}