@import url("./whitespace-reset.css");

body {
	font: 12px "Trebuchet MS", sans-serif;
	color: #333333;
	background: #dcdee9; }
	
.clearer { clear: both; }
a {
	color: #0066ff;
	outline: none; }
a:link, a:visited, a:active, a:hover { text-decoration: underline; }
	
#sitewrapper {
	width: 1034px;
	margin: 0 auto;
	background: transparent url("../images/bg_sitewrapper.jpg") 0 0 no-repeat; }
	
#header {
	position: relative;
	height: 242px; }
	#header h1 {
		position: absolute;
		left: 292px;
		top: 78px;
		z-index: 1;
		width: 119px;
		height: 50px; }
		#header h1 a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -5000px; }
	#header h2,
	#header p { display: none; }
	
ul#nav {
	float: left;
	padding-top: 20px;
	width: 372px; }
	ul#nav li { padding: 0 0 10px 0; }
	ul#nav li#btn_home {
		width: 48px;
		height: 17px;
		padding-left: 167px;
		background: transparent url("../images/btn_home.gif") 100% 0 no-repeat; }
	ul#nav li#btn_appointments {
		width: 107px;
		height: 21px;
		padding-left: 178px;
		background: transparent url("../images/btn_appointments.gif") 100% 0 no-repeat; }
	ul#nav li#btn_rates {
		width: 42px;
		height: 17px;
		padding: 0 0 52px 240px;
		background: transparent url("../images/btn_rates.gif") 100% 0 no-repeat; }
	ul#nav li#btn_gift-certificates {
		width: 117px;
		height: 17px;
		padding-left: 207px;
		background: transparent url("../images/btn_gift-certificates.gif") 100% 0 no-repeat; }
	ul#nav li#btn_prenatal-massage {
		width: 170px;
		height: 40px;
		padding-left: 169px;
		background: transparent url("../images/btn_prenatal-massage.gif") 100% 0 no-repeat; }
	ul#nav li#btn_labor-support {
		width: 174px;
		height: 21px;
		padding-left: 156px;
		background: transparent url("../images/btn_labor-support.gif") 100% 0 no-repeat; }
	ul#nav li#btn_about-bodywork {
		width: 158px;
		height: 21px;
		padding-left: 146px;
		background: transparent url("../images/btn_about-bodywork.gif") 100% 0 no-repeat; }
	ul#nav li#btn_about {
		width: 89px;
		height: 17px;
		padding-left: 134px;
		background: transparent url("../images/btn_about.gif") 100% 0 no-repeat; }
	ul#nav li#btn_benefits {
		width: 146px;
		height: 20px;
		padding-left: 132px;
		background: transparent url("../images/btn_benefits.gif") 100% 0 no-repeat; }
	ul#nav li#btn_contact {
		width: 61px;
		height: 17px;
		padding-left: 132px;
		background: transparent url("../images/btn_contact.gif") 100% 0 no-repeat; }
    ul#nav li#btn_workshops {
		width: 153px;
		height: 20px;
		padding-left: 132px;
		background: transparent url("../images/btn_workshops.gif") 100% 0 no-repeat; }
		
		ul#nav li#btn_blog a{
		text-indent: 0px; 
		font-size: 12px;
		font-family: arial;
		width: 170px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #717ca3;
		text-decoration: none;
		color: #f2f8ca;
		padding: 5px;
		margin-left: 132px;}
		
		ul#nav li a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -5000px; }
			
    #navContainer{
        float: left}
        
    #contact{
        clear: left;
        color: #898ea6;
        background-color: #cccfe0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 10px;
        width: 200px;
        clear: both;
        margin: 20px 0px 0px 130px;
        font-size: 12px;
        line-height: 17px;}
        #contact strong{
            color: #656a85;}
        #contact a{
            color: #656a85;
            text-decoration: underline}
			
#content {
	float: left;
	width: 662px;
	padding: 0 0 36px 0;
	background: transparent url("../images/bg_content-bottom.gif") 0 100% no-repeat;
	margin-bottom: 30px; }
	#content #content-top {
		height: 36px;
		background: transparent url("../images/bg_content-top.gif") 0 0 no-repeat; }
	#content #content-inner {
		float: left;
		width: 582px;
		min-height: 300px;
		padding: 0 40px;
		color: #666666;
		background: transparent url("../images/bg_content-repeat.gif") 0 0 repeat-y; }
		#content #content-inner h1 {
			padding: 0 0 10px 0;
			margin: 0 0 17px 0;
			font-size: 26px;
			font-weight: normal;
			text-align: center;
			color: #616161;
			border-bottom: 2px solid #cfcfcf; }
			#content #content-inner h1.small {
			 margin-bottom: 8px;
			 border-bottom: 0px;
			 text-align: left }
		#content #content-inner h2 {
			padding: 0 0 15px 0;
			font-size: 22px;
			font-weight: normal; }
		#content #content-inner h3 {
			padding: 0 0 15px 0;
			font-size: 18px;
			font-weight: normal; }
			#content #content-inner h3.noPad {
			padding: 0 0 5px 0;}
		#content #content-inner h4 { font-size: 16px; margin-bottom: 5px; }
		#content #content-inner img.float-left {
			float: left;
			margin: 0 10px 20px 0; }
		#content #content-inner img.float-right {
			float: right;
			margin: 0 0 20px 10px; }
		#content #content-inner p {
			padding: 0 0 20px 0;
			font-size: 14px;
			line-height: 20px; }			
        #content #content-inner  p.noteSmall { 
            padding: 20px;
            background-color: #eff1f8;
            color: #5b5e73;
            font-size: 12px;
            line-height: 17px;
            padding: 10px; }
		#content #content-inner p.bottom-padding { padding-bottom: 45px; }
		#content #content-inner p.note { line-height: 100%; }
			#content #content-inner p.small { font-size: 12px; }
		#content #content-inner h5 { font-size: 14px; }
		#content #content-inner blockquote {
			padding: 0 0 20px 0;
			font-size: 14px;
			font-style: italic; }
			#content #content-inner blockquote p { padding: 0; }
			#content #content-inner blockquote em {
				display: block;
				font-style: normal;
				text-align: right; }
		#content #content-inner ul {
			padding: 0 0 20px 30px; }
			#content #content-inner ul li {
				padding: 0 0 2px 0;
				list-style: disc;
				font-size: 14px; }
		#content #content-inner ul.rates {
			clear: both;
			float: left;
			width: 100%;
			padding: 0 0 20px 0; }
			#content #content-inner ul.rates li {
				float: left;
				clear: both;
				width: 410px;
				padding: 8px 0;
				list-style: none;
				border-bottom: 1px solid #cccccc; }
			#content #content-inner ul.rates li.last {
				padding: 8px 0 0 0;
				border: none; }
				#content #content-inner ul.rates li form { float: right; }
				#content #content-inner ul.rates li a.btn_purchase {
					display: block;
					float: right;
					width: 85px;
					height: 21px;
					background: transparent url("../images/btn_buy-now.gif") 0 0 no-repeat;
					text-indent: -5000px; }
				#content #content-inner ul.rates li strong { font-size: 16px; }
				
				.floatRight{float: right}
				
        #footer{
            }
				
		/* bodywork subnav  */
		ul#bodywork{
		  float: right;
		  padding: 5px;
		  margin-left: 10px;
		  width: 150px;}		
		  #content-inner ul#bodywork li{
		      padding: 5px;
		      border-bottom: 1px solid #f5f6fb;
    		  list-style-type: none;
    		  display: block;}
    		  #content-inner ul#bodywork li:hover, #content-inner ul#bodywork li.active{
		      background-color: #f5f6fb}
    		  ul#bodywork li a{
    		      text-decoration: none;
        		 font-size: 12px;
        		 line-height: 13px;
        		 color: #8d9be9}

				
			/* blog announcement */	        
            .announcement{
                background-color: #603378;
                float: right;
                margin-top: 140px;
                max-width: 236px;
                color: #fff;
                text-align: center;
                padding: 10px 5px;
                -moz-border-radius: 10px;
                -webkit-barder-radius: 10px;
                border-radius: 10px;
                font-size: 11px;}
                 .announcement .plug{
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    color: #b994cd}
                   .announcement a{
                      font-size: 16px;
                      display: block;
                      color: #f2f8ca;}
                       
		   #content #content-inner p.calm { 
            color: #c6c8d4;
            font-size: 11px;
            line-height: 16px;}
            

/* box and color elements */	  
 
 		.box{
 			padding: 10px;}
 
            
				.curve{
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					border-radius: 4px;}  
				
				.sage{
					background-color: #d8dfce}
					
.testimonial {
  position: relative;
  padding: 7px 15px;
  margin-bottom: 18px;
  font-size: 12px;
  line-height: 16px;
  color: #6e7d57;
  background-color: #eaefe3;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eaefe3), to(#dce4d1));
  background-image: -moz-linear-gradient(top, #eaefe3, #dce4d1);
  background-image: -ms-linear-gradient(top, #eaefe3, #dce4d1);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaefe3), color-stop(100%, #dce4d1));
  background-image: -webkit-linear-gradient(top, #eaefe3, #dce4d1);
  background-image: -o-linear-gradient(top, #eaefe3, #dce4d1);
  background-image: linear-gradient(top, #eaefe3, #dce4d1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaefe3', endColorstr='#dce4d1', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #dce4d1 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.testimonial .author {
  font-size: 15px;
  line-height: 17px;
  font-weight: bold;
  padding-top: 10px;
  color: #394626;}

.testimonial .date {
	display: block;
  font-size: 12px;
  font-weight: normal;
  color: #9bab83;}