body
{
	color: #000000;
	
	background-color: #95BC7B;
	background-image: url(images/background.jpg);
	background-position: right;
	background-repeat: repeat-y;

	margin: 20px;

	font: 11pt Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	text-align: center;
}

h1
{
	font: 14pt Papyrus;
	font-weight: bold;
}

h2
{
	font: 11pt Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a
{
	color: #000000;
}

a.noDeco
{
	text-decoration: none;
}

a.hoverDeco:hover
{
	text-decoration: underline;
}

div.footnote
{
	font-size: 10pt;
	margin-top: 30px;
}

img.framedPicture, span.framedPicture
{
	border: 2px solid #009900;
}

p.beginning
{
	margin-top: 0px;
}

p.ending
{
	margin-bottom: 0px;
}

.center
{
	text-align: center;
}

.justify
{
	text-align: justify;
}

.fullWidth
{
	width: 100%;
}

.photoCredit
{
	font: 7pt Verdana;
	font-style: italic;
	text-align: right;
}

/* ============================= Template elements ============================== */

#header
{
	max-width: 850px;
	min-width: 650px;
	width: expression(document.body.clientWidth > 850 ? "850px" : (document.body.clientWidth < 700 ? "650px" : "100%"));
	margin: auto;
	position: relative;
	text-align: left;
}

#subheader
{
	width: 850px;
}

#topMenu
{
	max-width: 820px;
	min-width: 650px;
	width: expression(document.body.clientWidth > 820 ? "820px" : (document.body.clientWidth < 700 ? "650px" : "100%"));
	margin: auto;
	clear: both;
}

#topMenu a
{
	text-decoration: none;
}

#topMenu a:hover
{
	color: #881313;
}

#topMenu a.current
{
	/*color: #191970; dark blue*/
	/*color: #006400; dark green*/
	/*color: #005300; darker green*/
	color: #881313;
}

#topMenuBox1
{
	padding-top: 10px;
	padding-bottom: 1px;
	border-bottom: 1px solid #881313;
	text-align: left;
}

#topMenuBox1 span#topMenuText
{
	position: relative;
	top: 1px;
	border-top: 1px solid #881313;
	padding-left: 10px;
	padding-right: 10px;
	font: 10pt Papyrus;
	font-weight: bold;
}


#topMenuBox2
{
	position: relative;
	top: -1px;
	padding-top: 1px;
	padding-bottom: 20px;
	text-align: right;
}

#topMenuBox2 span#topMenuText
{
	border-bottom: 1px solid #881313;
	padding-left: 10px;
	padding-right: 10px;
	font: 10pt Papyrus;
	font-weight: bold;
}

#content
{
	max-width: 800px;
	width: expression(document.body.clientWidth > 800 ? "800px" : "100%");
	margin: auto;
}

#footer
{
	clear: both;
	padding-top: 20px;
	font: 12pt Papyrus;
}

#footerTopLine
{
	font-size: 14pt;
}

#copyright
{
	font: 10pt "Century Gothic";
	
	padding-top: 20px;
}

#subFooter
{
	padding-top: 10px;
}

/* ============================= Shared elements ============================= */

#headerThumbnail
{
	vertical-align: middle;
}

img.headerThumbnailIndent, span.headerThumbnailIndent
{
	margin-left: 56px;
}

#logo
{
	vertical-align: middle;
	margin-top: 16px;
	margin-left: 10px;
}

#headerContact
{
	font: 12pt "Century Gothic";
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/* ============================= Home page elements ============================= */

#mainLogo
{
	float: left;
	margin-top: 10px;
}

#homeLeftCol
{
	width: 349px;
	float: left;
}

#homeLeftColText
{
	margin-top: 15px;
	/*border-top: 1px solid #881313;*/
	/*border-left: 1px solid #881313;*/
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 10px;
	font-style: italic;
}

#homeLeftColSig
{
	text-indent: 150px;
}

#homeRightColOuter
{
	border: 1px solid #881313;
	margin-left: 369px;
	padding: 1px;
}

#homeRightCol
{
	border: 1px solid #881313;
	text-align: left;
	font: 11pt Georgia;
	padding: 4px;
}

#homeRightColSig
{
	text-indent: 40px;
}

/* ============================= Shiatsu page elements ============================= */

#shiatsuLeftCol
{
	margin-right: 334px;
	text-align: justify;
}

#shiatsuRightCol
{
	width: 284px;
	float: right;
}

#waterfall2
{
	margin-top: 50px;
}

#fiveElements
{
	margin-top: 100px;
}

/* ============================= Swedish page elements ============================= */

#swedishLeftCol
{
	margin-right: 354px;
	text-align: justify;
}

#swedishRightCol
{
	width: 304px;
	float: right;
}

#smwaterslow1
{
	margin-top: 50px;
}

/* ============================= Pregnancy page elements ============================= */

#pregnancyLeftCol
{
	margin-right: 334px;
	text-align: justify;
}

#pregnancyRightCol
{
	width: 284px;
	float: right;
}

#pregnancy2
{
	margin-top: 50px;
}

/* ============================= Orthopedic/Therapeutic page elements ============================= */

#therapeuticLeftCol
{
	margin-right: 354px;
	text-align: justify;
}

#therapeuticRightCol
{
	width: 304px;
	float: right;
}

#smmonolith1
{
	margin-top: 50px;
}

/* ============================= On-site page elements ============================= */

#onsiteLeftCol
{
	margin-right: 354px;
	text-align: justify;
}

#onsiteRightCol
{
	width: 304px;
	float: right;
}

#onsite2
{
	margin-top: 80px;
}

/* ============================= FAQ page elements ============================= */

#faqList
{
	max-width: 600px;
	width: expression(document.body.clientWidth > 600 ? "600px" : "100%");
	margin: auto;
	text-align: left;
}

#faqList a
{
	text-decoration: none;
}

#faqList a:hover
{
	text-decoration: underline;
}

#faqList ul
{
	list-style-type: none;
	line-height: 1.5;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 20px;
	padding-left: 0px;
}

#faqAnswers
{
	max-width: 600px;
	width: expression(document.body.clientWidth > 600 ? "600px" : "100%");
	margin: auto;
	margin-top: 50px;
	text-align: justify;
}

#faqAnswers p.question
{
	font-weight: bold;
}

#faqAnswers a.topLink
{
	position: relative;
	top: -12px;
	font-weight: bold;
	text-decoration: none;
}

#faqAnswers a.topLink:hover
{
	text-decoration: underline;
}

/* ============================= Rates page elements ============================= */

#ratesContent
{
	width: 800px;
}

#ratesRightCol
{
	width: 354px;
	float: right;
}

#cancellation, #tipping, #referral
{
	margin-top: 40px;
	border-top: 1px solid #881313;
	border-left: 1px solid #881313;
	padding: 0px 4px 4px 4px;
}

#payment
{
	margin-top: 40px;
}

#ccLogos
{
	border: 1px solid #009900;
	vertical-align: middle;
	margin-bottom: 10px;
}

#ratesLeftCol
{
	text-align: left;
	margin-right: 404px;
}

#ratesLeftCol h2
{
	margin-top: 20px;
}

#ratesLeftCol div.ratesList
{
	margin: 0px 0px 10px 40px;
}

#ratesLeftCol div.itemNote
{
	margin: 0px 0px 10px 40px;
	font-style: italic;
}

#ratesLeftCol td.itemCell
{
	width: 320px;
	padding: 0px;
}

#ratesLeftCol td.rateCell
{
	vertical-align: bottom;
	padding: 0px;
}

#ratesLeftCol td.itemTextCell
{
	width: 1%;
	white-space: nowrap;
	padding: 0px;
}

#ratesLeftCol td.itemLeaderCell
{
	background-image: url(images/leaderDot.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 0px;
}

#giftCerts
{
	margin-top: 30px;
}

/* ============================= Contact page elements ============================= */

#contactContent
{
	width: 800px;
}

#contactLeftCol
{
	width: 370px;
	float: left;
}

#contactLeftCol div#contact1
{
	font: 16pt Papyrus;
	font-weight: bold;
}

#contactLeftCol div#contact2
{
	font: 12pt Papyrus;
	margin-bottom: 20px;
}

#contactLeftCol div#contact3
{
	font: 14pt Papyrus;
	font-weight: bold;
	margin-bottom: 20px;
}

#contactLeftCol div#contact4
{
	font: 14pt Papyrus;
	font-weight: bold;
	margin-bottom: 20px;
}

#contactLeftCol div#contact5
{
	font: 12pt Papyrus;
	margin-bottom: 20px;
}

#contactRightCol
{
	margin-left: 390px;
	text-align: left;
}

#contactRightCol span#mapLink
{
	float: right;
	font: 14pt Century Gothic;
	font-weight: bold;
}

/* ============================= Links page elements ============================= */

#linksLeftCol
{
	float: left;
	width: 50%;
	margin-right: -20px;
	text-align: left;
}

#linksLeftColInner
{
	margin-right: 20px;
}

#linksLeftColInner ul
{
	list-style-type: none;
	line-height: 1.5;
}

#linksLeftColInner div#links2
{
	margin-top: 40px;
	text-align: center;
}

#linksRightCol
{
	float: right;
	width: 50%;
	margin-left: -20px;
	text-align: left;
}

#linksRightColInner
{
	margin-left: 20px;
}

/* ============================= Cupping page elements ============================= */

#cuppingLeftCol
{
	margin-right: 354px;
	text-align: justify;
}

#cuppingRightCol
{
	width: 304px;
	float: right;
}

#cupping2
{
	margin-top: 50px;
}
