/* CSS Document */

body {
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(/img/body-bg.gif) top left repeat-x;
	}

p, ul {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	}

h1 {
	font-size: 28px;
	
	}

h2 {
	font-size: 21px;
	}

h3 {
	font-size: 18px;
	}
	
a {
	color: #333;
	}
	a:hover {
	color: #666;
	text-decoration: none;
	}

#header {
	margin: 0 auto;
	height: 95px;
	width: 760px;
	}
	#header h1 {
		text-indent: -9999px;
		float: left;
		margin: 18px 0 0 0;
		padding: 0;
		width: 315px;
		height: 50px;
		background: url(/img/header-h1.gif ) no-repeat;
		}
		#header h1 a {
			width: 315px;
			height: 50px;
			display: block;
			}
			
		#header p {
			text-align: right;
			color: #fff;
			padding: 16px 0 0 0;
			line-height: 14px;
			}
	
#nav {
	margin: 0 auto;
	width: 760px;
	height: 40px;
	}
	#nav ul {
		display: block;
		list-style-type: none;
		text-align: center;
		color: #fff;
		margin: 0;
		}
		#nav li {
			display: inline;
			}
		#nav li a {
			float: left;
			color: #fff;
			text-decoration: none;
			margin: 0;
			padding: 10px 27px 10px 27px;
			display: block;
			}
		#nav li a:hover {
			color: #515769;
			text-decoration: none;
			background: #939fbf;
			}
		
		body.home li#nav-home a {
			color: #fff;
			text-decoration: none;
			background: #939fbf;
			}
		body.about li#nav-about a {
			color: #fff;
			text-decoration: none;
			background: #9b644c;
			}
		body.resources li#nav-resources a {
			color: #fff;
			text-decoration: none;
			background: #76951a;
			}
		body.workshops li#nav-workshops a {
			color: #fff;
			text-decoration: none;
			background: #455739;
			}
		body.areas-of-treatment li#nav-treatment a {
			color: #fff;
			text-decoration: none;
			background: #bca36c;
			}
		body.contact li#nav-contact a {
			color: #fff;
			text-decoration: none;
			background: #3f628b;
			}
			
#mainfeature {
	margin: 10px auto 0 auto;
	width: 760px;
	}

#content-wrap {
	margin: 10px auto 0 auto;
	width: 760px;
	background: #fff;
	}
	 body.home #content-wrap {
	 	background: none;
		}

/* ---- Primarycontent --- */
#primarycontent {
	width: 190px;
	margin: 16px 0 0 2px;
	float: left;
	background: #fff;
	border-right: 1px solid #939fbf;
	}
	body.home #primarycontent {	
		border: none;
		margin: 8px 0 0 2px;
		}
	
	#primarycontent p {
		margin-left: 24px;
		}
		body.home #primarycontent p {	
		margin-top: 18px;
		}
	
	#primarycontent h3 {
		margin-left: 24px;
		margin-bottom: 0;
		font-weight: normal;
		}
	
	#primarycontent ul {
		padding: 0px;
		margin: 0;
		}
			
	#primarycontent li {
		margin: 10px 0;
		padding: 0 8px 0 22px;
		list-style-type: none;
		}

/* ---- Secondarycontent --- */
#secondarycontent {
	width: 550px;
	margin: 16px 0 0 3px;
	background: #fff;
	float: left; 
	}
	body.home #secondarycontent {
		margin: 8px 0 0 3px;
		width: 280px;
		}
		
	#secondarycontent h2 {
		margin: 0px 8px 8px 16px;
		font-size: 28px;
		font-weight: normal;
		}
		#secondarycontent h2#Workshops {
			width: 530px;
			height: 172px;
			background: url(/img/h2-workshops.jpg) top left no-repeat;
			text-indent: -9999px;
			}
		#secondarycontent h2#Contact {
			width: 530px;
			height: 172px;
			background: url(/img/h2-contact.jpg) top left no-repeat;
			text-indent: -9999px;
			}
		#secondarycontent h2#Resources {
			width: 530px;
			height: 172px;
			background: url(/img/h2-resources.jpg) top left no-repeat;
			text-indent: -9999px;
			}
		#secondarycontent h2#Treatment {
			width: 530px;
			height: 172px;
			background: url(/img/h2-treatment.jpg) top left no-repeat;
			text-indent: -9999px;
			}
		#secondarycontent h2#About {
			width: 530px;
			height: 172px;
			background: url(/img/h2-about.jpg) top left no-repeat;
			text-indent: -9999px;
			}
		
	#secondarycontent h3 {
		margin: 12px 8px 0px 16px;
		}
		
	#secondarycontent p, #secondarycontent dl, #secondarycontent dt, #secondarycontent dd {
		margin: 4px 12px 18px 16px;
		}
		
	#secondarycontent ul {
		margin: 4px 12px 18px 16px;
		padding: 0;
		}
		#secondarycontent li {
			margin-left: 25px;
			padding: 0;
			}

	#secondarycontent p.alignleft {
		float: left;
		margin: 8px 16px 14px 16px;
		}
		
/* ---- Tertiarycontent --- */		
#tertiarycontent {
	width: 280px;
	height: 420px;
	margin: 8px 0 0 3px;
	float: left;
	background: #fff;
	}
	#tertiarycontent p {
		margin-left: 16px;
		margin-right: 12px;
		}
	 #tertiarycontent h2 {
		width: 296px;
		height: 159px;
		text-indent: -9999px;
		margin: 0;
		}
		 #tertiarycontent h2#healing {
			background: #fff url(/img/h2-home-starthealing.jpg) no-repeat;
			}
	 #tertiarycontent h3, 
	 body.home #secondarycontent h3 {
		margin: 12px 0px 18px 16px;
		font-weight: none;
		}

#footer {
	margin: 20px auto 0 auto;
	height: 80px;
	width: 760px;
	float: left;
	}
	#footer p {
		text-align: left;
		color: #333;
		margin: 0 0 0 10px;
		font-size: 10px;
		line-height: 14px;
		}
		

body.contact {
	background: #fff url(/img/body-bg-contact.gif) top left repeat-x;
	}
	body.contact #header h1 {
		background: url(/img/header-h1-contact.gif ) no-repeat;
		}
	body.contact #nav li a:hover {
		color: #fff;
		text-decoration: none;
		background: #3f628b;
		}

body.workshops {
	background: #fff url(/img/body-bg-workshop.gif) top left repeat-x;
	}
	body.workshops #header h1 {
		background: url(/img/header-h1-workshop.gif ) no-repeat;
		}
	body.workshops #nav li a:hover {
		color: #fff;
		text-decoration: none;
		background: #455739;
		}

body.areas-of-treatment {
	background: #fff url(/img/body-bg-treatment.gif) top left repeat-x;
	}
	body.areas-of-treatment #header h1 {
		background: url(/img/header-h1-treatment.gif ) no-repeat;
		}
	body.areas-of-treatment #nav li a:hover {
		color: #fff;
		text-decoration: none;
		background: #bca36c;
		}

body.resources {
	background: #fff url(/img/body-bg-resources.gif) top left repeat-x;
	}
	body.resources #header h1 {
		background: url(/img/header-h1-resources.gif ) no-repeat;
		}
	body.resources #nav li a:hover {
		color: #fff;
		text-decoration: none;
		background: #76951a;
		}

body.about {
	background: #fff url(/img/body-bg-about.gif) top left repeat-x;
	}
	body.about #header h1 {
		background: url(/img/header-h1-about.gif ) no-repeat;
		}
	body.about #nav li a:hover {
		color: #fff;
		text-decoration: none;
		background: #9b644c;
		}