/* CSS Document */

body { /* THIS IS THE WHOLE PAGE SETTINGS*/
	margin: 0;
	padding: 0;
	text-align: center; /*this is hack for eiWin 5-6*/
	font-size: 75%;
	background-color:#fff;
}

#wrapper{ /*THIS IS THE MAIN WRAPPER FOR EVERY PAGE*/
	margin: auto;	
	margin-top: 30px;
	padding: auto;
	background-color:#ffffff;
	width: 1000px;
	height: 1000px;
	text-align: left; /*this is reverse to hack ieWin5-6*/
	
}
/* INDEX PAGE*/
#wrapperH{ /*THIS IS THE WRAPPER FOR THE INDEX OPENING PAGE*/
	margin: auto;	
	margin-top: 30px;
	padding: auto;
	background-color:#ffffff;
	width: 1000px;
	height: 700px;
	text-align: left; /*this is reverse to hack ieWin5-6*/
}

#logo { /*THIS IS FOR THE INDEX PAGE ONLY TO PLACE THE LOGO ABOVE THE ANIMATION*/
	margin-top: -130px;
	margin-left: 250px;
}

/* END INDEX PAGE*/

#background {
	margin-top: 50px;
	margin-left: 0px;
}

#banner {
	margin-top: -320px;
	margin-left: 100px;
}

#footer {  /* THIS IS THE LOGO, ALWAYS AT THE BOTTOM*/
	position: relative;
}

#content {/*THE TEXT ON CONTACT AND ABOUT PAGES*/
	margin-top: -40px;
	margin-left: 100px;
}

#text { /*THE TEXT ON TREATMENTS PAGES TO ALLOW FOR SIDE MENU*/
	margin-top: -440px;
	margin-left: 270px;
	width: 600px;
}

#products {/*THE TEXT ON PRODUCTS*/
	margin-top: -40px;
	margin-left: 30px;
}

.style1 { /* about page*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	width: 500px;
	color:#333;
	margin-left: 150px;
}

.style2 { /*contact page*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	margin-left:200px;
	width: 400px;
	color:#333;
}

.style3 { /* subheading on treatments page - indented for menu and about text on healers page*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	width: 610px;
	color:#333;
}

.style4 { /* text about individual healers page, on Therapists Pg*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	width: 400px;
	line-height: 15px;
	color:#333;
}

.style5 { /* about page nautilus heading*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: justify;
	width: 500px;
	color:#F00;
	margin-left: 230px;
}

.h1 { /*sub-titles on treatments*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	text-align: left;
	width: 600px;
	color: #333;
}

.h2 { /*titles on treatments*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	text-align: center;
	width: 600px;
	color: #c3915d;
}



/*NAVIGATION ACROSS THE TOP*/

#navigation {
	position: relative;
	font-family:"Tahoma", Helvetica, Arial, sans-serif;
	text-align: right;
	color: #fff;
	font-size: 1.2em;
	width: 800px;
	top: -402px;
	margin-left: 100px;
}

* html #navigation { /*hack for ieWin 6 and below*/
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	width: 840px;
	top: -393px;
	margin-left: 60px;
}

ul{
	background-color:#c3915d;
	padding-top: 5px;
	padding-bottom: 5px;
}

li {
	display: inline;
	line-height: 1.3em;
	height: 1.3em;
	padding-right: 10px;
	padding-left: 5px;	
}

li a:link, li a:visited {
	color: #fff;
	text-decoration: none;
}

li a:hover {
	color: #f5ece0;
}

/*END NAVIGATION ACROSS THE TOP*/

/*NAVIGATION SIDE BAR*/
#navSide {
	position: relative;
	font-family:"Tahoma", Helvetica, Arial, sans-serif;
	text-align: left;
	color: #fff;
	font-size: 1.3em;
	width: 130px;
	height: 380px;
	top: -15px;
	margin-left: 100px;
	background-color:#c3915d;
	line-height: 16px;
	padding: 10px;
}

/*END NAVIGATION SIDE BAR*/