@charset "utf-8";
/* CSS Document */
/* =========================
	This site from the outset uses the then current HTML5 and CSS3 beta Specifications that are cross-browser supported. The rest will be HTML & XHTML as appropriate and CSS2. We have conciously avoided all deprecated HTML & CSS rules, attributes and values.
	This style sheet is the handler for all page structure layouts and presentations and is REQUIRED on all pages in ALL Media.
	Also REQUIRED on all Pages and in ALL Media is cssToolsResets.css which clears the html defaults and sets basic classes to add additonal controls to universal styling of this site.
	There may be other style sheets that will control particular special cases.
	-------------------------------
	copyright © 2010-2011 Jayson Perry
======================== */

/* ========== BODY STYLE ========== */
body  {
	letter-spacing: .075em;
}

/* ========== LAYOUT RULES ========== */

.globalStyling #containerWrapper { 
	width: 64em;  /* this width is the outer most wrapper for the page. The default resolution for the site is 64em x 48em (1024px x 768px) The desire with the height dimension is to get the entire home page (index.php) to fit vertically within the 768px, however, having more or less height is dictated by the design and content requirement of the home page */
	margin: 0 auto;
	padding: 0em 2em;
	text-align: center;
} 

.globalStyling #container { 
	width: 60em;  /* If there are no this width should be set at 100% or not be specified. If side shadow gradients are to be used then 32px (2em) needs to be subtracted from each side making the #container width 60em (960px) - to use the standard side shadow background image */
	margin: 0px auto;
	padding: 0px;
	text-align: left;
} 

.globalStyling #headerWrapper { 
	position: relative;
	margin: 0;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 12em;
} 

.globalStyling #headerWrapperExtended { 
	position: relative;
	height: 12em;
	margin: 0;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.globalStyling #mastheadHeading {
	margin: 0;
	padding: 0;
	font-weight: bolder;	
}

.globalStyling #mastheadHeading img#imgCreditCards {
	margin: 0;
	padding: 0;
  position: absolute;
  top:10.25em;
  left: 50em;
  z-index: 1000;
}


.globalStyling #pageTitleHeading {
	float: left;
	margin: 3em 0  0 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bolder;
	
}

/*.globalStyling aside.asideLeftWrapper {
	float: left; 
	width: 16em;
	padding: 0 .6em .32em .6em;  top and bottom padding create visual space within this div 
}*/

.globalStyling aside.asideLeftWrapper {
  position: absolute;
  top: 5em;
  left: 0; 
	width: 16em;
	padding: 0 .625em .375em .625em;
}

.globalStyling aside.asideRightWrapper {
	float: right; 
	width: 12em; /* since this element is floated, a width must be given */
	padding: 0 .6em; /* top and bottom padding create visual space within this div */
}

address.addressAsideStyle {
    font: bold 1em;
    margin: .4em 0 0 0;
    text-align: center;
    
}

address.addressAsideStyle a {
    display: block;
    margin: 0;
    padding: 0;
}

address.addressAsideStyle a p {
    display: block;
    margin: 0;
    padding: 0;
}

section.serviceAreaStyling {
}

section.serviceAreaStyling p {
    margin: .4em 0 0 0;
}

section.serviceAreaStyling ul {
    list-style: none;
}

section.serviceAreaStyling ul li {
    display: inline;
    padding: .1875em;
}

section.serviceAreaStyling ul li:after {
    content: ',';
}

section.serviceAreaStyling ul li.last:after {
    content: '';
}

/* Main Content Nesting and Positioning by Margin:
1. For each layout template within this site, there will be a specific nesting scheme which must be followed or the #mainContent will fail to properly position.
2. Site Main Content nesting is as follows:
	A. .globalStyling #mainContentCenterWrap #mainContent;
	B. .globalStyling #mainContentLeftWrap #mainContent;
	C. .globalStyling #mainContentRightWrap #mainContent;
	D. .globalStyling #mainContentFullWrap #mainContent;
*/

.globalStyling #contentWrapper {
	width: 60em;
	margin: 0;
	padding: .5em 1em;
}

.globalStyling #mainContentCenterWrap {
	margin: 0 13em 0 14.4em;
	padding: 0;
}

.globalStyling #mainContentLeftWrap {
  float: left;
	margin: 0 1em 0 17.25em;
	padding: 0 0 0 .5em;
}

.globalStyling #mainContentRightWrap {
	margin: 0 14em 0 1em;
	padding: 0;
}

.globalStyling #mainContentFullWrap {
	margin: 0;
	padding: .5em 1em;
}

#mainContent {
  position: relative;
 	margin: 0;
	padding: 0;
  height: 90em;
} 

.globalStyling #footerWrapper {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* ========== TYPOGRAPHY STYLES ========== */

.copyrightNotice {
	font-size: .65em;
	margin: 0;
}

.header1 { !important
	font-size: 1.75em;
	margin: .67em 0 0 0;
}

.header2 { !important
	font-size: 1.35em;
	margin: .67em 0 0 0;
}

.globalStyling #footer p {
	line-height: 2em;
	margin: 0;
	padding: 0;
}

.globalStyling #webmasterNotice, #webmasterNotice a {
	text-align: center;
	line-height: 2em;
	margin: 0;
	padding: 0;
}
/* ========== IMAGES FORMATS ========== */

#logoImageMasthead {
	float: left;
}

.iconRowLeft {
	float: left;
}

.iconRowLeft img {
	float: left;
	margin: 0 .5em;
}

.margins1em {
	margin: 1em;
	padding: 0;
}

/* ========== NAVIGATION FORMATS <nav> ========== */

/*.globalStyling #containerWrapper #container #headerWrapper #headerWrapperExtended  #mastheadHeading*/
#primaryNavigationBarWrap {
	/* -----------------
	the background properties are:
		The color rules are within each color scheme css style sheet
*/background: url(../_assets/imagesDesign/rCorners16px/rCorner16_Left-Right-Verticle.png) top left repeat-y;
	width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
}

#primaryNavigationBar {
	width: 100%;
	margin: 0 auto;
	padding: .5em 0 0 0;
	float: left;
}

ul#primaryNavigationList {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#primaryNavigationList li.onePercent {
	text-align: center;
	float: left;
	width: 1%;
	display: block;
}

ul#primaryNavigationList li.fivePercent {
	text-align: center;
	float: left;
	
	display: block;
}

ul#primaryNavigationList li.tenPercent {
	text-align: center;
	float: left;
	width: 10%;
	display: block;
}

ul#primaryNavigationList li.twentyPercent {
	text-align: center;
	float: left;
	width: 19%;
	display: block;
}

/* -----------------
	ul#primaryNavigationList li a:link, ul#primaryNavigationList li a:visited
		The color rules are within each color scheme css style sheet
*/
/* ========== SPECIAL FORMATS ========== */

#qrCodeWrap {
}

#qrCodeInnerWrap {
}

#qrCodeHeader {
}

#companyMastheadCenterSection {
	margin: 1em 20em 0 12em;
	text-align: center;
}

#companyAddressMasthead {
}

#storeHoursWrap { /* #storeHoursWrap bacgrounds, colors & border colors are in /css/xThemeStylings.css. x=theme name */
	margin: 0;
	padding: 12px;
	position: absolute;
	top: 2em;
	right: 2em;
	z-index: 100;
	text-align: left;
	width: 232px;
	height: 122px;
}

#storeHoursWrap #storeHoursHeading hr {
	width: 96%;
}

#storeHoursHeading {
	font-size: 1em;
}

#googleMapStoreLocator {
	margin: 1em;
}

ul#storeHoursPosting {
	margin: 0 auto;
	list-style: none;
	text-align: left;
	font-size: 1.1em;
}

ul#storeHoursPosting li {
	line-height: 1.3em;
}

#creditcardWrap em {
	color: #333;
	font-size: .9em;
}

#storeLocationInformationWrap {
	margin: 0;
	padding: 0;
	text-align: center;
}

#storeLocationInformationInnerWrap {
	width: 88%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#storeFrontImageWrap {
	width: 360px;
	margin: 0 1em 0 0;
	padding: 0;
	text-align: left;
	float: right;
}

.storeFrontImage {
	width: 360px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.question1 {
	font-weight: bolder;
	margin: .5em 0 0 0;
}

.answer1 {
	margin: .5em 0 0 1em;
}

/* ------- Social Media Bar ------- */
#socialMediaWrap {
	width: 12em;
	position: absolute;
	bottom: 3em;
	right: 2em;
	text-align: center;
}

#socialMediaHeading {
	width: 8em;
	margin: 0 auto;
	font-weight: bold;
	line-height: 1.1em;
	text-align: justify;
	display: block;
}

#socialMediaIconRow {
	width: 88%;
	margin: 0 auto;
}

#socialMediaIconRow p {
	margin: .2em .2em 0 0;
	font-size: .8em;
	font-weight: bold;
	line-height: .8em;
	text-align: left;
	display: inline-block;
}

#socialMediaIconRow img {
	margin: .3em .2em 0 0;
	display: inline-block;
}

#socialMediaInnerShell {
	width: 10em;
	margin: 0 auto;
}

ul#socialMediaIconRow {
	width: 5em;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul#socialMediaIconRow li {
	width: 24px;
	height: 24px;
	float: left;
	display: block;
	margin: 0 1em 0 0;
	padding: 0;
	
}

ul#socialMediaIconRow li:after {
	/*content: "|";*/
	margin: 0 .4em;
	padding: 0;
	
}

/* ============ HEADER IDs & CLASSES ============== */

#headerCallAppointmentWrap {
	display: block;
	margin: 0;
	padding: 0;
	width: 16.5em;
	position: absolute;
	z-index: 100;
	left: 4em;
	bottom: .5em;
}

#headerCallAppointmentWrap p {
	font-size: 1em;
	text-align: center;
	letter-spacing: .05em;
	margin: 0;
	padding: 0;
}

.specialOfferWrap {
  position: absolute;
  top: -1.375em;
  right: -3em;
  z-index: 1000;
  width: 400px;
}

/* ========== BOXES & AP WRAPPERS ========== */

.featuredBoxCentered {
	width: 31em;
	margin: 0 auto;
	padding: 1em;
/*	border: 2px solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-opera-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;*/
}

.featuredBoxCentered h1 {
	text-decoration: underline;
}

.featuredBoxCentered ul {
	width: 16em;
	margin: 0 auto;
	padding: 1em;
}

#articleMassageTherapy .header2 {
}

.globalStyling #articleMassageTherapy .featuredBoxCentered h1 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.textColorSnowLeapard {
	font-weight: bolder;
	font-size: 1em;
	
}

/* ========== MISCELLANEOUS RULES ========== */

.width50percent {
	width: 50%;
}

.listUnordredStandardMainContent {
	margin: .5em auto;
	padding: 0px;
	width: 35em;
	list-style: disc outside;
}

ul.listUnordredStandardMainContent li {
	margin: .5em 0;
	padding: 0px;
}