/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family:  Garamond, "Times New Roman", Times, serif;
	color: #000;
}

body{
	background: #FFF;
	margin: 0px;
	color: #000;
	position: relative;
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	color: #3bb1e8;
	text-decoration: none;
	font-family:  Garamond, "Times New Roman", Times, serif;
}

label, a:hover, label:hover{
	color: #ff5c30;
	cursor: pointer;
}

/* Typography */
span, p, h1, h2, h3, h4, h5{
	color: #373534;
}



p, ul, ol{
	font-family:  Garamond, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 1.5em 0;
}


h1{font-size: 2.4em;}
h2{font-size: 1.4em;}
h3{	margin-top:20px;}

hr{
	background-image:url(../images/design/hr-bg.jpg);
	background-repeat: repeat-x;
	width: 885px;
}

p img{
	float: none;
	margin: 0px;
}

small{
	display: block;
}

strong{
	color: #ff5c30;
	font-size: 16px;
	margin; 0px;
	display: block;
	font-style:normal;
	font-family:Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
}

cite{
	font-weight: bold;
	color: #666666;
	font-size: 11px;
}




/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{	
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
}

h1.phark{
	height: 30px;
	margin: 15px 0 -15px -8px;
	background-repeat: no-repeat;
}

.left{float: left;}
.right{	float: right;}
.last{border: none !important;}

img.simple{border: none;}

img.featured{
	background-image:url(../images/design/design_element.gif);
	background-position: -50 0;
	padding-right: 50px;
	background-repeat: no-repeat;
	margin-right: 50px;
}

p.important{color: #373534;}

span.vcard{
	display: block;
	color: #ff5c30;
	margin-top: 15px;
}

.box{
	margin: 0px;
	padding: 0px;
	float: left;
	margin-left: 3px;
	position: relative;
}

.box a{
	font-size: 16px;
	margin-left: 15px;
}

.ie6 .box a{
	
}

.box p{
	margin: 7px 10px 0px 15px;
	padding: 0px;
	line-height: 19px;
	color: #363636;
}

.quarter{
	width: 232px;
	height: 177px;
}

.testimonial, #content-supp img{
	margin: 20px 15px 30px 15px;
	
}

.testimonial p{
	margin: 0px;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 10px;
}



/* Content Divs
------------------------------------------------------------------------------------------*/
body{
	background-position: -15px -30px;
	background-repeat:no-repeat;
}



.container{
	height: auto;
	width: 944px;
	border: 8px solid;
	margin-top: 69px;
	position: relative;
}

#header {
	height: 119px;
	position: relative;
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 944px;
}

	#branding{
	width: 100%;
	height: 119px;
	background-repeat: no-repeat;
	display: block;
	}
		
		#branding h1 a{
			height: 74px;
			width: 690px;
		}
	
#content{
	min-height: 300px;
	margin-top: -45px;
}		

#content-main{
	position: relative;
	width: 650px;
	padding: 25px 20px;
	margin-left: 254px;
	background-color: #FFF;
}

.ie6 #content-main{
	width: 647px;
	margin-left: 251px;
}

#content-main img{
	margin-right: 6px;
	margin-left: -3px;
}
#content-main img.last{margin: 0 0 0 0;}
#content-main img{border: 5px solid; }

#content-main img.simple{
	border: none;
	margin-right: 15px;
}

#content-supp{
	width: 254px;
	float: left;
	height: 100%;
	margin-top: 320px;
}

.ie6 #content-supp{}

#content-tertiary{
	background-color: #FFF;
	background-image:url(../images/design/bg-tertiary.jpg);
	background-repeat: no-repeat;
	padding-top: 2px;
	min-height: 215px;
}

.ie6 #content-tertiary{
	padding-top: 10px;
}
	
#footer{
	font-size: 14px;
	clear: both;
	background-color: #f0f4e7;
	height:31px;
	padding:12px 10px 0 15px;
}

.safari #footer{
	margin-top: -8px;
}

#sub-footer{
	height: 72px;
	position: absolute;
	background-repeat:no-repeat;
	width: 933px;
	left: 0px;
	text-align: right;
	padding: 14px 20px 0 0;
	background-position: -9px 8px;
}

#sub-footer p {
	font-size: 13px;
	margin: 0px 74px 0 0;
	color: #666;
}

#footer a, #footer p{
}

/* Navigation 
------------------------*/

#navigation{
	width:254px;
	position:absolute;
	top: 119px;
	height: 261px;
	background-color: #F0F4E7;
	z-index: 10;
	padding-bottom: 15px;
}	

ul#nav-main{
	list-style: none;
	width: 254px;
	margin: 0px;
}

ul#nav-main li{
	display:block;
}

	ul#nav-main a {
	display: block;
	height: 25px;
	background-repeat: no-repeat;
	}
	
	ul#nav-main li/*, ul#nav-supp li*/ {
	float: left;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height:25px;
	text-indent: -9999px;
	width: 254px;
	margin: 10px 0px;
	}
	
ul#nav-supp{
	width: 746px;
	height: 52px;
	background-image:url(../images/design/subnav-bg.jpg);
	background-repeat: no-repeat;
	margin: -5px 0 0 1px;
}

.mac ul#nav-supp{
	margin-top: -6px;
}

.ie ul#nav-supp{
	margin: -3px 0px 0px -155px;
}

ul#nav-footer{
	float: right;
	color: #666666;
	margin: 0px;
	font-size: 14px;
}

.ie7 ul#nav-footer, .ie6 ul#nav-footer{margin-top: -21px;}
.safari ul#nav-footer{margin-top: 5px;}

ul#nav-footer li{
	display: inline;
	border-right: 1px solid;
	padding: 0px 5px;
}

a#directions{
	background-image:url(../images/design/map_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 4px 0px 4px 30px;
}

.ie6 a#directions{
	background-image: none;
}





/* LISTS
------------------------------------------------------------------------------------------*/
#content-main ul{
	margin-left: 20px;
}

ul#vcard{
	list-style: none;
	color: #687819;
	background-image: url(../images/design/vcard-email-bg.jpg);
	background-position:right;
	background-repeat: no-repeat;
	text-align: left;
	width: 448px;
	position: absolute;
	top: 102px;
	height: 21px;
	left: 453px;
	padding: 10px 0 7px 14px;
	}
	
	ul#vcard li{
	display: inline;
	margin-right: 7px;
	}
	
	ol{
		margin-left: 30px;
	}
	
	


/* FORMS
------------------------------------------------------------------------------------------*/
form.custom-form{
	position: relative;
	margin-top: 25px;
	width: 95%;
}
form.custom-form fieldset { margin-bottom: 10px;}
form.custom-form legend {  padding: 0 2px;  font-weight: bold;}
form.custom-form label { display: inline-block; line-height: 1.8;vertical-align: top;}
form.custom-form fieldset ol {  margin: 0;  padding: 0;}
form.custom-form fieldset li {  list-style: none;  padding: 5px;  margin: 0;}
form.custom-form fieldset fieldset {  border: none; border-width: 0; margin: 0 0 -55px -18px;}

.ie form.custom-form fieldset fieldset{ margin-bottom: -35px; margin-top: -28px;}

form.custom-form fieldset fieldset legend {  padding: 0 0 5px;  font-size: 12px; color: #687819;}
.ie form.custom-form fieldset fieldset legend {}

form.custom-form fieldset fieldset label {  margin-top: -40px; margin-right: -90px; margin-left: 50px;  width: auto;}
.ie form.custom-form fieldset fieldset label{ margin-top: -30px; }

form.custom-form label.required:after{	content: '*';	 font-weight: bold;  font-style: normal;  color: #f00;}
form.custom-form em {  font-weight: bold;  font-style: normal;  color: #f00;}
form.custom-form label {  width: 120px; /* width of labels */}

form.custom-form input:focus{outline: #AO5423; }
form.custom-form input[type=text]{	width: 25%;}
form.custom-form input[type=text].short{	width: 75px;}
form.custom-form textarea{
	margin-right:5px;
	width:480px;
	height: 75px;
}

.webkit form.custom-form textarea{margin-top: 0px;}

form.custom-form fieldset fieldset label {  margin-left: 123px; /* Width plus 3 (html space) */}
form.custom-form li#button{position: absolute; bottom: 5px; }

.ie form.custom-form li#button{position: relative; }
.ie form.custom-form {padding-bottom: 15px; }


/* TABLES
------------------------------------------------------------------------------------------*/
table{
	background-color: #deeffb;
	color: #666666;
	font-family:Verdana, Geneva, sans-serif;
}

th{
	text-indent: -5000px;	
	/*font-size: 0;*/
	overflow: hidden;
	background-repeat: no-repeat;
	background-color: #deeffb;
	background-position: 10px;
}

th, td{padding: 10px;}
.ie th, .ie td{padding: 5px;}

tr.odd td{
	background-color:#f0f4e7;
}
th#allergy-symptoms{	background-image:url(../images/text/headings/allergy-symptoms.jpg);}
th#possible-allergens{background-image:url(../images/text/headings/possible-allergens.jpg);}

/* Specific Page Design
------------------------------------------------------------------------------------------*/
body.home{background-image:url(../images/design/leaves/bg-leaves-home.jpg);}
body.chiropractic{background-image:url(../images/design/leaves/bg-leaves-chiro.jpg);}
body.naet{background-image:url(../images/design/leaves/bg-leaves-naet.jpg);}
body.ph{background-image:url(../images/design/leaves/bg-leaves-ph.jpg);}
body.about{background-image:url(../images/design/leaves/bg-leaves-about.jpg);}
body.water{background-image:url(../images/design/leaves/bg-leaves-water.jpg);}

.home .container{ border-color:#533778;}
.chiropractic .container{ border-color:#3e4e7b;}
.naet .container{ border-color:#005a51;}
.ph .container{ border-color:#2dd6106;}
.about .container{ border-color:#4c145e;}
.water .container{ border-color:#03456b;}

.home #content, .home #content-supp{background-color:#E9F2D9;}
.chiropractic #content, .chiropractic #content-supp{background-color:#eff0f2;}
.naet #content, .naet #content-supp{background-color:#e5efd1;}
.ph #content, .ph #content-supp{background-color:#fbeee1;}
.about #content, .about #content-supp{background-color:#f6f1f3;}
.water #content, .water #content-supp{background-color:#deeffb;}

.home h1#logo{background-image:url(../images/text/headings/logo_home.gif);}
.chiropractic h1#logo{background-image:url(../images/text/headings/logo_chiro.gif);}
.naet h1#logo{background-image:url(../images/text/headings/logo_NAET.gif);}
.ph h1#logo{background-image:url(../images/text/headings/logo_ph.gif);}
.about h1#logo{background-image:url(../images/text/headings/logo_about.gif);}
.water h1#logo{background-image:url(../images/text/headings/logo_water.gif);}

.home #header{	background-image:url(../images/design/leaves/header_home_leaves.gif);}
.chiropractic #header{background-image:url(../images/design/leaves/header_chiro_leaves.gif);}
.naet #header{	background-image:url(../images/design/leaves/header_NAET_leaves.gif);}
.ph #header{	background-image:url(../images/design/leaves/header_ph_leaves.gif);}
.about #header{	background-image:url(../images/design/leaves/header_about_leaves.gif);}
.water #header{	background-image:url(../images/design/leaves/header_water_leaves.gif);}

.home #sub-footer {background-image:url(../images/design/leaves/leaves_bottom_home.gif);}
.chiropractic #sub-footer {	background-image:url(../images/design/leaves/leaves_bottom_chiro.gif);}
.naet #sub-footer {background-image:url(../images/design/leaves/leaves_bottom_NAET.gif);}
.ph #sub-footer {background-image:url(../images/design/leaves/leaves_bottom_ph.gif);}
.about #sub-footer {background-image:url(../images/design/leaves/leaves_bottom_about.gif);}
.water #sub-footer {background-image:url(../images/design/leaves/leaves_bottom_water.gif);}

.home #content-main img{border-color: #bdbfd7; }
.chiropractic #content-main img{border-color: #9aa2b9; }
.naet #content-main img{border-color: #60978d; }
.ph #content-main img{border-color: #e99d64; }
.about #content-main img{border-color: #c0abc4; }
.water #content-main img{border-color: #7dbdd7; }




/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo{
	float: right;
	width: 690px;
	height: 74px;
	margin: 0px;
}

.chiropractic h1.phark{background-image:url(../images/text/headings/header_chiro.gif); width: 180px;}
.naet h1.phark{background-image:url(../images/text/headings/header_NAET.gif); width: 550px;}
.ph h1.phark{background-image:url(../images/text/headings/header_ph.gif); width: 270px;}
.about h1.phark{background-image:url(../images/text/headings/header_about.gif); width: 236px;}
.water h1.phark{background-image:url(../images/text/headings/header_water.gif); width: 257px;}



/* Nav
-------------------*/
ul#nav-main li#about a{background-image: url(../images/text/nav/about-off.gif); }
ul#nav-main li#about a:hover, ul#nav-main li#about, ul#nav-main li#about a.active{	background-image:url(../images/text/nav/about-on.gif);}
ul#nav-main li#naet a{background-image: url(../images/text/nav/NAET-off.gif); }
ul#nav-main li#naet a:hover, ul#nav-main li#naet, ul#nav-main li#naet a.active{	background-image:url(../images/text/nav/NAET-on.gif);}
ul#nav-main li#chiropractic a{background-image: url(../images/text/nav/chiro-off.gif); }
ul#nav-main li#chiropractic a:hover, ul#nav-main li#chiropractic, ul#nav-main li#chiropractic a.active{	background-image:url(../images/text/nav/chiro-on.gif);}
ul#nav-main li#ph a{background-image: url(../images/text/nav/ph-off.gif); }
ul#nav-main li#ph a:hover, ul#nav-main li#ph, ul#nav-main li#ph a.active{	background-image:url(../images/text/nav/ph-on.gif);}
ul#nav-main li#water a{background-image: url(../images/text/nav/water-off.gif); }
ul#nav-main li#water a:hover, ul#nav-main li#water, ul#nav-main li#naet a.water{	background-image:url(../images/text/nav/water-on.gif);}
ul#nav-main li#blog a{background-image: url(../images/text/nav/blog-off.gif); }
ul#nav-main li#blog a:hover, ul#nav-main li#blog, ul#nav-main li#blog a.active{	background-image:url(../images/text/nav/blog-on.gif);}


/*h1
-------------------*/
h1.headings{
	height: 12px;
	margin: 7px 0 0 -17px;
}

h2.phark{margin: 10px 0 0 10px; height: 17px;}
h3.phark{margin: 0px; height: 29px; width: 232px;}

h2#services{background-image:url(../images/text/headings/services-offered.jpg);	width:137px; margin-bottom: 7px;}


h3#naet-heading{background-image:url(../images/text/headings/service_NAET.gif); }
h3#chiro-heading{background-image:url(../images/text/headings/service_chiro.gif); }
h3#ph-heading{background-image:url(../images/text/headings/service_ph.gif);}
h3#water-heading{background-image:url(../images/text/headings/service_water.gif);}


/*Boxes
--------------------*/
#naet-box{	background-color: #e5efd1;}
#chiropractic-care{ background-color: #eff0f2;}
#ph-testing{background-color: #fbeee1;}
#alkalized-water{background-color: #deeffb;}