@charset "UTF-8";

/** Global Styles **/

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-attachment: fixed; background-image: url(../_images-site/site-parchment-bg.jpg); background-repeat: repeat; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; color: #556654; line-height: 34px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; color: #556654; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: normal; color: #556654; }
.leafHR { background-image: url(../_images-site/leaf-HR.jpg); background-repeat: no-repeat; height: 15px; width: 719px; margin-right: auto; margin-left: auto; overflow: hidden; margin-top: 0px; margin-bottom: 0px; }
.brown { color: #CE7214; }
li { font-size: 14px; line-height: 20px; list-style-image: url(../_images-site/green-bullet-smaller.png); font-style: italic; }
	
	a:link,
	a:visited { text-decoration:none; color: #8BC541; font-weight: normal; }
	a:hover { color:#8BC541; text-decoration: underline; font-weight: normal; }
	a:active { color:#8BC541; font-weight: normal; text-decoration: none; }
	
	img { outline:none; border:none; }
	img a:link,
	img a:visited { outline:none; border:none; }
	img a:hover { outline:none; border:none;}
	img a:active { outline:none; border:none; }
	
.footnote { font-size: 10px; }


/** Template **/

#masterframe { height: auto; width: 900px; margin-right: auto; margin-left: auto; }
#masthead { background-color: #FFFFFF; height: 170px; width: 900px; overflow: hidden; }
#logo { float: left; height: 151px; width: 237px; margin-left: 40px; margin-top: 10px; }
#tagline { float: right; margin-right: 40px; margin-top: 55px; }
#imageBanner { height: 150px; width: 900px; overflow: hidden; }
#lowerContainer { background-color: #FFFFFF; height: auto; width: 900px; overflow: auto; }
#upperHR { height: 30px; width: 900px; overflow: hidden; margin-top: 5px; }
#lowerHR { height: 30px; width: 900px; overflow: hidden; clear: both; }
#footer { background-color: #FFFFFF; height: 110px; width: 900px; overflow: auto; }
#footerTree { float: right; height: 98px; width: 98px; overflow: hidden; margin-top: 10px; }
#footerContact { float: left; width: 700px; margin-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-top: 10px; }
#footerContact p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; }
#footerContact h1 { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 19px; font-weight: normal; color: #333333; }
.footerHighlight { color: #339900; }
	#footerContact a:link,
	#footerContact a:visited { color: #339900; }
	#footerContact a:hover { color: #556654; }
	#footerContact a:active { color: #339900; }
#editableRegion { height: auto; width: 860px; margin-right: 20px; margin-left: 20px; }


/** Navigation **/

#navContainer { background-image: url(../_images-site/site-nav-bg.jpg); background-repeat: no-repeat; height: 35px; width: 900px; overflow: hidden; }
#nav { padding:0; width:100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; float: left; }
#nav ul { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; text-align: center; margin: 0px; }
#nav li { display:inline; padding:0; margin:0; }
	#nav a:link,
	#nav a:visited { color:#FFFFFF; float:left; width:auto; text-decoration:none; letter-spacing: .5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: lighter; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; height: 35px; font-style: normal; }
	#nav a:hover { color:#FFFFFF; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; height: 35px; background-color: #006600; font-style: normal; }
	#nav a:active { color:#FFFFFF; font-style: normal; }
	
			/** this section controls the static appearance of the visible page via the body ID Attribute **/
	#home #nav-home a,
	#facilities #nav-facilities a,
	#clinic #nav-clinic a,
	#classes #nav-classes a,
	#healing #nav-healing a,
	#wellness #nav-wellness a,
	#membership #nav-membership a,
	#info #nav-info a { color:#FFF; background-color: #060; }

	/** this section controls the hover effects on the visible page via the body ID Attribute **/
	#home #nav-home a:hover,
	#facilities #nav-facilities a:hover,
	#clinic #nav-clinic a:hover,
	#classes #nav-classes a:hover,
	#healing #nav-healing a:hover,
	#wellness #nav-wellness a:hover,
	#membership #nav-membership a:hover,
	#info #nav-info a:hover { color:#FFF; }

	#nav a:active { color:#89AFDD; }


/** Baseline **/

#baseline { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; text-align: right; height: auto; width: 900px; margin-top: 2px; margin-right: auto; margin-left: auto; }
	#baseline a:link,
	#baseline a:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; font-weight: normal; }
	#baseline a:hover { color:#390; text-decoration: none; font-weight: normal; }
	#baseline a:active { color:#333333; font-weight: normal; text-decoration: none; }


/** Index Page **/

#indexCol1 { float: left; height: auto; width: 440px; overflow: auto; }
#indexCol2 { float: left; height: auto; width: 200px; overflow: auto; background-image: url(../_images-pages/_index/latest-container-bg.gif); background-repeat: repeat; margin-left: 15px; margin-top: 15px; }
#indexCol3 { float: left; height: auto; width: 190px; overflow: hidden; margin-left: 15px; background-color: #FFF; margin-top: 15px; text-align: center; }
#indexCol4 { float: left; height: auto; width: 440px; overflow: auto; clear: left; border-top-width: 10px; border-top-style: solid; border-top-color: #FFF; }
#indexCol5 { float: right; height: auto; width: 410px; overflow: visible; border-top-width: 10px; border-top-style: solid; border-top-color: #FFF; }
#indexLatestContainer { height: auto; width: 190px; overflow: auto; margin: 5px; }
#latestMid { background-color: #FFFFFF; height: 490px; width: 170px; overflow: visible; padding-right: 10px; padding-left: 10px; }
#latestMid h3 p { font-size: 12px; line-height: 15px; }
#latestTop { height: 30px; width: 190px; overflow: hidden; }
#latestBottom { height: 30px; width: 190px; overflow: auto; }
#socialNetwork { height: auto; width: 860px; overflow: auto; clear: both; border-top-width: 15px; border-top-style: solid; border-top-color: #FFF; }
#facebook { height: auto; min-height:300px; width: 440px; float: left; background-image: url(../_images-pages/fb-drop.png); background-repeat: no-repeat; background-position: center center; }
#dWebContainer { height: 120px; width: 190px; overflow: hidden; border-top-width: 15px; border-top-style: solid; border-top-color: #FFF; clear: both; float: right; }
#rtContainer { height: 120px; width: 190px; overflow: hidden; background-color: #FFF; border-top-width: 15px; border-top-style: solid; border-top-color: #FFF; float: right; margin-right: 25px; }
#c4Container { clear: both; height: 110px; width: 405px; float: right; margin-top: 15px; }
/** Wordpress Fed Container **/
#focusOn { height: 115px; width: 385px; background-color: #106B39; padding: 10px; overflow: hidden; float: right; }
#focusOn p { font-size: 10px; }
h1.focusHeader { margin-top: 5px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 0px; font-size: 24px; font-weight: normal; color: #F3F9ED; line-height: 17px; }
h2.focusDate { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; font-weight: normal; color: #556654; margin-top: 0px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 10px; }
h3.focusDetails { font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: normal; color: #FFF; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
	#focusOn a:link,
	#focusOn a:visited { text-decoration:none; color: #F2F8EB; font-weight: normal; }
	#focusOn a:hover { color:#8BC541; text-decoration: underline; font-weight: normal; }
	#focusOn a:active { color:#F2F8EB; font-weight: normal; text-decoration: none; }
/** Wordpress Fed Container **/
h1.wpHeader { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 17px; font-weight: normal; color: #89C240; line-height: 16px; }
h2.wpDate { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; font-weight: normal; color: #999999; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h3.wpDetails { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666; }
/** Wordpress Fed Container **/
#wongBlog { height: auto; width: 440px; overflow: auto; }
#wongUpper { height: 203px; width: 440px; overflow: hidden; margin-bottom: 0px; padding-bottom: 0px; }
#wongLower { height: 144px; width: 420px; overflow: hidden; background-color: #f2ebe0; margin-top: 0px; padding: 10px; }
h1.wongHeader { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 16px; font-weight: normal; color: #89C240; line-height: 17px; }
h2.wongDate { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; font-weight: normal; color: #556654; margin-top: 0px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 10px; }
h3.wongDetails { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666; }
.postthumbnail { float: right; margin-top: 8px; margin-left: 8px; }


/** Treatmenst Library Menu **/

#treatMenu { height: auto; width: 270px; margin-top: 5px; margin-right: 15px; margin-bottom: 5px; margin-left: 15px; overflow: auto; float: right; }
#treatMid { background-color: #EEE; height: auto; width: 240px; overflow: auto; padding-right: 10px; padding-left: 10px; margin-right: 10px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#treatTop { height: 20px; width: 260px; overflow: hidden; margin-right: 10px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; }
#treatBottom { height: 20px; width: 260px; overflow: auto; margin-right: 10px; margin-left: 10px; }
#treatMenu li { list-style-image: url(../_images-site/green-bullet-smaller.png); line-height: 18px; font-size: 14px; font-style: italic; }
#treatMenu h1{ font-size: 14px; font-weight: normal; line-height: normal; }

/** Retreat Page **/

.retreatPackage { background-image: url(../_images-site/parchment-bg-green.gif); background-repeat: repeat; height: auto; width: 660px; margin-right: auto; margin-left: auto; overflow: auto; padding: 20px; margin-top: 10px; }
.retreatPackage li { list-style-image: url(../_images-site/green-bullet.png); line-height: 28px; font-size: 16px; font-style: italic; }
.retreatPackagePrice { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: normal; float: right; height: auto; width: 660px; border-top-width: 2px; border-top-style: dotted; border-top-color: #D7D2BE; color: #930; text-align: right; padding-top: 10px; }
.retreatPackage h1 { font-size: 25px; }
#retreatContainer { height: auto; width: 600px; overflow: auto; background-image: url(../_images-pages/_index/latest-container-bg.gif); background-repeat: repeat; padding: 20px; margin-right: auto; margin-left: auto; }
.retreatHours { border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #963; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.retreatHours p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; font-size: 12px; }
.retreatHours h2 { font-weight: normal; color: #55665B; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 18px; }
.retreatHours h3 { font-weight: normal; color: #930; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 15px; }
.retreatTestimonialContainer { float: right; height: 350px; width: 280px; overflow: hidden; padding-left: 10px; background-image: url(../_images-pages/_index/latest-container-bg.gif); background-repeat: repeat; padding-right: 20px; margin-left: 20px; }


/** Classes Page **/

#classesCol2 { float: left; height: 650px; width: 360px; overflow: auto; background-image: url(../_images-pages/_index/latest-container-bg.gif); background-repeat: repeat; padding: 20px; }
#classesCol3 { float: right; height: 650px; width: 410px; overflow: auto; background-image: url(../_images-pages/_index/latest-container-bg.gif); background-repeat: repeat; padding: 20px; }
.classPriceContainer { border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #963; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.classPriceContainer p { font-style: italic; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; }
.classPriceContainer h3 { font-weight: bold; color: #930; font-style: italic; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.classTimesContainer { border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #963; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.classTimesContainer p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; font-size: 12px; }
.classTimesContainer h3 { font-weight: bold; color: #930; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 12px; }


/** Membership Page **/

.memberPackage { background-image: url(../_images-site/parchment-bg-green.gif); background-repeat: repeat; height: auto; width: 660px; margin-right: auto; margin-left: auto; overflow: auto; padding: 20px; }
.memberPackage li { list-style-image: url(../_images-site/green-bullet.png); line-height: 28px; font-size: 16px; font-style: italic; }
.memberPackage h1 { font-size: 25px; }
.membertPackagePrice { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: normal; float: right; height: auto; width: 660px; border-top-width: 2px; border-top-style: dotted; border-top-color: #D7D2BE; color: #930; text-align: right; padding-top: 10px; }


/** Salt Glow Massage page **/

#saltCol1 { height:auto; width:auto; overflow:auto; }


#facilitiesPoolHoursContainer { height: auto; width: 600px; overflow: auto; background-image: url(../_images-pages/_index/latest-container-bg.gif); background-repeat: repeat; padding: 20px; margin-right: auto; margin-left: auto; }
.facilitiesPoolHours { border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #963; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.facilitiesPoolHours p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; font-size: 12px; }
.facilitiesPoolHours h3 { font-weight: bold; color: #930; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 12px; }


.wellnessMenu { background-image: url(../_images-pages/_wellness/wellness-container-bg.gif); background-repeat: repeat; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.wellnessMenu p { padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 20px; margin-top: 0px; margin-bottom: 0px; }
.wellnessWorkshop { height: auto; width: 750px; overflow: auto; margin-right: auto; margin-left: auto; background-image: url(../_images-pages/_wellness/wellness-container-bg.gif); background-repeat: repeat; }
.wellnessWorkshop p { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; margin-top: 0px; margin-bottom: 0px; }
.wellnessWorkshop h2 { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }
.wellnessPrice { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: normal; float: right; height: auto; width: 660px; border-top-width: 2px; border-top-style: dotted; border-top-color: #D7D2BE; color: #930; text-align: right; padding-top: 10px; }

/** Wordpress template page **/
#wpCol1 { float: left; height: auto; width: 605px; overflow: auto; border: 1px solid #F5F5F5; padding: 10px; margin-top: 20px; }
#wpCol2 { float: right; height: auto; width: 200px; overflow: auto; background-color: #F3F3F3; padding: 10px; margin-top: 20px; }
#wpCol2 ul { margin-left: 12px; padding-left: 12px; color: #388139; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; font-size: 13px; line-height: 14px; }
.postbreak { background-color: #CCC; height: 15px; border-top-width: 15px; border-bottom-width: 15px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFF; border-bottom-color: #FFF; }

.greenIMGboarder { border-top-width: 3px; border-top-style: solid; border-top-color: #8BC541; border-right-color: #8BC541; border-bottom-color: #8BC541; border-left-color: #8BC541; }
#retreatsMenuContainer { float: right; height: auto; width: 350px; background-image: url(../_images-pages/_retreats/retreatsMenuBG.png); background-repeat: repeat-y; min-height:200px; margin-top: 10px; margin-right: 20px; }
#retreatsMenuTitle { height: auto; width: 330px; margin-top: 10px; margin-left: 10px; }
.retreatsMenuRetreat { height: 50px; width: 330px; margin-top: 5px; margin-right: 10px; margin-left: 10px; }
.retreatListBullet { float: left; height: 29px; width: 29px; margin-top: 12px; }
.retreatListTitle { float: right; width: 290px; margin-top: 10px; }
.retreatListTitle h1 { color: #FFF; font-size: 23px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.retreatListTitle h1 em { font-size: 14px; }
	.retreatListTitle a:link,
	.retreatListTitle a:visited { text-decoration:none; color: #FFF; }
	.retreatListTitle a:hover { color:#333; }
	.retreatListTitle a:active { color:#8BC541; text-decoration: none; }
#retreatImageContainer { float: left; height: 260px; width: 450px; }
#breadcrumb { height: 20px; width: 100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; overflow: auto; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }