/*
CSS Version:	2.4
Last Edited:	24/11/08
Author:			Dan Davidson
Email:			dan ([at]) vitalwebdesign ([dot]) com
Reset Styles v1.0 (20080212) - curtesy Eric Meyer @ http://meyerweb.com/ */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse;border-spacing: 0;}
a { outline: 0; }

body {
	background-color: #fff;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	font-size: 13px;
	line-height:18px;
	letter-spacing: 0.03em;
	color: #333;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.clear { clear: both; }
.clearright { clear: right; }

div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 900px;
}

div#header {
	position: relative;
	height: 142px;
	}
	#header h1 {
		position: absolute;
		top: 42px;
		left: 152px;
		background: url('/img/h1.png') no-repeat 0 0;
		height: 83px;
		width: 416px;
		text-indent: -5000em;
	}
	#header img {
		position: absolute;
		left: -28px;
		top: 12px;
		z-index: 100;
	}
	
.nav {
	position: absolute;
	top: 12px;
	right: 0;
	}
	.nav li {
		display: inline;
	}
	.nav li a {
		float: left;
		color: #600F62;
	}
	li.nav_a a {
		padding: 0 7px 0 7px;
		border-right: 1px solid #600F62;
	}
	li.nav_b a {
		padding: 0 0 0 7px;
	}

#index #li-index a { font-weight: bold; text-decoration: underline; }
#yoga #li-yoga a { font-weight: bold; text-decoration: underline; }
#pregnancy-yoga #li-pregnancy_yoga a { font-weight: bold; text-decoration: underline; }
#reflexology #li-reflexology a { font-weight: bold; text-decoration: underline; }
#about-me #li-about_me a { font-weight: bold; text-decoration: underline; }
#testimonials #li-testimonials a { font-weight: bold; text-decoration: underline; }


div#content {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	#content a {
		color: #600F62;
	}
	#content h3 {
		padding: 10px 0 20px;
		font-size: 22px;
		line-height: 22px;
		font-weight: normal;
		color: #008000;
	}
	#content ul {
		padding: 10px 0;
	}
	#content ul li {
		margin: 0 0 0 30px;
		list-style-type: disc;
		padding: 0 0 3px;
	}
	#content ol {
		padding: 0 0 10px;
	}
	#content ol li {
		margin: 0 0 0 20px;
		list-style-type: decimal;
		padding: 0 0 15px;
	}
	#content p {
		padding: 0 0 10px;
	}
	#content blockquote {
		background-color: #FEF9E5;
		margin: 10px 0 20px;
		border: 1px solid #FAE183;
		/*width: 380px;
				float: left;*/
		padding: 20px 20px 10px;
		font-style: italic;
	}
	#content cite {
		font-style: normal;
	}
	#content address {
		padding: 10px 0;
	}
	#content .next { margin: 20px 0 0; }
	#content .next a { background-color: #FDE899; display: inline-block; color: #600F62; font-size: 18px; line-height: 18px; padding: 15px; text-decoration: none; font-weight: normal; }
	#content .next a:hover { background-color: #FCDD67; }
	
	#content table {
		margin: 10px 0;
	}
	#content table td {
		padding: 10px;
		border: 1px solid #ccc;
	}
	div.box {
		float: left;
		width: 210px;
		min-height:210px;
		height:auto !important;
		height:210px;
		margin-top: 18px;
		background-color: #FDE899;
	}
	#content .box a {
		color: #333;
	}
	#content .box p {
		text-align: center;
		margin: 0;
		padding: 0;
		font-size: 12px;
		}
		#content .box p span {
			display: block;
		}
	.box_rm { margin-right: 20px; }
	div.pretty-hover {
	  background: #FCDD67;
	  cursor: pointer;
	}
	h2.h2-01 {
		background: url('/img/h2-01.gif') no-repeat 0 -3px;
		text-indent: -5000em;
		width: 210px;
		height: 27px;
		cursor: pointer;
		}
		h2.h2-01 a { display: block; }
	h2.h2-02 {
		background: url('/img/h2-02.gif') no-repeat 0 -3px;
		text-indent: -5000em;
		width: 210px;
		height: 27px;
		cursor: pointer;
		}
		h2.h2-02 a { display: block; }
	h2.h2-03 {
		background: url('/img/h2-03.gif') no-repeat 0 -3px;
		text-indent: -5000em;
		width: 210px;
		height: 27px;
		cursor: pointer;
		}
		h2.h2-03 a { display: block; }
	h2.h2-04 {
		background: url('/img/h2-04.gif') no-repeat 0 -3px;
		text-indent: -5000em;
		width: 210px;
		height: 27px;
		cursor: pointer;
		}
		h2.h2-04 a { display: block; }

	#yoga h2.h2fo-yoga { background: url('/img/h2fo-yoga.png') no-repeat 0 0; text-indent: -5000em; width: 345px; height: 49px; margin: 20px 0 10px;}
	#pregnancy-yoga h2.h2fo-pregnancy-yoga { background: url('/img/h2fo-pregnancy-yoga.png') no-repeat 0 0; text-indent: -5000em; width: 420px; height: 49px; margin: 20px 0 10px;}
	#reflexology h2.h2fo-reflexology { background: url('/img/h2fo-reflexology.png') no-repeat 0 0; text-indent: -5000em; width: 345px; height: 49px; margin: 20px 0 10px;}
	#about-me h2.h2fo-about-me { background: url('/img/h2fo-about-me.png') no-repeat 0 0; text-indent: -5000em; width: 345px; height: 49px; margin: 20px 0 10px;}
	#testimonials h2.h2fo-testimonials { background: url('/img/h2fo-testimonials.png') no-repeat 0 0; text-indent: -5000em; width: 345px; height: 49px; margin: 20px 0 10px;}

	.yoga_box_a {
		float: left;
		width: 285px;
		padding-right: 9px;
		border-right: 1px dotted #B3B3B3;
		margin: 15px 0;
		}
		.yoga_box_a a { display: block; }
	.yoga_box_b {
		float: left;
		width: 285px;
		padding: 0 9px 0 15px;
		border-right: 1px dotted #B3B3B3;
		margin: 15px 0;
		}
		.yoga_box_b a { display: block; }
	.yoga_box_c {
		float: left;
		width: 280px;
		padding-left: 15px;
		margin: 15px 0;
		}
		.yoga_box_c a { display: block; }
	
	
	.pregnancy_yoga_box_a {
		float: left;
		width: 430px;
		padding-right: 19px;
		border-right: 1px dotted #B3B3B3;
		margin: 15px 0;
	}
	.pregnancy_yoga_box_b {
		float: left;
		width: 430px;
		padding-left: 20px;
		margin: 15px 0;
	}


	
div#footer {
	clear: both;
	margin: 30px 0 0;
	padding: 0 0 30px;
	text-align: right;
	color: #333;
	}
	#footer a {
		color: #333;
	}

.mt10 {
	margin-top: 10px;
}
.imgr {
	float:right;
	padding: 0 0 20px 20px;
}
.imgr2 {
	float:right;
	padding: 20px 0 0 30px;
}
.imgr3 {
	float:right;
	margin: 0 0 20px 30px;
	padding: 20px 0 20px 20px;
	background: #fff;
}