/* global */
* {
margin: 0;
padding: 0;
border: 0 none;
font-weight: normal;
font-style: normal;
text-decoration: none;
outline-style: none;
}
ul { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-family: "Myriad Web", Tahoma, sans-serif; letter-spacing: 1px }
em { font-style: italic }
strong { font-weight: bold }
body { 
font: 12px/1.8 Verdana, sans-serif;
color: #dbdddf;
background: #000;
position: relative;
}
button { cursor: pointer }

.accordion dd {display:none;}
/* container bands: need these for stretchy widths */

#masthead_wrap {
height: 100px;
background: #1e2125 url(../images/bground/masthead-bground.jpg) no-repeat 50% 0%;
}
#featured_wrap {
height: 250px;
background: #b7babf url(../images/bground/featured-bground.jpg) repeat-y 50% 0%;
}
#primary_wrap {
min-height: 290px;
background: #171e0c url(../images/bground/primary-bground.jpg) repeat-y 50% 0%;
}
#secondary_wrap {
min-height: 210px;
background: #000 url(../images/bground/secondary-bground.jpg) repeat-y 50% 0%;
}
#footer_wrap {
height: 100px;
background: #000 url(../images/bground/footer-bground.jpg) no-repeat 50% 0%;
clear: right;
}

/* layout */
	
#masthead {
position: relative;
width: 890px;
margin: 0 auto;
padding-top: 17px;
}
	#masthead h1 {
	margin: 10px 0 0 -7px;
	width: 265px;
	height: 35px;
    background: url(../images/karma_practice_logo.png) no-repeat;
	}
	#masthead h1 a {
	width: inherit;
	height: inherit;
	display: block;
	}
	#masthead h1 a span { visibility: hidden }
	ul#nav {
	width: 550px;
	position: absolute;
	top: 46px;
	right: 0px;
	}
		ul#nav li {
		float: left;
		margin-left: 32px;
		cursor: pointer;
		}
		ul#nav li#first { margin-left: 0 }
		ul#nav li a { display: block; text-indent: -9999px; }
			ul#nav a#reiki { background: url(../images/nav/reiki.png) no-repeat left top; height: 46px; width: 86px;}
			ul#nav a#holistic { background: url(../images/nav/holistic.png) no-repeat left top; height: 46px; width: 65px;}
			ul#nav a#pregnancy { background: url(../images/nav/pregnancy.png) no-repeat left top; height: 46px; width: 82px;}
			ul#nav a#baby{ background: url(../images/nav/baby.png) no-repeat left top; height: 46px; width: 66px;}
			ul#nav a#reflexology { background: url(../images/nav/reflexology.png) no-repeat left top; height: 46px; width: 88px;}
			ul#nav a:hover#reiki { background: url(../images/nav/reiki_over.png) no-repeat left top; height: 46px; width: 86px; }
			ul#nav a:hover#holistic { background: url(../images/nav/holistic_over.png) no-repeat left top; height: 46px; width: 65px; }
			ul#nav a:hover#pregnancy { background: url(../images/nav/pregnancy_over.png) no-repeat left top; height: 46px; width: 82px; }
			ul#nav a:hover#baby, ul#nav a#weblog-here { background: url(../images/nav/baby_over.png) no-repeat left top; height: 46px; width: 66px; }
			ul#nav a:hover#reflexology, ul#nav a#contact-here { background: url(../images/nav/reflexology_over.png) no-repeat left top; height: 46px; width: 88px; }
#featured {
position: relative;
width: 890px;
margin: 0 auto;
z-index: 9;
}
	img#case_study {
	width: 467px;
	height: 301px;
	position: absolute;
	display: block;
	top: -20px;
	right: 0;
	}
	h5#blurb {
	width: 394px;
	height: 211px;
	font-size: 22px;
	padding-top: 28px;
	color: #4c535d;
	}
	h5#blurb strong { color: #FF66CC; font-weight: normal }

#primary {
width: 950px;
margin: 0 auto;
padding-top: 3em;
padding-bottom: 2em;
color: #eee;
overflow: auto;
background: url(../images/home/shadow.png) no-repeat;
}
	#primary h3, #primary h3 a {
	font-size: 22px;
	color: #EBC7EE;
	margin-bottom: 22px;
	height: 30px;
	}
	#primary h3 a { font-weight: normal }
	#primary a { 
	color: #D0BDBF; 
	border-bottom: 0 none; 
	font-weight: bold;
	letter-spacing: 0.05em;
	}
	#primary a { border-bottom: 1px dotted }
	#primary a:hover, #primary h3 a:hover { border-bottom: 1px dotted #fff;color:#fff;}
	#who {
	margin-left: 30px;
	width: 270px;
	float: left;
	}
	#who p { margin-top: 11px }
	#what {
	margin-left: 40px;
	width: 260px;
	float: left;
	}
		#what p { margin-top: 11px }
		#what dl { margin-top: 11px }
		#we_do dt {
		font: bold 12px Verdana;
		background: url(../images/home/rounded-corners.gif) no-repeat left top #33273c; 
		text-indent: 8px;
		margin-top: 3px;
		padding: 3px 0;
		}
		#we_do dd { 
		background: url(../images/home/rounded-corners.gif) no-repeat left bottom #513c60; 
		padding: 0 2px 0 8px;
		}
		.head {cursor: pointer}
	
	#prices dt {cursor: pointer}	
#prices dt a {color:#fff;}
		#prices dt {
		font: bold 12px Verdana;
		background: url(../images/home/rounded-corners.gif) no-repeat left top #33273c; 
		text-indent: 8px;
		margin-top: 3px;
		padding: 3px 0;
		}
		#prices dd { 
		background: url(../images/home/rounded-corners.gif) no-repeat left bottom #513c60; 
		padding: 0 2px 0 8px;
		}
		#pricesfooter {width:260px;background:#392b45;padding:5px;margin-top:18px;font-size:0.9em;}
		
	#where {
	margin-left: 40px;
	width: 270px;
	float: left;
	}
		#where p {margin-top:11px;}
		#where ul {
		width: inherit;
		height: 170px;
		margin-top: 11px;
		}
		#where ul li {
		display: block;
		float: left;
		margin-bottom: 22px;
		margin-right: 15px;
		}
		#primary #where a { border-bottom: 0 none }
#secondary {
position: relative;
width: 950px;
margin: 0 auto;
color: #cfd1d3;
padding-top: 30px;	
min-height: 190px;
background: url(../images/home/shadow.png) no-repeat; 
}
	#rock_on {
	padding-top: 15px;
	width: 270px;
	float: right;
	}
		#rock_on h4 {
		color: #7D5487;
		font-size: 22px;
		line-height: 140%;
		margin: 0 25px 20px;
		}
		#rock_on .byline1 { color: #cfd1d3; font-size: 14px; margin-left: 60px }
		#rock_on .byline2 { color: #aaa; font-size: 11px; margin-left: 60px }
			#rock_on img {margin-left:26px;}
	#blaugh {
	width: 580px;
	padding-bottom: 25px;
	}
		#blaugh a {color:#EBC7EE;}
		#blaugh h3, #blaugh h3 a {
		font-size: 22px;
		color: #fff;
		margin-bottom: 12px;
		border-bottom: 1px solid #3D424A;
		height: 30px;
		}
		#blaugh h3 a { border-bottom: 0 none }
		#blaugh h4, #blaugh h4 a {
		color: #e17048;
		font-size: 16px;
		margin-top: 20px;
		font-weight: normal;
		}
		#blaugh h4 { color: white }
		#blaugh p {
		color: #CFD1D3;
		font-size: 14px;
		
		}
	
		#blaugh a:hover { border-bottom: 1px dotted }
		#blaugh h3 a:hover { border-bottom: 0 none }
#footer {
width: 890px;
margin: 0 auto;
color: #454c55;
padding: 8px 0 0;
}
	#footer li { display: inline; }
	#footer address { float: right; text-align: right }
	#footer a { color: #454c55 }
	#footer a:hover { color: #999 }
	/* #footer span { color: #da4c1a } */
#chiclet { 
width: 890px;
margin-left: 30px;
background: url(../images/home/water-mark.png) no-repeat bottom right;
}
.home_chiclet { float: left; margin-right: 15px; width: 42px; height: 42px; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}