body
{
	background-image: url(../design/yoga_sanctuary_bodybg.jpg);
	background-repeat: repeat-x;
	background-color: #9FA615;
}

a
{
	color: #936;
	text-decoration: none;
}

strong { font-weight: bold; }

em { font-style: italic; }

#hd a
{
	color: #666;
	padding: 0px 20px 0px 20px;
}

#hd a.activepage { color: #F00; }
#hd a:hover { color: #FFF; }

#hd
{
	height: 100px;
	background-image: url(../design/yoga_sanctuary_hd.jpg);
	background-repeat: no-repeat;
}

#hd h1
{
	position: absolute;
	left: -2000px;
}

#hd .navbar
{
	color: #FFF;
	font-family: Georgia;
	font-size: 167%;
	padding: 180px 0px 0px 0px;
	margin: 0px 0px 0px 48px;
}

#bd
{
	margin: 0px 0px 0px 0px;
	border-color: #92266e;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	background-color: #FFF;
	background-image: url(../design/yoga_sanctuary_bdbg.jpg);
	background-repeat: no-repeat;
}

#pagecontent { padding: 20px; }
#pagecontent p { padding: 10px; }

/*  Navigation */
.nav
{
	text-align: right;
	font-family: Verdana;
	padding: 0px;
	text-transform: lowercase;
}

.nav a.navitem
{
	color: #990;
	display: block;
	position: relative;
	padding: 10px 10px 10px 5px;
	text-decoration: none;
	font-size: 123.1%;
}

.nav a.navitem:visited { color: #660; }

.nav .navitem:hover, .nav .navitem:active
{
	color: #906;
	text-decoration: underline;
}

.nav div.subnav { background: none; }

.nav div.subnav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav div.subnav ul li
{
	font-size: 12px;
	padding: 5px 10px 5px 5px;
}

.nav div.subnav ul li a
{
	color: #906;
	text-decoration: none;
}

.nav div.subnav ul li a:hover
{
	color: #C69;
	text-decoration: none;
}

/* Navigation end */

/* protofade */
#slider-container, #slider-container2, #slider-container3, #slider-container4
{
	width: 450px;
	margin: 0 auto 10px auto;
	border: ;
}

#protofade, #protofade2, #protofade3, #protofade4
{
	position: relative;
	margin: 0;
	padding: 0px;
	width: 450px;
	height: 450px;
	overflow: hidden;
}

#slider-container, #slider-container2 { border: 1px solid #CCCCCC; }
#protofade3, #protofade4 { border: 1px solid #CCCCCC; }
#slider-container4, #protofade4 { height: 672px; }

#protofade li, #protofade2 li, #protofade3 li
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background: none;
}

#protofade4 div
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 10px;
	background: none;
	text-align: left;
}

.next, .previous, .start, .stop
{
	cursor: pointer;
	display: block;
	margin: 5px 15px 15px 15px;
	float: left;
}

/* end protofade */

/* start class descriptions accordion */

.captcha td
{padding:5px;}

.ClassName
{
	cursor: pointer;
	font: bold 14px Verdana;
	margin: 20px 0 10px 0;
}


.openlanguage
{
	/*class added to contents when they are open*/
	color: #9C3;
}

.closedlanguage
{
	/*class added to contents when they are closed*/
	color: #603;
}

.ClassFee
{
	color: #603;
	padding: 10px 0px 10px 0px;
}


/* end class descriptions */


/********************************* center col content yui-u */
.centerColumn
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	padding: 0px 8px 0px 8px;
	min-height:400px
}



.yui-u h1
{
	font-size: 174%;
	margin: 10px 0px 10px 0px;
	font-family: Verdana;
}

.yui-u h2, .yui-g h2
{
	font-size: 116%;
	margin: 10px 0px 10px 0px;
	font-family: Verdana;
}


.yui-u h2.HomeLead
{
	color: #693;
	font-family: Georgia;
	font-size: 174%;
}



.yui-u h3
{
	font-size: 146.5%;
	font-family: Verdana;
}

.yui-u h3.scheduleDay
{
	font-size: 116%;
	font-family: Verdana;
	border-bottom: #CCC;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}

.yui-u h3.rateHeading
{
	font-size: 116%;
	font-family: Verdana;
	border-bottom: #CCC;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}

.yui-u h3 a
{
	color: #603;
	text-decoration: none;
}

.yui-u h4
{
	font-size: 123.1%;
	font-family: Verdana;
	margin-top:10px;
}


.yui-u p, .yui-g p { padding: 5px 0px 5px 0px; }

.centerColumn ul
{
	margin: 0px 10px 0px 10px;
	padding-left: 1em;
	text-indent: -1em;
}

.centerColumn ul li
{
	list-style-type: disc;
	list-style-position: inside;
	padding: 0px 0px 4px 0px;
}

.yui-u .staff_block
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	margin: 15px 10px 10px 10px;
}

.yui-u .staff_block .staffPhoto { padding: 0px 20px 10px 0px; }

.staffPhotoLarge, .staffPhotoGallery
{
	border-color: #C9C;
	border-width: 1px;
	border-style: solid;
}




.scheduleP { margin: 2px 0px 8px 8px; }

.yoga_staff_grid
{width:450px;}

.yoga_staff
{
	width: 100px;
	float: left;
	margin: 0px 0px 4px 10px;
}


.healing_arts_staff
{
	width: 100px;
	float: left;
	margin: 0px 50px 10px 50px;
}
/********************************* END center col content yui-u */

#intro-offer
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	margin: 0px 5px 10px 0px;
	background-color: #820053;
	background-image: url(../promotions/winter_intro_offer.jpg);
	background-repeat: no-repeat;
	color:#fff;
}

#intro-offer a
{
	color: #FF0;
	font-size: 100%;
	padding: 0px 0px 8px 8px;
}

#membership-offer
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	margin: 0px 5px 10px 0px;
	background-color: #9fa615;
	background-image: url(../promotions/winter_membership_offer.jpg);
	background-repeat: no-repeat;
	color:#fff;
}

#fiveclass-offer
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	margin: 0px 5px 10px 0px;
	background-color: #04a0b7;
	background-image: url(../promotions/winter_5class_offer.jpg);
	background-repeat: no-repeat;
	color:#fff;
}

#fiveclass-offer a
{
	color: #FF0;
	font-size: 100%;
	padding: 0px 0px 8px 8px;
}

#membership-offer a
{
	color: #FF0;
	font-size: 100%;
	padding: 0px 0px 8px 8px;
}


.block
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	margin: 0px 5px 10px 0px;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.blocksolid
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	margin: 0px 5px 10px 0px;
	color:#fff;
}

.blocksolid a { color: #FF0; }

.blocksolid div.blockText .pricing
{
	font-size: 177%;
	margin: 8px 0px;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #fff;
	border-width: 1px;
	border-style: solid;
	padding:4px;
}

.blocksolid p
{padding:4px 0px;}

.block a
{
	font-weight: bold;
}

.blogBlock a
{
	color: #FFF;
	font-weight: bold;
}


.blogBlock h3 { font-size: 146.5%; }
.blogBlock h4 { margin: 4px 0px 0px 0px; }
.blogBlock p {margin-bottom:10px;}

.blogBlock
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	padding: 8px;
	margin: 0px 5px 10px 0px;
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-color: #F9C;
}
.blockRight
{
	width: 190px;
	margin: 20px 0px 0px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.blockSocial
{
	width: 190px;
	margin: 20px 0px 0px 20px;
/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
*/
	padding: 4px;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.yui-b div.red { background-color: #F99; }
.yui-b div.orange { background-color: #FC6; }
.yui-b div.yellow { background-color: #FF9; }
.yui-b div.green { background-color: #9C6; }
.yui-b div.blue { background-color: #CCF; }
.yui-b div.purple { background-color: #FCF; }
.yui-b div.maroon { background-color: #820053; }
.yui-b div.olive { background-color: #9fa615; }



.block h3
{
	font-size: 131%;
	font-weight: bold;
	display: block;
	padding: 4px;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

.blockText { padding: 2px 4px 5px 4px; }

#FooterNav
{
	color: #906;
	font-family: Verdana;
	font-size: 100%;
	padding: 20px 0px 0px 20px;
}

#FooterNav a
{
	color: #660;
	text-decoration: none;
	font-size: 85%;
}

.sideGallery img
{margin:20px 0px 20px 0px;}

.galleryBlock
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	margin: 15px 10px 10px 30px;
}

.galleryThumb { margin: 0px 10px 0px 0px; }

.OfferBlock
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	margin: 15px 10px 10px 30px;
	height: auto;
	display: block;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}


.popup-header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 177%;
	margin-left: 40px;
	color: #906;
}



.CategoryBlock
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	margin: 15px 10px 10px 30px;
	height: auto;
	display: block;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.CategoryBlock img
{float:left;
padding: 0px 4px 0px 0px;}

.yui-u div.Classes { background-color: #e1ddf7; }
.yui-u div.Workshops { background-color: #e7cbf2; }
.yui-u div.About { background-color: #e1f5f8; }

.yui-u div.Prices { background-color: #ececec; }
.yui-u div.Prices2 { background-color: #ffffff; }

.PricesPrice{font-size:177%}
.PricesNumber{float:right;margin:10px;font-size:110%;}
.PricesNumber.Strike { text-decoration: line-through; }


.CategoryBlock p.special
{color:#F00; font-size:90%;font-weight:bold;}




.FormBlock
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	margin: 10px 10px 10px 10px;
}

#immersion_form
{width:100%;}

#immersion_form td
{
	padding: 8px 2px 8px 2px;

}
#immersion_form tr
{
		border-color: #CCC;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	margin-bottom:4px;

}

#immersion_form tr.last
{border:none;}


.ServiceCategory h2
{
	margin: 60px 0px 0px 0px;
	font-family: Georgia;
	font-size: 116%;
}

.GalleryImage
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	width: 400px;
	z-index: 10;
	padding: 10px;
	margin: 15px 10px 10px 10px;
}

.GalleryImage h2
{
	font-family: Georgia;
	font-size: 138.5%;
}

#contactform td { padding: 10px; }

#ft
{
	height: 54px;
	background-image: url(../design/yoga_sanctuary_ft.gif);
	background-repeat: no-repeat;
}

#FooterNav { text-align: center; }

#ft .navbar
{
	color: #FFF;
	font-family: Georgia;
	font-size: 100%;
	margin: 10px 48px 0px 0px;
	float: right;
}

#ft .navbar a { color: #999; }
#ft a.activepage { color: #F00; }
#ft a:hover { color: #FFF; }

.contact_info
{
	margin: 0px 0px 0px 48px;
	padding: 20px 0px 0px 0px;
}

.copyright
{
	text-align: center;
	text-decoration: none;
	color: #CF9;
	font-size: 77%;
	margin: 20px 0px 0px 0px;
}

.gl
{
	text-align: center;
	font-size: 10px;
	margin: 20px 20px 0px 10px;
	font-family: Helvetica, Sans;
}
.gl a
{
	color: #fff;
	text-decoration: none;
}
.gl img { margin: 0px 0px 0px 10px; }
