@charset "utf-8";

/* CSS Document */
 iframe { display:none; }

/* Eric Meyer reset styles: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* Legend

	orange ............... E09E6D
	beige ................ ECDFD4


*/


/* Sitewide */
body {
	font-size: 14px;
	line-height: 140%;
	font-family: Rotis, Tahoma, Verdana, Arial, sans-serif;	
	color: #4E2507;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Rotis, Helvetica, Arial, sans-serif;
}
h1 {
	font-size: 30px;
	font-weight: bold;
}
h2 {
	font-size: 22px;

}
h3 {
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 12px;
	font-weight: normal;
}
h4 {
	font-size: 16px;
	font-weight: normal;
}
h5 {
	font-size: 20px;
    line-height: 120%;
}
h6 {
	font-size: 10px;
}

body strong {
	font-weight: bold;
}

body em {
	font-style: italic;
}

p {
	font-size: 14px;
}



/* link styles */
.button:hover {
	opacity: .7;
}

a:link {
	color: #7F3A07;
	text-decoration: none;
}

a:visited {
	color: #6F3307;
	text-decoration: none;
}
a:hover {
	color:#EF6B00;
	text-decoration: underline;
}
a:active {
	color:#FF5A00;
	text-decoration: underline;
}




/* wrapper */
div#wrapper {
	width: 950px;
	height: auto;
	background-color: #fff;
	border: 1px solid #E09E6D;
	margin: 3px auto 0 auto;
}


/* large background image on wrapper */


body#homepage div#wrapper {
	background-image:url(../images/hands-bgfade3.gif);
	background-repeat: no-repeat;
	background-position: 495px 252px;
    
}




/* banner */

div#banner {
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	 
}

img#logo {
	margin: 7px 0pt 12px 18px;
}

/* navbar */

div#navbar {}

div#navbar-1 {
	background-color: #E09E6D;
	padding: 0 0 0 32px;
    position: relative;

    z-index: 2; /* so it overlaps on top of navbar-2 */
    border-bottom: 1px solid #5B2E05; /* dark brown */

}
div#navbar-1 a {
	float: left;
	margin: 4px 16px 0 16px;
	padding: 1px 20px 0px 20px;
	font-size: 15px;
	height: 23px;
    color: #000000;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
}

.ie6 div#navbar-1 a {
    position: relative;
    top: 1px;
}

div#navbar-1 a.selected { 
	background-color: #ECDFD4;	/* beige */
    border-left: 1px solid #5B2E05;
    border-top: 1px solid #5B2E05;
    border-right: 1px solid #5B2E05;
	text-decoration: none;
    font-weight: bold;
}


div#navbar-2 {
    position: relative;
    z-index: 1;
	background-color: #ECDFD4;	/* beige */

}

div#navbar-1,
div#navbar-2 {
	height: 28px;
}


/* main content */

div#main-content {
	padding-top: 56px;
	padding-left: 77px;
	height: auto;
	line-height: 150%;
}

div#main-content h2 {
    margin-bottom: 20px;
}

/* homepage */
body#homepage h1{
	margin-bottom: 15px;
	}
body#homepage h2{
	line-height: 100%;
	padding-bottom: 5px;
	
}
body#homepage h3 {
	margin-top: 38px;
	margin-bottom: 0px;
}

body#homepage p {
	margin: 10px 0 20px;
}

/* The description, photo/sidebar box on the home page */
div#homepage-sidebar {
    width: 220px; 
    padding: 0 40px;
    float: right;
}


/* Homepage description */

img#homepage-portrait {
    display: block;
    margin-bottom: 10px;
}

p#homepage-description {
    width: auto;
}

a#contact-dreama {
    display: block;
    margin: 20px 0 40px 0px;
}


/* Homepage: Recent articles */

h2#recent-articles-header {
    margin-top: 64px;
}

span#more-articles-link {
    display: block;
    margin-top: 36px;    
}
span#more-articles-link a {
    text-decoration: underline;
}


/*method-page */
.p1 {
	width: 500px;
	float: left;
}
.p2 {
	width: 421px;
	float: left;
	padding-top: 60px;
	padding-bottom: 42px;
}
.p3 {
	width: 622px;
	float: left;
	clear: left;

}

img#snake {
	float: right;
	margin-right: 147px;
	margin-top: 5px;
}
img#april-hair {
	float: left;
	padding: 6px 13px 18px 0;
}

/* experience-page */
body#experience-page div#main-content {
	padding-top: 56px;
	padding-left: 77px;
}


.p1-experience{
	width: 503px;
	float: left;
	margin-bottom: 15px;
	clear: none;
}
.p2-experience{
	width: 490px;
	float: left;
	margin-bottom: 15px;
	}
.p3-experience{
	width: 746px;
	float: left;
}
img#portrait {
	float: right;
	margin: 0 113px 15px 0;
	clear: none;
}
	
/* contact-page */
.beige-bar1 {
	background-color: #ECDFD4;
	width: 372px;
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 17px;
	height:150px;
}
div.beige-bar2 {
	background-color: #ECDFD4;
	width: 372px;
	height: 34px;
	margin-bottom: 17px;
}	

	
div.contact-info {
	margin: 0 27px 32px 0;
	padding-top: 5px;
	text-align: right;
}


form#contact-form{
	clear: left;
	width: 400px;
	}
.beige-bar1 h2 {
	padding-top: 14px;
	padding-left: 13px;
	font-weight: 100;
}
.beige-bar1 h4 {
	padding-top: 0;
	padding-left: 25px;
	font-weight: 100;
}

div.beige-bar2 h5 {
	padding-top: 8px;
	padding-left: 13px;
	padding-bottom: 8px;
	font-weight: 100;
}

.contact-info h3 {
	padding-top: 0px;
	padding-left: 13px;
	padding-bottom: 8px;
	font-weight: 100;
}
	
.contact-info h2 {
}

/* contact form */
form#contact-form input,
form#contact-form textarea {
	opacity: .8;
	filter:alpha(opacity=80); /* internet explorer way */
}

/* fee-page */
.rates {
	width: 425px;
	height: 365px;
	float: left;
}

.specials {
	width: 325px;
	height: 255px;
	font-style: italic;
	float: left;
	margin-top: 70px;
	margin-left: 32px;
}
.specials h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 16px;
}
.specials h4 {
	font-weight: 100;
}

.beige-bar3 {
	width: 372px;
	height: auto;
	margin-top: 13px;
	margin-bottom: 5px;
	background-color: #ECDFD4;
}
.beige-bar3 h4 {
	font-weight: 100;
	padding-left: 15px;
	line-height: 25px;
	font-size: 15px;
}
.rate-info { 
	padding-left: 72px;
	font-weight: bold;
}
span#session-min {
	padding-right: 135px;
}

	

body#fee .rates p {
	width: 370px;
	height: auto;
	font-size: 13px;
	padding-top: 26px;
}
body#fee p {
	width: 800px;
	font-size: 14px;
	float: left;
	padding-top: 0px;
	clear: both;
}
	
	
/* Blog page */
body#blog div#main-content {
	padding-right: 77px;
}

div.post-body p {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 15px;
}
div.post-body img {
	float: right;
    margin: 0 0 20px 20px;
}

h3.post-title {
	font-weight: bold;
    margin-bottom: 10px;
}

h2.date-header {
    font-size: 15px;
    margin-bottom: 7px;
}
p.post-footer {
    font-size: 11px;
	padding-bottom: 40px;
}
p.blogger-labels {
	padding-top: 15px;
	font-size: 11px !important;
}

/* rounded corners */

div.rounded-corner-box {
	position: relative;  /* establish positioning context */
}

div.rounded-corner-right-top,
div.rounded-corner-right-bottom,
div.rounded-corner-left-top,
div.rounded-corner-left-bottom {
	position: absolute;
	width: 10px;
	height: 10px;
	background-image: url(../images/rounded-corners.png);

    /* for IE */
    overflow: hidden;

}

div.rounded-corner-right-top {
	right: 0;
	top: 0;
	background-position: right top;

}
div.rounded-corner-right-bottom {
	right: 0;
	bottom: 0;
	background-position: 10px 10px;  /* must use pixels for IE, instead of "right bottom" */
}
div.rounded-corner-left-top {
	left: 0;
	top: 0;
	background-position: left top;
}
div.rounded-corner-left-bottom {
	left: 0;
	bottom: 0;
	background-position: 0px 10px;  /* must use pixels for IE, instead of "left bottom" */
}

	
	
/* columns */
	
div#column-left,
div#column-right {
	float: left;
}

div#column-right {
    float: left;
    margin-left: 40px;
    width: 393px;
}

div#column-right h5 {
	margin-bottom: 10px;
}

/* footer */

div#footer {
	font-size: 9px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 185%;
	padding: 100px 0 5px 0;
    margin-top: 25px;
	clear: both;
}