/*
Theme Name: Holistic Health Clinic
Theme URI: www.holistichealthclinic.co.nz
Description: Holistic Health Clinic skin.
Version: 1.0
Author: Addweb Design & Hosting Limited
Author URI: http://www.addweb.co.nz/
*/
/* --- Global Reset --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* --- Default Styles --- */

.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 11px; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.btn {
	text-indent: -9999em;
	display: block;
}

/* --- Screen Reader Accessibilty --- */

.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }

/* --- Site Structure --- */

body {
	font: 75%/1.4 Arial, Verdana, sans-serif;
	color: #1a1a1a;
	background: #fcaf01 url(images/site-bg.png) repeat-x 0 0;
}

h1 { font-size: 2.6em; margin-bottom: 20px; }

h1 span { color: #999; }

h2 { font-size: 1.6em; line-height: 1.2em; padding-bottom: 15px; }

h3 { font-size: 1.6em; }

h4 { font-size: 1.4em; }

a { color: #8E2214; text-decoration: none; }

a:hover, a:active { color: #BF2B17; }

/* --- Floated Elements --- */

.siteContainer, #logo, #footer, #header, .plant, .contentGroup, #mainNav, #content {
	float: left;
}

/* --- Site Containers --- */

.siteContainer {
	width: 980px;
	background: url(images/plant-life.png) no-repeat 0 0;
	}

/* --- Header --- */

.homeBanner {
	float: left;
	width: 895px;
	height: 250px;
	margin: 5px 0 25px 0;
	}
	.homeBanner h2 a {
		background: url(images/splash-banner.gif) no-repeat 0 0;
		width: 895px;
		height: 250px;
		}
		.homeBanner h2 { margin: 0; padding: 0; }
		
#header {
	height: 80px;
	width: 980px;
	overflow: hidden;
	}
#logo {
	background: url(images/logo.gif) no-repeat 0 0;
	width: 415px;
	height: 35px;
	margin-left: 137px;
	margin-top: 40px;
}
#mainNav {
	height: 40px;
	margin-left: 25px;
	width: 100%;
	}
	#mainNav li {
		float: left;
		margin-right: 25px;
		height: 40px;
		background: url(images/mainNav-arrow.png) no-repeat 0 0;
		}
		#mainNav li:hover, #mainNav li.active { background-position: 0 -40px; }
		
		#mainNav li a {
			float: left;
			padding-left: 36px;
			padding-top: 19px;
			height: 14px;
			cursor: pointer;
			}
			#mainNav li a.home {
				background: url(images/btn-home.gif) no-repeat bottom right;
				width: 31px;
				}
			#mainNav li a.about {
				background: url(images/btn-about.png) no-repeat bottom right;
				width: 55px;
				}
			#mainNav li a.offer {
				background: url(images/btn-offer.png) no-repeat bottom right;
				width: 93px;
				}
			#mainNav li a.shop {
				background: url(images/btn-shop.png) no-repeat bottom right;
				width: 36px;
				}
			#mainNav li a.testimonials {
				background: url(images/btn-testimonials.png) no-repeat bottom right;
				width: 126px;
				}
			#mainNav li a.contact {
				background: url(images/btn-contact.png) no-repeat bottom right;
				width: 69px;
				}
			#mainNav li a.blog {
				background: url(images/btn-blog.png) no-repeat bottom right;
				width: 51px;
				}
#topNav {
	float: right;
	margin-top: 3px;
	margin-right: -1px;
	}
	#topNav li {
		float: right;
		background: url(images/topBar-spacer-grey.gif) no-repeat right 5px;
		margin-left: 8px;
		padding-right: 8px;
		}
		#topNav li a {
			font-size: 10px;
			color: #9F9F9F;
			}
			#topNav li a:hover {
				color: #4999FD;
				text-decoration: underline;
				}
			
			#topNav li.search {
				clear: both;
				margin-top: 15px;
				}
				.help {
					color: #4999FD!important;
					}
			
#mainSearch {
	float: right;
	width: 235px;
	height: 27px;
	background: url(images/search-bg.gif) no-repeat 0 0;
	}
	#mainSearch input {
		float: left;
		border: 0;
		width: 180px;
		padding: 2px;
		background: #FFF;
		margin-left: 10px;
		margin-top: 5px;
		font-size: 11px;
		color: #8d8d8d;
		}
		#mainSearch input:hover { color: #797979;}
		#mainSearch input:focus { color: #484747; }
		#mainSearch button {
			float: right;
			background: url(images/btn-search.gif) no-repeat 0 0;
			width: 24px;
			height: 24px;
			border: 0;
			cursor: pointer;
			}
			#mainSearch button:hover { background-position: 0 -24px; }
	
/* --- Content --- */

.contentGroup {
	background: url(images/plant-section.gif) no-repeat 0 0;
	padding-left: 85px;
	width: 895px;
	overflow: hidden;
	padding-bottom: 30px;
	}
#content {
	padding: 30px 0 45px;
	width: 100%;
	}
	#content.bioptron { background: url(images/bg-eav.png) no-repeat 80% 30px; }
	#content.homeobotanical { background: url(images/bg-homeobotanical.png) no-repeat 86% 30px; }
	#content.bowen { background: url(images/bg-bowen.png) no-repeat 73% 30px; }
	#content.therapeutic { background: url(images/bg-therapeutic.png) no-repeat 104% 22px; }
#contentMain {
	float: left;
	width: 600px;
	}
	h2 strong {
		font-weight: bold;
		}
		#contentMain p {
			padding-bottom: 10px;
			}
			#contentMain h3 {
				text-transform: uppercase;
				color: #FFF;
				font-size: 1.2em;
				font-weight: bold;
				border-bottom: 2px solid #fdc341;
				margin-bottom: 10px;
				}
				#contentMain a {
					border-bottom-width: 1px;
					border-bottom-style: solid;
					border-bottom-color: #d17d1e;
					}
					#contentMain hr {
						background: url(images/hr.gif) no-repeat center bottom;
						border: 0;
						width: 100%;
						height: 25px;
						float: left;
						}
					
.boxOne {
	background: url(images/box-one.png) no-repeat 0 0;
	width: 280px;
	height: 112px;
	padding-bottom: 5px;
	}

.boxTwo {
	background: url(images/box-two.png) no-repeat 0 0;
	width: 280px;
	height: 112px;
	padding-bottom: 5px;
	}

.boxFive {
	background: url(images/box-five.png) no-repeat 0 0;
	width: 280px;
	height: 112px;
	padding-bottom: 5px;
	}

/* --- SideBar --- */

.rbTop, .rbBot {
	float: left;
	width: 251px;
	height: 16px;
	font-size: 1px;
	}
	.rbTop { background: url(images/rb-top.png) no-repeat 0 0; }
	.rbBot { background: url(images/rb-bot.png) no-repeat 0 0; }
	.rbContent {
		background: url(images/rb-bg.png);
		float: left;
		width: 221px;
		padding: 0 15px;
		}
.sideHome { padding-top:0!important; }
#sidebar .bowenLogo { padding-left: 25px; }
.quote {
	background: url(images/quote-lrge.png) no-repeat 0 0;
	width: 48px;
	height: 40px;
	margin-left: 15px;
	float: right;
	}
#sidebar {
	float: right;
	width: 251px;
	margin-right: 20px;
	padding-top: 63px;
	overflow: hidden;
	}
	#sidebar h2 {
		background: url(images/title-arrow.gif) no-repeat 0 2px;
		color: #FFF;
		padding: 4px 0 4px 35px;
		margin-bottom: 10px;
		line-height: 1.1em;
		}
		.sideBox {
			float: left;
			width: 100%;
			padding-bottom: 15px;
			}
			.sideBox ul {
				float: left;
				width: 100%;
				padding-left: 2px;
				}
				.sideBox ul li {
					float: left;
					width: 100%;
					border-bottom: 1px solid #fdc84e;
					padding-bottom: 2px;
					margin-bottom: 4px;
					background: url(images/arrow-light.gif) no-repeat 10px 3px;
					}
					.sideBox ul li a {
						color: #8e2214;
						font-weight: bold;
						font-size: 12px;
						padding-left: 25px;
						display: block;
						line-height: 1.2em;
						}
						.sideBox ul li a:hover {
							color: #BF2B17;
							text-decoration: underline;
							}
							.sideBox p {
								padding-left: 10px;
								line-height: 1.4em;
								font-size: 1.1em;
								font-style: italic;
								padding-bottom: 10px;
								}
								.sideBox p img { float: right; padding-left: 15px; }
								.sideBox p span { font-style: normal; }
								.sideBox p.view-ct {
									font-style: normal;
									background: url(images/arrow-light.gif) no-repeat 10px 5px;
									padding: 0 0 0 23px;
									margin-top: 10px;
									font-weight: bold;
									font-size: 1em;
									}

.homeLeft {
	float: left;
	width: 100%;
	padding-bottom: 25px;
	}
	.homeLeft h4 {
		font-size: 1.3em;
		line-height: 1.3em;
		padding-bottom: 10px;
		}
		.homeLeft h4 span { font-weight: bold; }
		.homeRight h3 {
			font-size: 1.6em!important;
			line-height: 1.3em;
			padding: 15px 0 0 20px;
			color: #1A1A1A!important;
			text-transform: none!important;
			border:0!important;
			}
			.homeLeft a {
				border:0!important;
				font-weight: bold;
				}
.homeRight {
	float: right;
	width: 100%;
	background: url(images/yellow-shade.png) no-repeat 0 0;
	}
	.homeLeft h3 {
		font-size: 2.6em!important;
		line-height: 1.1em!important;
		padding: 0 0 0 0;
		color: #1A1A1A!important;
		text-transform: none!important;
		border:0!important;
		}
		.homeLeft img {
			padding-top: 15px;
			padding-left: 15px;
			}
#servicesHome {
	float: left;
	width: 95%;
	padding-left: 15px;
	}
	#servicesHome li {
		float: left;
		width: 100%;
		margin-bottom: 8px;
		border-bottom: 1px solid #e89f05;
		}
		#servicesHome li h2 {
			background:transparent url(images/title-arrow.gif) no-repeat scroll 0 2px;
			line-height: 1.1em;
			margin-bottom: 5px;
			padding: 4px 0 4px 35px;
			}
			#servicesHome li h2 a { border: 0!important; }
		#servicesHome li p {
			padding: 0 10px 10px 10px;
			}
			#servicesHome li p a {
				font-weight: bold;
				background: url(images/arrow-light.gif) no-repeat 0 3px;
				padding: 0 0 0 12px;
				}
					
#homeFeatures {
	float: left;
	width: 100%;
	padding-top: 15px;
	}
	#homeFeatures li {
		float: left;
		width: 45%;
		margin-bottom: 25px;
		}
		#homeFeatures li p {
			padding: 5px 10px 15px 10px;
			}
			#homeFeatures li p a {
				font-weight: bold;
				background: url(images/arrow-light.gif) no-repeat 0 3px;
				padding: 0 0 0 12px;
				}
				#homeFeatures li.featTitle {
					width: 100%;
					background: none;
					text-transform: uppercase;
					font-size: 1em;
					border-bottom: 2px solid #D6980D;
					margin-bottom: 20px;
					}
					#homeFeatures li h2 { padding: 0!important; }
					#homeFeatures li h2 a {
						background: url(images/title-arrow.gif) no-repeat 0 0;
						padding: 4px 0 4px 35px!important;
						color: #FFF;
						}
	
/* --- Footer --- */

#footer {
	width: 895px;
	clear: both;
	position: relative;
	}
	#footerNav {
		float: left;
		width: 100%;
		border-top: 1px solid #d6980d;
		padding: 10px 0;
		}
		#footerNav li {
			float: left;
			background: url(images/footer-spacer.gif) no-repeat right 3px;
			padding-right: 15px;
			margin-right: 15px;
			font-size: 11px;
			}
			#footerNav li.last {
				padding: 0;
				background: none;
				margin: 0;
				}
			#footerNav li.credits {
				background: none;
				padding: 0;
				margin: 0;
				float: right;
				}
				#footerNav li.credits a {
					color: #89630c;
					}
			#footerNav li a {
				color: #473815;
				font-weight: bold;
				}
				#footerNav li a:hover {
					border-bottom: 1px solid #D6980D;
					color: #333;
					}
#footer p {
	font-size: 11px;
	color: #89630c;
	}
	#footer p span {
		float: right;
		}
		
.navigation {
	float: left;
	width: 100%;
	border-top: 2px solid #D6980D;
	padding-top: 5px;
	margin-top: 40px;
	}
	.navigation h4 {
		font-size: 1.3em;
		font-weight: bold;
		}
/* --- Search Results --- */

.results {
	float: left;
	width: 100%;
	border-bottom: 2px solid #FDC341;
	margin-bottom: 10px;
	}
	.results h3 {
		border: 0!important;
		margin: 0!important;
		text-transform: none!important;
		}
		.results small {
			font-size: 10px;
			}
			.resultEntry {
				float: left;
				clear: both;
				}
				.results h3 a { border: 0!important; }
				.results h3 a:hover { text-decoration: underline; }
				
/* --- Sitemap --- */

.ddsg-wrapper {
	float: left;
	width: 100%;
	}
	.ddsg-wrapper h2 {
		border-bottom: 2px solid #D6980D;
		}
	.ddsg-wrapper ul {
		padding: 10px 0;
		float: left;
		width: 100%;
		}
		.ddsg-wrapper ul li ul {
			padding: 4px 0!important;
			}
			.ddsg-wrapper ul li {
				padding-bottom: 3px;
				background: url(images/arrow-light.gif) no-repeat 0 3px;
				padding-left: 12px;
				}
				.ddsg-wrapper ul li ul li {
					padding: 0 0 0 8px!important;
					background: url(images/hl-dot.gif) no-repeat 0 6px;
					border: 0!important;
					}
					.ddsg-wrapper ul li a {
						border: 0!important;
						}
						.ddsg-wrapper ul li a:hover { text-decoration: underline; }
	
/* --- Articles --- */

.post {
	float: left;
	margin-bottom: 25px;
	width: 100%;
	}
	.post .entry {
		padding-bottom: 0!important;
		}
		.post h2 {
			padding-bottom: 0;
			}
			.post h2 a {
				border: 0!important;
				}
				.post small {
					border-bottom: 1px solid #D6980D;
					float: left;
					width: 100%;
					padding-bottom: 5px;
					margin-bottom: 10px;
					}
					.post .postmetadata {
						font-size: 11px;
						padding: 5px 0 5px 15px;
						border-bottom: 1px solid #D6980D;
						background: url(images/icon-comment.gif) no-repeat 0 9px;
						}
						.post strong, .entry strong { font-weight: bold; }
						.post em, .entry em { font-style: italic; }
						.entry h2 { padding-bottom: 15px; }
						
						.entry ul {
							padding-bottom: 10px;
							padding-left: 5px;
							}
							.entry ul li {
								padding: 0 0 0 12px!important;
								background: url(images/hl-dot.gif) no-repeat 0 6px;
								font-weight: bold;
								margin-bottom: 6px;
								}
								.post .alignright { float: right; padding: 0 0 10px 15px; }
								.post .alignleft { float: left; padding: 0 15px 10px 0; }

.entry {
	padding-bottom: 30px;
	}
#commentform input,
#commentform select,
#commentform textarea {
	float: left;
	font-family: Arial,Verdana,sans-serif;
	font-size: 1em;
	color: #666;
	}
#commentform textarea {
	padding: 3px;
	border: 0;
	margin-bottom: 15px;
	}
#commentform input#submit {
	background: #FFF;
	border: 0;
	padding: 3px 6px;
	color: #BF2B17;
	font-weight: bold;
	}
#commentform small {
	font-size: 10px;
	}
#commentform ul {
	float: left;
	width: 100%;
	}
	#commentform ul li {
		float: left;
		width: 100%;
		padding-bottom: 10px;
		}
		#commentform ul li label {
			font-size: 13px;
			font-weight: bold;
			padding-bottom: 4px;
			float: left;
			width: 100%;
			}
			#commentform ul li small {
				font-weight: normal;
				padding-left: 5px;
				}
			#commentform ul li input {
				padding: 2px 3px;
				border: 0;
				width: 300px;
				}
.gravatar {
	float: right;
	margin: 0 0 5px 10px;
	}
	.commentmetadata {
		font-size: 10px;
		border-bottom: 1px solid #D6980D;
		padding-bottom: 4px;
		margin-bottom: 10px;
		}
		.commentmetadata a {
			text-decoration: none;
			color: #444;
			border: 0!important;
			}
			.commentlist cite {
				font-weight: bold;
				font-size: 1.2em;
				}
				.commentlist cite a { border: 0!important; }
				.commentStatus {
					font-weight: bold;
					font-style: italic;
					}

h4#comments, h4#respond {
	border-bottom: 2px solid #D6980D;
	margin-bottom: 20px;
	}
.commentlist {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	}
	.commentlist li {
		padding: 10px;
		}
	.commentlist li.alt {
		background: #FCBA24;
		}
		
/* --- Flash Text Replacement --- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/* --- CForms --- */

.cform {
	float: left!important;
	width: 100%!important;
	margin:0!important;
	}
.cform ol {
	float: left;
	width: 100%;
	}
	.cform ol li {
		border-bottom: 1px solid #D6980D;
		padding-bottom: 10px!important;
		margin-bottom: 10px;
		}
		.cform ol li, .cform ol li label, .cform ol li label span {
			float: left;
			width: 100%;
			}
			.cform ol li label {
				font-weight: bold;
				text-align: left;
				font-size: 1.2em;
				padding-bottom: 8px!important;
				}
				.cform ol li input, .cform ol li textarea {
					border: 0;
					padding: 3px;
					width: 400px;
					font-size: 1.2em;
					}
					.cform ol li input { width: 250px; margin-right: 10px; }
					.cform ol li textarea { width: 100%; height: 120px; font-family:Arial,Verdana,sans-serif; }
					.cform ol li select { width: 256px; padding: 2px 3px 2px 0; border: 0; margin-right: 10px; }
					.cform ol li input:hover, .cform ol li textarea:hover, .cform ol li select:hover {
						background: #FFF6DF;
						}
						.cform input.sendbutton {
							background:#FFF!important;
							border:0!important;
							color: #BF2B17;
							font-size: 1.1em!important;
							font-weight:bold;
							padding: 3px 6px;
							margin: 5px 0 0 0!important;
							width: auto!important;
							}
							.cform ol li input.cf_error{
								background: #FFCFCF;
								color: #FF4F4F;
								}
								.failure { color: #FF4F4F; padding: 4px 20px; background: #FFCFCF url(images/error-top.gif) no-repeat 10px center; font-weight: bold; margin-bottom: 15px; }
								.success { padding: 4px 12px; background: #53AF36; font-weight: bold; margin-bottom: 15px; color: #FFF; }
						.linklove { display: none!important; }