@charset "utf-8";
/*////////////////////////

Default Settings 

///////////////////////*/

body { font-size: 62.5%;  /* 16px × 62.5% = 10px */ 
	font-family: Tahoma, Helvetica, Arial, sans-serif;}
h1 { font-size: 2em; /* 10px × 2em = 20px */ }
p { font-size: 1.2em; /* 10px × 1.2em = 12px */ }
h1,h2,h3,h4,h5,h6 {	font-family: /*"Palatino Linotype",*/ Georgia, "Times New Roman", serif }
textarea {font-family: Tahoma, Helvetica, Arial, sans-serif;}

/*////////////////////////

Design Layout

///////////////////////*/

html {
	position: relative;
	overflow-y:scroll;
} 

body {
	position: relative;
	background: #faf8e5;
}

#wrap {
	position: relative;
	z-index: 1000;
	width: 800px;
	margin: 0px auto;
	height: 500px;
}

#header {
	position: relative;
	background: url(../images/nhwc_logo.jpg) no-repeat;
	margin: 10px 0px 0px;
	width: 800px;
	z-index: 100;
}

#appointments {
	z-index: 5000;
	position: absolute;
	margin: 33px 0px 0px 400px;
	width: 400px;
	font-size: 1.5em;
	text-align: right;	
}
	#appointments p {
		margin: 0px;
		padding: 0px;
		color: #0177BF;		
	}
	
	#appointments p a, #appointments p a:hover, #appointments p a:visited {
		color: #0177BF;			
	}
#navigation {
	background: url(../images/bg_nav.gif) 0px 109px no-repeat;
	position: relative;
	width: 800px;
	margin: 0px;
	padding:109px 0px 0px 0px;
	top: 1px;
	z-index: 1000;
}

		.spritesnav {
			background: url(../images/nav_sprite.jpg) no-repeat scroll 0 0;
			position: relative;
			height: 40px;
			width: 722px;
			margin: 0px;
		}
	
		.spritesnav li {
			position: relative;
			display: inline;
		}
		
		.spritesnav li a:link, .spritesnav li a:visited, .spritesnav li div {
			position:absolute;	
			top: 0;		
			height: 40px;
			overflow: hidden;
			text-indent: -9000px;
			z-index: 10;
		}
		.spritesnav a {
			border: none;
		}
		.spritesnav li div {
			z-index: 0;
		}
		
		.spritesnav #home a:link, .spritesnav #home a:visited, .spritesnav #home div {
			left: 0px;
			width: 72px;
		}
		
		.spritesnav #home a:hover, .spritesnav #home a:focus, .spritesnav #home div {
			background: url(../images/nav_sprite.jpg) no-repeat scroll 0px -41px;
		}
		
		.spritesnav #home a:active, .spritesnav #home div.click {	
			background: url(../images/nav_sprite.jpg) no-repeat scroll 0px -82px;
		}	
		
		.spritesnav #home.active a:link, .spritesnav #home.active a:visited {	
			background: url(../images/nav_sprite.jpg) no-repeat scroll 0px -123px;
			cursor: default;
		}		
		
		.spritesnav #nhservices a:link, .spritesnav #nhservices a:visited, .spritesnav #nhservices div {
			left: 72px;
			width: 99px ;
		}
		
		.spritesnav #nhservices a:hover, .spritesnav #nhservices a:focus, .spritesnav #nhservices div {
			background: url(../images/nav_sprite.jpg) no-repeat scroll -72px -41px;
		}
		
		.spritesnav #nhservices a:active, .spritesnav #nhservices div.click {	
			background: url(../images/nav_sprite.jpg) no-repeat scroll -72px -82px;
		}	
		
		.spritesnav #nhservices.active a:link, .spritesnav #nhservices.active a:visited {	
			background: url(../images/nav_sprite.jpg) no-repeat scroll -72px -123px;
			cursor: default;
		}	
		
		.spritesnav #naturopathic a:link, .spritesnav #naturopathic a:visited, .spritesnav #naturopathic div {
			left: 171px;
			width: 230px;
		}
		
		.spritesnav #naturopathic a:hover, .spritesnav #naturopathic a:focus, .spritesnav #naturopathic div {
			background: transparent url(../images/nav_sprite.jpg) no-repeat scroll -171px -41px;
		}
		
		.spritesnav #naturopathic a:active, .spritesnav #naturopathic div.click {	
			background: transparent url(../images/nav_sprite.jpg) no-repeat scroll -171px -82px;
		}	
		
		.spritesnav #naturopathic.active a:link, .spritesnav #naturopathic.active a:visited {	
			background: transparent url(../images/nav_sprite.jpg) no-repeat scroll -171px -123px;
			cursor: default;
		}	
						
		.spritesnav #events a:link, .spritesnav #events a:visited, .spritesnav #events div {
			left: 401px;
			width: 148px;
		}
		
		.spritesnav #events a:hover, .spritesnav #events a:focus, .spritesnav #events div {
			background: url(../images/nav_sprite.jpg) no-repeat scroll -401px -41px;
		}
		
		.spritesnav #events a:active, .spritesnav #events div.click {	
			background: url(../images/nav_sprite.jpg) no-repeat scroll -401px -82px;
		}	
		
		.spritesnav #events.active a:link, .spritesnav #events.active a:visited {	
			background: url(../images/nav_sprite.jpg) no-repeat scroll -401px -123px;
			cursor: default;
		}	
		
		.spritesnav #about a:link, .spritesnav #about a:visited, .spritesnav #about div {
			left: 549px;
			width: 78px;
		}
		
		.spritesnav #about a:hover, .spritesnav #about a:focus, .spritesnav #about div {
			background: url(../images/nav_sprite.jpg) no-repeat scroll -549px -41px;
		}
		
		.spritesnav #about a:active, .spritesnav #about div.click {	
			background: url(../images/nav_sprite.jpg) no-repeat scroll -549px -82px;
		}	
		
		.spritesnav #about.active a:link, .spritesnav #about.active a:visited {	
			background: url(../images/nav_sprite.jpg) no-repeat scroll -549px -123px;
			cursor: default;
		}		
				
		.spritesnav #contactus a:link, .spritesnav #contactus a:visited, .spritesnav #contactus div {
			left: 627px;
			width: 94px;
		}
		
		.spritesnav #contactus a:hover, .spritesnav #contactus a:focus, .spritesnav #contactus div {
			background: transparent url(../images/nav_sprite.jpg) no-repeat scroll -627px -41px;
		}
		
		.spritesnav #contactus a:active, .spritesnav #contactus div.click {	
			background: transparent url(../images/nav_sprite.jpg) no-repeat scroll -627px -82px;
		}	
		
		.spritesnav #contactus.active a:link, .spritesnav #contactus.active a:visited {	
			background: transparent url(../images/nav_sprite.jpg) no-repeat scroll -627px -123px;
			cursor: default;
		}						
	
#content {
	z-index: 5;
	position: relative;
	clear: both;
	background: #fff;
 	border: 1px solid #343434;
	width: 798px;
	margin: 0px;
	padding: 0px;
}

	.sb_zendish {
		background: #fff url(../images/sidebar_zendish.jpg) left bottom no-repeat !important;	
	}
	
	.sb_zendish .onethird {
		padding-bottom: 200px;
	}
	
	.sb_herbs {
		background: #fff url(../images/sidebar_herbs.jpg) left bottom no-repeat !important;	
	}
		
	.sb_teayarrow {
		background: #fff url(../images/sidebar_teayarrow.jpg) left bottom no-repeat !important;	
	}
	
	.sb_lotus {
		background: #fff url(../images/sidebar_lotus.jpg) left bottom no-repeat !important;
	}
	
	.sb_lotus .onethird {
		padding-bottom: 260px;
	}
		
.graphicheader {
	position: relative;
	z-index: 5;
	width: 798px;
	height: 250px;
	background: #222222;
	padding: 0px;
	margin: 0px;
	border-top: 5px #C2D8E3 solid;
	border-bottom: 1px #343434 solid;
}
	
	.graphicheader p {
		position: absolute;
		width: 500px;
		font-family: Georgia, "Times New Roman", serif;
		font-size: 2.3em;
		font-style:italic;
		color: #fff;
		letter-spacing: .09em;
		line-height: 1.4em;
		margin: 10px 0px 0px 20px;
	}
	
	.onethird {
		position: relative;
		float: left;
		width: 249px;
		margin: 10px;
	}
	
		.onethird.services {
			margin: 0px !important;
		}
		
		#makiphoto.onethird {
			text-align: center;
			margin-top: 34px;
			margin-bottom: 30px;
		}
		
		.onethird .annwindow {
			background: #0177BF;
			padding: 10px 0px 15px;
		}
			
			.annwindow h2 {
				color: #fff;
				border-bottom: 1px solid #fff;
				text-align: center;
			}
			
			.annwindow h3, .annwindow p {
				color: #fff;
				text-align: center;
			}
		
		.graphicheader .imlabel {
			position: absolute;
			top: 232px;
			left: 550px;
			color: #888;
			font-size: .45em;
			width: 225px;
			text-align: right;
			letter-spacing: .05em;
		}
	.twothird, #service_wrap {
		position: relative;	
		z-index: 500;
		float: left;
		width: 509px;
		margin: 10px 10px 20px 0px;
		padding: 0px;
	}
	
	#homepage {
		margin-top: 20px;
	}
	
	* html .onethird {
		display: inline;
		margin: 10px;
	}
	
	* html .onethird_sn{
		display: inline;	
		margin: 10px 0px 10px 10px;
	}
	
	* html .twothird {
		display: inline;
		margin: 10px 0px 10px 0px;
	}	
	
	* html #service_wrap {
		display: inline;
		width: 507px;
		z-index: -1;
	}
	
	#subnav {
		z-index: 1000;
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	* html #services {
		display: inline;
	}

		ul#subnav  {
			position: relative;		
			list-style: none;
			float: left;
			width: 264px;
			padding: 0px;
			margin: 15px 0 300px 10px;
		}
		
		* html #subnav {
			display: inline;
		}
	
		ul#subnav li {
			position: relative;		
			z-index: 5001;
			margin: 0px;
			padding: 0px 0px 5px;
			color: #222;
		}
		
		* html #services #subnav li {
			position: relative;
			display: inline;			
			padding: 0px 0px 10px;
			margin: 0px;
		} 
		
		*:first-child+html ul#subnav li {
			display: inline;
			position: relative;
			float: left;
			width: 264px;			
			margin: 0px;
			padding: 0px 0px 5px 0px;			
			
		}
		
		*:first-child+html ul#subnav li:first-child {
			padding-top: 10px;
			clear: both;
			display: block;
		}		
		
			#services ul#subnav li a {
				position: relative;
				display: block;
				z-index: 5000;				
				outline: none;
				padding: 7px 10px 9px 9px;			
				color: #0166a4;
				margin: 0px 0px 0px 20px;
				background-color: #fff;
				font-size: 1.3em;		
				font-weight: bold;
				letter-spacing: .07em;				
			}
			
			* html ul li a {
				margin-bottom: 5px !important;
			} 

			#services ul#subnav li a:hover {
				position: relative;
				z-index: 5000;
				background-color: #539eed /*53BDED*/;
				margin: 0px;
				color: #fff;
			}
			
			#services ul#subnav li a:active, #services ul#subnav li a:focus, #services ul#subnav li a.selected  {
					position: relative;
					z-index: 1000;
					left: 1px;
					background: #fff /*f4fcff url(../images/subnav_gradient.jpg)*/;
					color: #444 !important;
					padding: 6px 10px 8px 9px;
					border-right: 1px solid #fff /*f4fcff*/ !important;
					border-bottom: 1px solid #999;
					border-top: 1px solid #999;		
			} 
			
			 #services ul#subnav li a.selected {
				margin: 0px !important;	
			} 	
			
			* html #services ul#subnav li a.selected {
				margin-bottom: 5px !important;
				padding: 6px 10px 8px 9px !important;
				background: #fff !important;
			}
	.service_f {
		border-top: 1px solid #999;
		margin: 15px 10px 0px;
		padding: 10px 0px 0px;
	}
	
		.service_f2 {
			margin: 10px 0px 0px;
			padding: 0px;
		}
		
		.service_f p {
			margin: 2px 0px 10px;
		}
		
		.service_f h3 {
			margin: 5px 0px 0px;
		}
		
		.service_f p strong, .service_f2 p strong  {
			font-weight: normal;			
			color: #0066a5;
		}

	.tabdiv {
		padding-bottom: 15px;
	}
	
	.ui-tabs-hide {  
		 display: none;  
	}  		
	
.photo {
	width: 650px;
}

.photo2 {
	width: 450px;
}

#sitemap ul li {
	font-size: 1.2em;
	padding: 5px 0px 5px 10px;
}
#officehours span {
	font-weight: bold;
	width: 90px;
	display: block;
	float: left;
}
#contact_listing p {
	line-height: 1.4em;
	margin-bottom: 10px;
}

#contact_listing p span {
	display: inline-block;
	width: 50px;
}
#footer {
	width: 780px;
	padding: 5px 10px 50px;;
	text-align: right;
	margin-bottom: 40px;
}
	
	#footer p {
		color: #444;
		letter-spacing: .07em;
		font-size: 1.0em !important;
		margin: 0px !important;
	}
	
	#footer p span {
		float: left;
	}

/*////////////////////////

Rounded Box

///////////////////////*/

.sbtop, .sbbottom {
	background:transparent;
	display:block; font-size:1px;
}

.sbb1 {
	display:block; 
	overflow:hidden;
}

.sbb2, .sbb3, .sbb4 {
	display:block; 
	overflow:hidden;
	background:#fff /*f4fcff #f1f3ff/*#e6eaec/*#dae0e3*/; 
	border-left:1px solid #999; 
	border-right:1px solid #999;
	}

.sbb1, .sbb2, .sbb3 {
	height:1px;
}

.sbb1 {
	background:#999;
	margin:0 5px;
}

.sbb2 {
	margin:0 3px;
	border-width:0 2px;
}

.sbb3 {
	margin:0 2px;
}

.sbb4 {
	height:2px; 
	margin:0 1px;
}

.sbboxcontent {
	display: block; 
	padding:5px 10px 5px 10px; 
	background:#fff /*f4fcff /*#f1f3ff /*#e6eaec/*#dae0e3*/; 
	border:0 solid #999; 
	border-width:0 1px;
}

* html .sbboxcontent {
display: inline-block;
	padding-bottom: 10px;
}

.clear {
	clear: both;
}


/*////////////////////////
Typography
///////////////////////*/

* html h2, * html h3 {
	display: inline-block;
}

h2 {
	margin: 0px 10px 5px;
	padding: 1px 0px 6px;
	font-size: 1.7em;
	font-style:italic;
	letter-spacing: .05em;
	color: #0066a5 /*0066a5 #444*/;
	border-bottom: 1px #0177BF solid;
}

	#services #subnav h2 {
		font-family: Tahoma, Helvetica, Arial, sans-serif;
		margin: 10px 15px 5px 0px;
		padding: 0px 0px 7px 0px;
		font-size: 1.3em;
		font-style: normal;
		letter-spacing: 0.04em;
		color: #444;	
		border-bottom: 1px #999 solid;	
	}
	
h3 {
	margin: 15px 10px 0px;
	padding: 0px;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #444;
	font-family:Tahoma, Arial, Helvetica, sans-serif
}

h4 {
	margin: 3px 15px 5px 0px;
	padding-bottom: 8px;
	font-size: 1.4em;
	letter-spacing: 0.07em;
	color: #555;	
	border-bottom: 1px #999 solid;	
}

h5 {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	margin: 15px 5px 5px 5px;
	padding-bottom: 7px;
	font-size: 1.3em;
	letter-spacing: 0.04em;
	color: #444;	
	border-bottom: 1px #999 solid;	
}

p {
	margin: 5px 10px 0px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #444;
}
	.photo p, .photo2 p {
		margin: 5px 5px 0px;	
		font-size: 1.2em;
		color: #444;
	}
	
	.photo p i, .photo2 p i {
		float: right;
	}
a {
	text-decoration: none;
	color: #0066a5 /*#0076c2 5E875B*/;		
}

	a:hover {
		color: #444;
		border: none;
	}