/*Center div can be taken off to align the site to the left. Remember to remove from template*/
div#center {
	width:750px;
	background-color:#FFFFFF;
	position:relative;
	z-index:1;
}

div#header  {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/heading.jpg);
	background-repeat:no-repeat;
	width:750px;
	z-index:1;
	height:245px;
	padding:0;
	margin:0;
}

/*Top menu, left, width, padding, zindex, and top can all be changed*/
div#top_menu  {
	position:absolute;
	top:28px;
	left:176px;
	width:570px;
	z-index:4;
	padding:0px;
	font-size:13px;
	text-align:left;
	font-weight:bold;
}

div#main_content {
	z-index:2;
	width:690px;
	position:absolute;
	top:245px;
	left:0px;
	text-align:left;
	padding:0px 30px;
	background-image:url(../images/background.jpg);
	background-repeat:repeat;
	background-position:top left;
}

div#headings  {
	position:absolute;
	z-index:9;
	width:300px;
	left:224px;
	top:186px;
	text-align:center;
	padding:0;
	margin:0;
	color:#5D8729;
	font-size:36px;
	font-family:Book Antiqua, Times New Roman, Georgia, Garamond, Century, serif;
	font-weight:bold;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	text-align:left;
}

/*Top Menu link commands, these can be changed and the hover can be removed*/
div#top_menu a  {
	color:#87A55D;
	text-decoration:none;
	padding-right:12px;
}

div#top_menu a:hover  {
	color:#FFFFFF;
}

div#main_content a  {
	color:#492080;
	text-decoration:none;
	font-weight:bold;
}

div#main_content a:hover  {
	color:#FFFFFF;
}

/*This code belongs with the top menu commands, it makes the top link stay "highlighted" on the page you are on
body#home a#homenav,
body#contact a#contactnav,
body#inside a#insidenav  {
	color:#993399;
}*/

/*Home page styles*/
div.home-setup  {
	position:absolute;
	width:375px;
	z-index:4;
	height:306px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

div#home-01  {
	top:0px;
	left:0px;
	background-image:url(../images/home-01.jpg);
}

div#home-02  {
	top:0px;
	left:375px;
	background-image:url(../images/home-02.jpg);
}

div#home-03  {
	top:306px;
	left:0px;
	background-image:url(../images/home-03.jpg);
}

div#home-04  {
	top:306px;
	left:375px;
	background-image:url(../images/home-04.jpg);
}

div#home_menu {
	position:absolute;
	z-index:6;
	width:150px;
	top:85px;
	left:330px;
	color:#492080;
	text-align:left;
	padding:0;
	margin:0;
}

div#home_menu h1  {
	padding:0;
	margin:0;
}

div#home_menu a {
	color:#492080;
	text-decoration:none;
	font-size:18px;
}

div#home_menu a:hover  {
	color:#FFFFFF;
}

div#home_content  {
	position:absolute;
	width:245px;
	z-index:6;
	top:369px;
	left:489px;
	color:#492080;
	text-align:left;
	font-weight:bold;
	padding:0;
}

div#home_content a  {
	color:#FFFFFF;
}

div#home_content a:hover  {
	color:#492080;
}

div#home_heading  {
	position:absolute;
	z-index:6;
	width:300px;
	top:15px;
	left:323px;
	color:#87A55D;
	text-align:left;
}

div#search  {
	position:absolute;
	z-index:6;
	width:100px;
	top:67px;
	left:586px;
	color:#87A55D;
	font-weight:bold;
	font-size:14px;
}

div#search  a {
	color:#87A55D;
	font-weight:bold;
	text-decoration:none;
}

/*Contact Us Page commands, table and cell can remain the same, but everything else is changable*/

table#contact-us  {
	width:100%;
	font-size:13px;
}

table#contact-us td  {
	padding:5px 3px;
}

td.name  {
	width:25%;
	font-weight:bold;
	color:#492080;
}

td.field  {
	width:75%;
}

/*Heading commands - these can all be changed*/

h1  {
	font-size:24px;
	font-weight:bold;
	color:#87A55D;
}

h2  {
	font-size:18px;
	font-weight:bold;
	color:#492080;
}

h3  {
	
}

h4  {
	
}

h5  {
	
}

h6  {
	
}

span  {
	color:#CC0000;
}

div#home_menu p  {
	padding-top:0;
	padding-bottom:9px;
	margin:0;
}

p#about  {
	padding-left:4px;
}

p#products  {
	padding-left:20px;
}

p#massage  {
	padding-left:12px;
}

p#events  {
	padding-left:26px;
}

p#healing  {
	padding-left:10px;
}

p#contact  {
	padding-left:0px;
}

p#account  {
	padding-left:28px;
}

p#footer  {
	font-size:11px;
	padding:10px 5px;
	text-align:center;
	color:#492080;
}

img.right  {
	float:right;
	padding:3px 0 3px 5px;
	margin-left:5px;
}
