@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;}
ol, ul { list-style:none;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}
a { outline: none;}

html,body {
	background-color: #fff;
	margin:0;
	padding:0;
	height:100%;
}

#container {
	min-height:100%;
	position:relative;
}

p {
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {
	color:#666;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a:hover {
	color:#333;
	text-decoration:underline;
	cursor:pointer;
}

#headerbg {
	width:100%;
	height:74px;
	background-color:#fff;
}

#headercontent {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:74px;
	position:relative;
	display:block;
	background-color:#fff;
}

#logo {
	background:url(images/logo.png);
	background-repeat:no-repeat;
	width:135px;
	height:74px;
	display:block;
	position:absolute;
	left:80px;
	top:10px;
	z-index:10;
}

#headerleft {
	float:left;
	font-size:.7em;
	margin-top:33px;
	margin-left:240px;
}

#headerright {
	float:right;
	font-size:.8em;
	margin-top:22px;
	margin-right:50px;
}

#navbg {
	width:100%;
	height:30px;
	background-color:#ecebb7;
}

#navcontent {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	position:relative;
	display:block;
	background-color:#ecebb7;
}

#navlinks {
	position:absolute;
	left:138px;
	z-index:11;
}

#navcontent a {
	margin-right:7px;
	font-size:.8em;
	padding:6px;
}

#navcontent a:hover {
	margin-right:7px;
	font-size:.8em;
	background:#cccb9a;
	padding:6px;
	text-decoration:none;
}

#mainbg {
	width:100%;
	height:500px;
	background-color:#c8dbb6;
}

#maincontent {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:355px;
	position:relative;
	display:block;
	background:url(images/symbol.png);
	background-repeat:no-repeat;
	background-position:522px center;
	background-color:#c8dbb6;
}

#symbol {
	background:url(images/symbol.png);
	float:right;
	width:308px;
	height:327px;
	margin-top:13px;
	margin-right:90px;
}

#featurephoto {
	background:url(images/featurephotos.png);
	background-repeat:no-repeat;
	float:left;
	width:297px;
	height:201px;
	display:block;
	margin-left:130px;
	margin-top:10px;
}

#feature {
	position:absolute;
	left:100px;
	bottom:40px;
}

#feature a {
	text-decoration:none;
	color:#333;
	font-size:.8em;
}

#feature1 {
	background:url(images/featurebutton1.png);
	background-repeat:no-repeat;
	width:133px;
	height:30px;
	display:inline-block;
	margin-top:9px;
	text-align:center;
	padding-top:6px;
}

#feature1:hover {
	background:url(images/featurebutton1.png);
	background-repeat:no-repeat;
	background-position:-133px 0;
}

#feature2 {
	background:url(images/featurebutton2.png);
	background-repeat:no-repeat;
	width:129px;
	height:30px;
	display:inline-block;
	padding-top:6px;
	text-align:center;
	margin-left:10px;
	margin-top:9px;
}

#feature2:hover {
	background:url(images/featurebutton2.png);
	background-repeat:no-repeat;
	background-position:-129px 0;
}

#feature3 {
	background:url(images/featurebutton3.png);
	background-repeat:no-repeat;
	width:129px;
	height:30px;
	display:inline-block;
	padding-top:6px;
	text-align:center;
	margin-left:10px;
	margin-top:9px;
}

#feature3:hover {
	background:url(images/featurebutton3.png);
	background-repeat:no-repeat;
	background-position:-129px 0;
}

h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2.7em;
	color:#fff;
	margin-bottom:-7px;
}

#subbg {
	width:100%;
	height:480px;
	background-color:#fff;
}

#subcontent {
	background-color:#fff;
	background:url(images/divider.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:218px;
	position:relative;
	display:block;
}

#lowerleft {
	float:left;
	width:435px;
	height:180px;
	display:block;
	margin-top:30px;
	margin-left:30px;
}

#cdphoto {
	background:url(images/cd.png);
	width:181px;
	height:179px;
	float:left;
}

#cdinfo {
	float:right;
	width:250px;
	height:170px;
	color:#666;
}

h2 {
	font-size:1.2em;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#cccb9a;
}

h3 {
	font-size:1.7em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}

h4 {
	font-size:1.5em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}

li {
	list-style:none;
	background-image:url(images/list-arrow.png);
	background-repeat:no-repeat;
	list-style-position:inside;
	text-indent:15px;
	background-position:0 5px;
	font-size:.8em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#lowerright {
	float:right;
	width:395px;
	height:180px;
	display:block;
	margin-top:30px;
	margin-right:40px;
}

.lowercenter{
	clear:both;
	width:820px;
	height:130px;
	display:table;
	padding:20px 0 0 0;
	margin:20px 0 0 40px;
	border-top:1px solid #eee;
}

.lowercenter2{
	clear:both;
	display:table;
	padding:40px 70px 0;
}

#poem {
	background:url(images/quote.png);
	background-repeat:no-repeat;
	padding:10px 0 0 10px;
}

#poem p {
	font-size:.7em;
	margin-bottom:5px;
}

.author {
	font-style:italic;
	color:#333;
	float:right;
	background:url(images/endquote.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:83px;
	height:33px;
}

#footerbg {
	position:absolute;
	background:url(images/footerbg.png);
	background-repeat:repeat-x;
	background-color:#fff;
	width:100%;
	height:123px;
	bottom:0;
}

#footercontent {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:123px;
	position:relative;
	display:block;
	background:url(images/footerbg.png);
	background-repeat:repeat-x;
	background-color:#fff;
}

#footernav {
	float:left;
	margin-top:10px;
	margin-left:90px;
}

#footernav a {
	font-size:.7em;
}

#footercontact {
	float:right;
	margin-top:12px;
	margin-right:90px;	
}

#footercontact {
	font-size:.7em;
}

.title {
	color:#CCC;
	font-size:.9em;
	margin-bottom:5px;
}

#footercopyright {
	margin-top:70px;
	font-size:.6em;
	display:block;
}

#footercopyright p {
	color:#CCC;
}

#footercopyright a {
	font-size:1em;
}

#currentpage {
	margin-left:90px;
	height:24px;
	width:205px;
	
}

#currentpage p {
	color:#FFF;
	padding:3px;
	margin-left:5px;
	font-size:.8em;
	background-color:#b5c7a5;	
}

.linebreak {
	width:400px;
	height:1px;
	border-top:1px dotted #ccc;
	display:block;
	margin-bottom:10px;
}

/*Schedule Page*/

#mainbg-schedule {
	width:100%;
	height:155px;
	background-color:#c8dbb6;
}

#maincontent-schedule {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:155px;
	position:relative;
	display:block;
	background:url(images/symbol.png);
	background-repeat:no-repeat;
	background-position:522px center;
	background-color:#c8dbb6;
}

#subbg-schedule {
	width:100%;
	height:715px;
	background-color:#fff;
}

#subcontent-schedule {
	background-color:#fff;
	/* background:url(images/divider.png); */
	background-repeat:no-repeat;
	background-position:center center;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:260px;
	position:relative;
	display:block;
}

#schedulefeature {
	position:relative;
	float:left;
	margin-left:100px;
	margin-bottom:10px;
	width:420px;
}

#schedulefeature a {
	text-decoration:none;
	color:#333;
}

#scheduledate {
	float:left;
}

#scheduledate h1 {
	font-size:1.5em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}

#scheduledate h2 {
	padding-top:6px;
	font-size:1.2em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}

#signupbutton {
	background:url(images/featurebutton2.png);
	background-repeat:no-repeat;
	width:104px;
	height:30px;
	display:inline-block;
	padding-top:3px;
	text-align:center;
	margin-left:30px;
	margin-top:5px;
	float:left;
}

#signupbutton:hover {
	background:url(images/featurebutton2.png);
	background-repeat:no-repeat;
	background-position:-104px 0;
}

.scheduleleft{
	float:left;
	margin-left:80px;
	position:relative;
	margin-bottom:40px;
}

.scheduleright{
	float:right;
	position:relative;
}

.horizontaldivider{
	width:400px;
	height:1px;
	border-top:1px dotted #555;
	display:table;
	clear:both;
}

.daterange{
	font-size:.7em;
	color:#555;
}

.schedulecontent {
	padding-top:13px;
	width:380px;
}

.schedulecontent p {
}

.scheduleaddress {
	position:relative;
	margin-top:40px;
	padding:0 0 0 10px;
	width:200px;
	border-left:1px dotted #ccc;
	float:left;
}

.scheduleaddress p {
	font-size:.8em;
}

.scheduleunderline {
	margin-bottom:5px;
	color:#127ec9;
	font-size:1.2em;
}

table {
	border-collapse:collapse;
}

table p {
	margin-right:10px;
	margin-left:10px;
	margin-top:3px;
	padding:3px;
	font-size:.8em;
}

.row1, .row1 p {
	color:#555;
}

.row2, .row2 p {
	color:#555;
}

.rowtitles, .rowtitles p {
	font-weight:bold;
	color:#000;
}

.row {
	border-right:1px dotted #ccc;
}

#whatsthis {
	background:url(images/whatsthis.png);
	height:15px;
	width:15px;
	background-repeat:no-repeat;
	display:inline-block;
	margin-left:5px;
}

/* Class Descriptions Page */

#cd-content {
	position:relative;
	float:left;
	margin-left:80px;
	padding-top:10px;
	width:500px;
}

.cd-header, .cd-header p {
	font-size:1.2em;
	font-weight:bold;
	color:#777;
	margin-bottom:4px;
	padding:3px;
}

.cd-text, .cd-text p {
	font-size:.8em;
	margin-bottom:20px;
	color:#333;
}

#maincontent-descriptions {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:155px;
	position:relative;
	display:block;
	background:url(images/symbol.png);
	background-repeat:no-repeat;
	background-position:522px center;
	background-color:#c8dbb6;
}

#mainbg-descriptions {
	width:100%;
	height:155px;
	background-color:#c8dbb6;
}

#subbg-descriptions {
	width:100%;
	height:700px;
	background-color:#fff;
}

#subcontent-descriptions {
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:530px;
	position:relative;
	display:block;
}

/*Private Instruction Page */

#mainbg-private {
	width:100%;
	height:155px;
	background-color:#c8dbb6;
}

#subbg-private {
	width:100%;
	height:950px;
	background-color:#fff;
}

#subcontent-private {
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:385;
	position:relative;
	display:block;
}

/* Massage & Bodywork Page */

#bodywork-content {
	position:relative;
	float:left;
	margin-left:80px;
	padding-top:10px;
	width:460px;
}

.fees-price {
	margin-left:10px;
	display:inline-block;
}

.dots {
	width:30px;
	border-bottom:2px dotted #ccc;
	display:inline-block;
	margin-left:10px;
	margin-bottom:4px;
}

#subbg-bodywork {
	width:100%;
	height:590px;
	background-color:#fff;
}

#subbg-bodywork h2 {
	margin-top:10px;
	color:#333;
	padding:3px;
	border-bottom:1px solid #eee;
}

/* Pricing */

#pricingfeature {
	position:relative;
	float:left;
	margin-left:100px;
	margin-bottom:10px;
	width:550px;
}

#pricing-content {
	position:relative;
	float:left;
	margin-left:80px;
	padding-top:10px;
	width:410px;
}

.pricing-item {
	margin-top:10px;
}

.pricing-item2 {
	margin-top:10px;
	margin-bottom:10px;
}

/* About YFTH */

#subbg-about {
	width:100%;
	height:1269px;
	background-color:#fff;
}

#subbg-about h2 {
	margin-top:10px;
	color:#333;
}

#about-content {
	position:relative;
	float:left;
	margin-left:80px;
	padding-top:10px;
	width:550px;
}

#about-content p {
	font-size:.8em;
	margin:8px 0 8px 0;
}

#about-content a {
	margin:4px 0 4px 0;
}

.about-img {
	margin:0 0 0 10px;
	float:right;
}

#right-image1{
	background-image:url(images/right-image1.png);
	background-repeat:no-repeat;
	float:right;
	width:335px;
	height:387px;
	margin:-20px 20px 0 0;
}

#right-image2{
	background-image:url(images/right-image2.jpg);
	background-repeat:no-repeat;
	float:right;
	width:293px;
	height:320px;
	margin:20px 20px 0 0;
}

#right-image3{
	background-image:url(images/right-image3.jpg);
	background-repeat:no-repeat;
	float:right;
	width:207px;
	height:434px;
	margin:10px 150px 0 0;
}

#right-image4{
	background-image:url(images/right-image4.png);
	background-repeat:no-repeat;
	float:right;
	width:270px;
	height:619px;
	margin:-95px 20px 0 0;
}

#right-image5{
	background-image:url(images/right-image5.jpg);
	background-repeat:no-repeat;
	float:right;
	width:358px;
	height:321px;
	margin:0 10px 0 0;
}

/* Sign Up! */

#signup-content {
	position:relative;
	float:left;
	margin-left:80px;
	padding-top:10px;
	width:600px;
}

/* Pop Up */
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .50;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -35px -35px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/* Carousel */

/*--Main Container--*/
.main_view {
	float: right;
	position: relative;
	margin:55px 45px 0 0;
	border:3px solid #99aa89;
}
/*--Window/Masking Styles--*/
.window {
	height: 238px;
	width: 318px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}