html { 
	height: 100%;
	margin-bottom:1px;
}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

body{
	background:#d8d727 url(../images/siteBg.jpg) repeat-x;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	color:#383737;
	text-align:center;
	height:100%;
}

#wrapper {
	width:972px; 
	margin:0 auto; 
	background:url(../images/shadow.png) repeat-y;
	text-align:center;
}
	
#header { 
	position:relative;
	height:280px;
}


#header h1 {
	display: block;
	margin:0;
	width: 220px;
	height: 96px;
	position:absolute;
	left:715px;
	top:40px;
	text-indent: -9999px;
	background:url(../images/logo.jpg) no-repeat 0 0;
 }

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}

body#home #header { 
	height:350px;
}

#navlist
{
	padding: 0;
	margin:0;
	width: 162px;
}

#navlist li
{
	list-style: none;
	padding: 10px 0 10px 0;
	margin:0 20px 0 0;
	background:url(../images/dottedLineBg.gif) bottom left repeat-x;
}

#navlist li a
{
	color:#573d6c;
	text-decoration:none;
}

body#home li#home,
body#reiki li#reiki,
body#energy li#energy,
body#contact li#contact
{
	font-weight:bold;
}

a:link {
	text-decoration: underline; 
	color:#383737;
}

#navlist li a:hover {
	text-decoration: none;
	color: #d8d727;
}

a:visited {
	text-decoration: underline; 
	color:#383737;
}

a:active {
	text-decoration: underline; 
	color:#383737;
}

#siteContainer { 
	width:960px;
	margin:0 auto; 
	text-align:left;
}
		
body#home #siteContainer{
	background:url(../images/homeHeaderBg.jpg) no-repeat;
}

body#contact #siteContainer{
	background:url(../images/headerBgContact.jpg) no-repeat;
}

#siteContainer{
	background:url(../images/headerBg.jpg) no-repeat;
}

	
#contentContainer { 
	background:url(../images/contentContainerBg.gif) 20px 0 repeat-y;
	margin-bottom:30px;
}
	
#leftColumn { 
	float:left; 
	width:160px; 
	padding:0 0 10px 30px; 
}
	
#middleColumn { 
	float:left; 
	width:490px;
    margin:0 40px 0 20px;
}

#middleColumn h2{
	padding-top:0;
	margin-top:-40px;
}

#rightColumn { 
	float:left; 
	width:205px;  
}

#rightColumn h3{ 
	margin-top:-30px;
	padding-top:0;
}

#extraInfo{
	padding:15px 0 0 0; 
}

#extraInfo h4{
	padding:0;
	margin:0;
}
	
#extraInfo p{
	margin:0;
	padding:0 40px 10px 0; 
}
	
#footer { 
	background:url(../images/dottedLineBg.gif) repeat-x;
	clear:both;
	margin-top:-30px;
	position: relative;
	margin:0 30px 0 30px;
	padding:6px 0 15px 0;
	font-size:10px;
}

#dotLine {
	padding:5px 0 0 0;
	background:url(../images/dottedLineBg.gif) repeat-x;
}
	
h1, h2, h3, h4 {
	color:#573d6c;
	font-weight:bold;
}

.intro {
	color:#573d6c;
	font-size:14px;
}

bodyboldpurple {
	color:#573d6c;
	font-size:12px;
	font-weight:bold;
}

bodybold {
	font-size:12px;
	font-weight:bold;
}

bodybolditalic {
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}


.clearfix:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; 
	} /* slightly enhanced, universal clearfix hack */
	
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */