/* CSS Document - 2006.02.23 - firebelly design corp.: k.brugman */
/* rusty red: #A0260D; taupe: #847D64; */


	body, html {
		background: #FFFFFF;
		color: #847D64;
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
		text-align:center; /* for non-compliant browsers */
		}
		
	body { background: #FFFFFF url(images/stripe.gif) 0px 102px repeat-x; }
	
		
	A		{ color: #A0260D; text-decoration: underline; }
	A:link		{ color: #A0260D; text-decoration: underline; }
	A:visited	{ color: #A0260D; text-decoration: underline; }
	A:hover		{ color: #847D64; text-decoration: underline; }
	A:active	{ color: #847D64; text-decoration: underline; }
	
	
	img { border:none; display:block; }
	
	.hide { position:absolute; left: -9999px; }
	
	input, textarea, select { background: #F1F1EB; color: #666666; font-family: tahoma, arial, sans-serif; font-weight:normal; font-size:11px; }
	
	
/* TEXT TAGS */
	
	.red {
		color: #A0260D;
	}
	
	p, li, td {
		background: transparent;
		color: #847D64;
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		font-weight:normal;
		text-decoration:none;
		text-transform:none;
		text-align:justify;
		line-height: 1.3;
		padding: 0px;
		margin: 0px 0px 1.5em 0px;
		}
		
	h1, h2, h3, h4, h5, h6 {
		background: transparent;
		color: #A0260D;
		font-family: verdana, arial, sans-serif;
		font-size: 14px;
		line-height: 1.75;
		text-align:left;
		padding: 0px;
		margin: 0px 0px .5em 0px;
		}
		
	h1 { margin: 0px 0px 24px 0px; padding: 30px 0px 0px 0px; }
	h1.image_header {
		margin: 0 0 8px 0;
		padding: 0;
		height: 22px;
		text-indent: -10000px;
		background-repeat: no-repeat;
		background-position: left top;
	}
		h1#header_massage-therapy {
			background-image: url("images/h_massage.gif");
		}
		h1#header_about-us {
			background-image: url("images/h_about.gif");
		}
		h1#header_yoga {
			background-image: url("images/h_yoga.gif");
		}
		h1#header_schedule-and-prices {
			background-image: url("images/h_schedule.gif");
		}
	h2 { margin: 5px 0px 27px 0px; }
	
	#sidebar h2 {
		margin: 0 0 10px 0;
	}
	
	h3 {
		font-size: 11px;
		color: #A0260D;
		font-weight:bold;
		text-align:justify;
		line-height: 1.3;
		margin: 0px 0px 1.5em 0px;
		}
		
	h4, .quasih4 {
		font-size: 11px;
		color: #847D64;
		font-weight:bold;
		margin: 0px;
		}
		
	h4 a { font-weight:normal; }
	
	td { text-align: left; }
		
		
/* FORMATTING TAGS */
html {
	background: none;
}
#index {
	background: none;
}
#index #container {
	width: 713px;
}
#index h1 {
	padding: 0;
	margin: 0;
	width: auto;
}
#index h1 a {
	background: url('images/home_bg.gif') no-repeat -50px 0;
	width: 713px;
	position: relative;
	height: 496px;
	display: block;
	line-height: 1000em;
	overflow: hidden;
}
#wellness_at_work_btn {
	position: absolute;
	top: 20px;
	right: 160px;
	line-height: 0;
	height: 117px;
	overflow: hidden;
}
	#wellness_at_work_btn a {
		display: block;
		overflow: hidden;
		background: url('wellness_at_work_btn.gif') no-repeat;
		width: 120px;
		height: 140px;
		line-height: 330px;
	}
	#wellness_at_work_btn a em {
	}

	#container {
		width: 605px;
		text-align:left;
		padding: 0px;
		margin: 0px auto;
		}
		
	#content {
		width: 425px;
		background: transparent;
		margin: 4px 0px 0px 0px;
		padding:0px;
		}
		
	img.copy { margin-bottom: 30px; }
	img.right { float:right; }
	
	.menu { margin: 0px 0px 25px 0px; padding:0px; }
	
	ul {
		margin: 0px 0px 25px 0px;
		padding:0px;
		}
		
	li {
		margin:0px 0px .3em 15px;
		padding:0px;
		}
		#sidebar li {
			list-style: none;
			margin: 0 0 25px 0;
			padding: 0;
		}
		#sidebar ul li li {
			margin: 0 0 5px 0;
		}
		
	ul li ul {
		margin-bottom: 3px;
	}
	
	ol {
		margin: 0 0 15px 0;
		padding: 0;
	}
	.commentlist {
		list-style: none;
	}
	.commentlist li {
		margin: 0 0 15px 0;
	}
	
	.post {
		margin-bottom: 35px;
	}
		
	*html li { margin:0px 0px .3em 17px; }
	
	.twocol { position:relative; }
		
	#content .twocol ul li {
		width:180px;
		text-align:left;
		}
		
	.twocol ul.right {
		position: absolute;
		top: 0px;
		left: 210px;
		}


#header {
	position: relative;
	margin-bottom: 45px;
	height: 130px;
}

#header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
}
#header h1 a{
	display: block;
	background: url("images/masthead.gif") no-repeat;
	height: 48px;
	width: 189px;
	overflow: hidden;
	line-height: 1000em;
}

/* NAV TAGS */


	#nav {
		position: absolute;
		top: 102px;
		left: 0;
	}
	#nav {
		width: 516px;
		margin: 0;
		text-align: left;
		background: #FFFFFF url(images/nav_bg.gif) 0 0 no-repeat;
		height: 28px;
		padding-bottom: 35px;
		
	}
	#index #nav {
		text-align: center;
		margin-bottom: 0;
		position: static;
		}
		
	#index #nav {
		margin-left: 200px;
		padding: 0;
		width: 516px;
		margin: 0 auto;
	}
	#index #nav ul {
		margin: 0 auto;
	}
	
		#index #nav_container {
			background: #D3CB9E url("images/nav_border.gif") repeat-x;
			padding-bottom: 200px;
			text-align: center;
		}
	
		
	#nav li {
		float: left;
		display:block;
		margin:0px;
		padding:0px;
		position: relative;
		}
		
	#nav li a {
		height: 28px;
		background:transparent;
		background-position: 0px 0px;
		float: left;
		display:block;
		margin:0px 1px 0px 0px;
		padding:0px;
		overflow:hidden;
		overflow: hidden;
		line-height: 1000em;
		text-decoration: none;
		}
	
	#nav .sub {
		position: absolute;
		top: 28px;
		left: -4px;
		background: #fff;
		border: 4px solid #847d64;
		border-top: none;
		display: none;
	}
		.sub {
			padding-top: 5px;
		}
		#nav li:hover .sub {
			display: block;
		}
		#nav li:hover a {
			border-top: 3px solid #a0260d;
		}
		#nav .sub li {
			float: left;
		}
		#nav .sub li a {
			line-height: normal;
			padding: 1px 10px;
			border: none;
			
		}
		#nav .sub li:hover a {
			border: none;
		}
	#sub_massage-therapy {
		width: 620px;
	}
	#sub_yoga {
		width: 450px;
	}
	#sub_schedule-and-prices {
		width: 250px;
	}
	#sub_about-us {
		width: 250px;
	}
	
	#nav .nested_sub {
		float: left;
		margin-right: 12px;
	}
	#nav .nested_sub li, #nav .nested_sub li a {
		float: none;
	}
	
	*html #nav li { /* \*/ margin:0px -1px 0px 0px; /* */}

	#container #nav li a:hover, #container #nav li a:active, #index #nav li a:hover, #index #nav li a:active, #nav li:hover a { background-position: 0px -28px; }
	#container #nav li:hover a {
		background-position: 0px -28px;
	}
	#nav li a#yoga {
		background:transparent url(images/nav_yoga.gif) no-repeat;
		width:67px;
		}
		
	#nav li a#massage-therapy {
		background:transparent url(images/nav_massage.gif) no-repeat;
		width: 169px;
		}
		
	#nav li a#schedule-and-prices {
		background:transparent url(images/nav_schedule.gif) no-repeat;
		width: 174px;
		}
		
	#nav li a#about-us {
		background:transparent url(images/nav_about.gif) no-repeat;
		width: 103px;
		margin-right: 0px;
		}
		
	#subnav {
		padding: 0;
		margin: 0;
	}
		
	#subnav li {
		float: left;
		font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#subnav li a {
		border-left: 1px solid #847d64;
		padding: 0;
		margin: 0;
		padding:0 6px 0 8px;
		margin-bottom: 8px;
		line-height: 18px;
	}
	#subnav li a.active {
		color: #847D64;
	}
	#subnav li.group {
		font-weight: bold;
		border: none;
	}
	#subnav li.first {
		border: none;
	}
	
.sidebar {
	float: right;
	width: 143px;
}
#content {
	float: left;
}
	
/** contest form **/

p.label {
	margin-bottom: 2px;
}
p input {
	width: 100%;
}
p textarea {
	width: 100%;
	height: 200px;
}
#errors p {
	margin-bottom: 2px;
}
#errors ul {
	margin-bottom: 5px;
}
#errors ul li, #errors p {
	color: red;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

div.fileinputs {
	position: relative;
	width: 218px;
	margin-bottom: 10px;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 218px;
}
div.fakefile {
	height: 1%;
}
div.fakefile input {
	float: left;
	width: 158px;
}
div.fakefile img {
	float: left;
}
.validation-advice {
	color: red;
}

#footer {
	clear: both;
	margin-top: 20px;
}
.clearfix:after, .content-wrapper2:after, .left-right:after, #nav:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
		.clearfix, .content-wrapper2, .left-right, #nav {display:inline-block;}
		/* Hide from IE Mac \*/
		.clearfix, .content-wrapper2, .left-right, #nav {display:block;}
		/* End hide from IE Mac */