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

/* ---------------- SITE DEFAULTS -------------------- */


body { 

	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#362A12;
	background-color:#EDEDED;
	background-image:url("/images/bkg_body.jpg");
	background-position:0 150px;
}


ul { padding: 0; margin: 0 }
p { margin:0 0 15px 0 }
h3 { margin:0 0 20px 0; color:#0797D4; }
h4 { margin:0 0 5px 0; color:#0797D4; }
a { color:#4F3B11}
a:hover { color:#0E82CD }

b, strong { color:#5A471C }

.rt { float:right; margin: 0 0 0 0.5em; }

.highlight { background-color:#EDEDED; }
.padded { padding: 5px;}



/* -------------- PAGE WRAPPER ----------------- */



#page { background-image:url("/images/bkg_head.gif"); background-repeat:repeat-x; }

#page #description { 

	width:780px; 
	border-right: solid 7px white; 
	border-left: solid 7px white; 
	border-bottom: solid 7px white;
	margin:0 auto 0 auto;
}




/* -------------- HEAD (graphical) ------------ */


#head { 

	width:780px;
	height:109px;
	background-image:url("/images/head.jpg");
	background-repeat:no-repeat
}


/* ---------------- MAIN NAV -------------------- */

#nav { 	

	width: 780px;
	height:35px; 
	background-color:#5A471C;
}

#nav ul { padding: 0; margin: 0 }

#nav ul li {

	display:inline;
	height:35px;
	float:left;
	padding:5px 0 0 0;
	list-style-type:none
}

#nav ul li a { 

	height: 5px;
	float:left;
	padding: 5px 43px 20px 43px;
	background-image:url("/images/nav.gif");
	background-repeat:no-repeat;
	background-position: center bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	display:inline; /* IE6 hack*/
}

#nav ul li a:hover { color:#B4D12B; background-image:url("/images/nav_on.gif") }


/* seting the active nav item */
#page.home #nav ul li a#nav_home, 
#page.about #nav ul li a#nav_about, 
#page.services #nav ul li a#nav_services, 
#page.contact #nav ul li a#nav_contact, 
#page.news #nav ul li a#nav_news, 
#page.links #nav ul li a#nav_links { color:#B4D12B; background-image:url("/images/nav_on.gif") }



/* ---------------- CONTENT -------------------- */


#content { 

	border-top: solid 7px #B4D12B;
	background-color: white;
	width:780px;
	padding:20px 0 0 0;
	background-image:url("/images/splash_skin.jpg");
	background-repeat:no-repeat;
	background-position: left bottom;
	
}

#content_right {

	width:498px;
	height:510px;
	float:right;
	border-left: solid 2px #B4D12B;
	padding: 9px 20px 20px 25px;
	text-align:left;
	line-height:1.5em;
	overflow:auto;

}

#content_right H3 { font-size:18px; font-weight:normal }
#content_right H4 { font-size:14px; font-weight:normal }
#content_right UL { margin: 0 0 20px 25px }



/* ---------------- SUBNAV -------------------- */


#subnav {

	width:235px;
	height:200px;
	float:left;
	text-align:right;
	margin:1px 0 0 0;
}

#subnav ul { padding: 0; margin:0;}

#subnav ul li {
	
	height:20px;
	float:right;
	clear:both;
	padding:0;
	margin-bottom:5px;
	list-style-type:none
}

#subnav ul li a { 
	
	width:190px;
	height:10px;
	float:right;
	padding: 5px 25px 5px 5px;
	background-repeat:no-repeat; 
	background-position:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#5A471C;
	text-decoration:none;
}

#subnav ul li a:hover { color:black }

/* seting the active subnav item */
#subnav.location ul li a.location, 
#subnav.gift_certificates ul li a.gift_certificates,
#subnav.craniosacral ul li a.craniosacral, 
#subnav.bodywork ul li a.bodywork, 
#subnav.skin_care ul li a.skin_care, 
#subnav.spa ul li a.spa, 
#subnav.services ul li a.services { color:#0797D4 }


#subnav h2 {

	width:200px;
	height:0;
	float:right;
	clear:both;
	margin:0 15px 17px 0;
	padding-top:25px;
	overflow:hidden;
	background-image:url("/images/title_about.gif");
	background-position:top right;
	background-repeat:no-repeat;
}

/* seting the active title graphic (appears within subnav area) */
#page.services #subnav h2 { background-image:url("/images/title_services.gif") }
#page.about #subnav h2 { background-image:url("/images/title_about.gif") }
#page.contact #subnav h2 { background-image:url("/images/title_contact.gif") }
#page.news #subnav h2 { background-image:url("/images/title_news.gif") }
#page.links #subnav h2 { background-image:url("/images/title_links.gif") }


/* -------------- PAGE SPECIFIC: Welcome (stupid page #1) ------------ */


#page.welcome  { text-align:center; }


/* -------------- PAGE SPECIFIC: Home (stupid page #2) ------------ */


#page.home #content { 

	padding:0;
	height:412px;
	background-image:url(/images/splash_home.jpg);
	background-position:0 0 ;
}
 
#page.home #content a { float:left; margin:345px 0 0 450px; padding:10px 50px; }


/* -------------- SECTION SPECIFIC: Services  ------------ */


/* Set background image */
#page.services #content { background-image:url("/images/splash_services.jpg"); }

/* Set background image */
#page.services #content.skincare { background-image:url("/images/splash_skincare.jpg"); }

#page.services h4 { margin-top: 10px }
#page.services h4 a { color:#0797D4; }
#page.services h3 { margin-bottom:10px }


/* -------------- SECTION SPECIFIC: About  ------------ */


/* Set background image */
#page.about #content { background-image:url("/images/splash_services.jpg"); }


/* -------------- PAGE SPECIFIC: Contact ------------ */


/* Set background image */
#page.contact #content { background-image:url("/images/splash_contact.jpg"); }

/* Page Specific: Gift Cert */
#page.contact #content #content_right.gift_certificates { height:630px; overflow:auto; }


/* -------------- SECTION SPECIFIC: News  ------------ */


/* Set background image */
#page.news #content { background-image:url("/images/splash_news.jpg"); }



/* -------------- SECTION SPECIFIC: Links  ------------ */


#page.links h4 { margin-bottom: 1px;}
#page.links #content { background-image:url("/images/splash_links.jpg"); }


/* ----------------------- FOOT --------------------------- */



#foot { 

	border-top: solid 2px #B4D12B;
	background-image:url("/images/bkg_foot.gif"); 
	background-position:bottom;
	height: 27px; 
	padding:7px 0 7px 0;
	width: 780px; 
	text-align:center;

}

#foot p { 

	margin:0;
	font-size:10px;
	color:white;
}

#foot p a { color:#B4D12B; }


/* ------------------- FORMS ----------------------- */

form.highlight { background-color:#EDEDED; padding:15px }

form h3 { margin:13px 0 13px 0; font-size:14px !important; clear:both; }
form h3.first { margin-top:0; }

form .row {
	
	clear:both;
	margin:5px 0 5px 0;
	width:100%;
}

form .row:after { 
	
	content: ""; 
    display: block; 
    height:0; 
    clear: both; 
    visibility: hidden	
}

form .row .item { float:left; margin-right:9px; }

form .row .item .city { width:125px; }
form .row .item .state { width:30px; }
form .row .item .zip { width:60px; }

input {
	
	border: 1px solid #00A8E6;
}

input.disabled {
	
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	
	
}

input.validation-failed, textarea.validation-failed {
	

}

input.validation-passed, textarea.validation-passed {
	

}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #B4D12B;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

/* ----------------- CLEARFIXES -------------------- */


.clearfix:after { 

    content: ""; 
    display: block; 
    height:0; 
    clear: both; 
    visibility: hidden
}

#page:after, #nav:after, #content:after { /*old*/

    content: ""; 
    display: block; 
    height:0; 
    clear: both; 
    visibility: hidden
}