/*
Company:	Metta Massage
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background-color: #fff;
}
body {
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #4b2213;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	background: url(../images/bg-hd-tile.jpg) top left repeat-x;
	height: 1%;
	position: relative;
	z-index: 20;
}

div#hd-inner {
	background: url(../images/bg-hd-texture.jpg) top center no-repeat;
	height: 1%;
}

div#hd-inner-most {
	width: 964px;
	margin: 0 auto;
	height: 162px;
	position: relative;
}

/* Logo */
div.logo {
	position: absolute;
	top: 0;
	left: 0;
}

div.logo a:link, div.logo a:visited {
	display: block;
	width: 298px;
	height: 223px;
	text-indent: -9999px;
	background: url(../images/bg-logo.png) top left no-repeat;
}

/* Top Utility */
div.top-utility {
	width: 225px;
	position: absolute;
	top: 14px;
	right: 18px;
}

div.top-utility p {
	margin: 0;
	color: #d9c896;
	text-align: right;
}

div.top-utility p strong {
	font-size: 108%;
	font-weight:bold;
}

/* Book Online */
div.book-online {
	width: 162px;
	position: absolute;
	top: 8px;
	left: 468px;
}

div.book-online a:link, div.book-online a:visited {
	display: block;
	width: 162px;
	height: 89px;
	text-indent: -9999px;
	background: url(../images/bg-book-online.jpg) top left no-repeat;
}
div.book-online a:hover {
	background-position: 0 -89px;
}

/* Body */
div#bd-wrap {
	background: #d9c896 url(../images/bg-bd-home.jpg) top left repeat-x;
	height: 1%;
	position: relative;
	z-index: 10;
}

div#bd {height: 1%;}
div#bd-inner {height: 1%;}

div#bd-inner-most {
	width: 956px;
	margin: 0 auto;
	padding: 63px 0 8px 0;
	
	min-height:550px;
	height:auto !important;
	height:550px;
}

/* Body - Internal Pages */
body.page div#bd-wrap {
	background: #d8c895 url(../images/bg-bd-tile.jpg) top center repeat-y;
	height: 1%;
}

body.page div#bd {background: url(../images/bg-bd-top-tile.png) top left repeat-x;}
body.page div#bd-inner {background: url(../images/bg-bd-bottom.jpg) bottom center no-repeat;}

/* Footer */
div#ft-wrap {
	height: 1%;
	background: url(../images/bg-ft-home-tile.jpg) top left repeat-x;
}

div#ft {
	background: url(../images/bg-ft-home.jpg) top center no-repeat;
	padding: 43px 0 100px 0;
}

div#ft-inner {
	width: 956px;
	margin: 0 auto;
}

div#ft-inner-most {
	padding: 0 0 0 16px;
}

/* Footer Internal Pages */
body.page div#ft-wrap {background: url(../images/bg-ft-page-tile.jpg) top left repeat-x;}

body.page div#ft {
	background: url(../images/bg-ft-page.jpg) top center no-repeat;
	padding: 122px 0 100px 0;
}

/* Footer Search */
div.ft-search {
	width: 160px;
	float: left;
	margin: 0 21px 0 0;
}

div.ft-search .txt {
	width: 100px;
	vertical-align: top;
	background: #d13e12 url(../images/bg-search.jpg) 0 0 no-repeat;
	border: none;
	padding: 5px 0 6px 25px;
	color: #2b0c02;
	font-size: 85%;
}

/* Footer Text */
div.ft-text {
	width: 565px;
	float: left;
	color: #3a1407;
	padding: 4px 0 0 0;
	margin: 0 40px 0 0;
}

div.ft-text p {font-size: 85%;}

div.ft-text a:link, div.ft-text a:visited {
	color: #3a1407;
	text-decoration: none;
}

div.ft-text a:hover {text-decoration: underline;}

/* Footer Follow Us */
div.ft-follow-us span {
	color: #3a1407;
	font-size: 85%;
	float: left;
	position: relative;
	top: 4px;
	margin: 0 10px 0 0;
}

div.ft-follow-us ul {
	float: left;
	margin: 0;
}

div.ft-follow-us ul li {
	list-style: none;
	float: left;
	padding: 0 5px 0 0;
}

div.ft-follow-us ul li.last {
	padding: 0;
}

/* @end */

/* @group Modules */
/* Home Top - Two Call Outs */
div.home-top {margin: 0 0 10px 0;}
div.home-top h2 {margin: 0;}
div.home-top h2 a:link, div.home-top h2 a:visited {
	display: block;
	width: 476px;
	height: 300px;
	text-indent: -9999px;
}

/* Home Massage */
div.home-massage {
	width: 476px;
	height: 300px;
	overflow: hidden;
	float: left;
	margin: 0 4px 0 0;
	display: inline;
}

div.home-massage h2 a:link, div.home-massage h2 a:visited {background: url(../images/bg-home-massage.jpg) top left no-repeat;}

/* Home Yoga */
div.home-yoga {
	width: 476px;
	height: 300px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 0 -3px 0 0;
}

div.home-yoga h2 a:link, div.home-yoga h2 a:visited {background: url(../images/bg-home-yoga.jpg) top left no-repeat;}

/* Home Tri Call Outs */
div.home-tri-call-outs {
	background: url(../images/bg-home-tri-call-outs-tile.jpg) top left repeat-y;
	margin: 0 0 19px 0;
	height: 1%;
}

div.home-tri-call-outs div.inner {
	background: url(../images/bg-home-tri-call-outs-top.jpg) top left no-repeat;
	height: 1%;
}

div.home-tri-call-outs div.inner-most {
	background: url(../images/bg-home-tri-call-outs-bot.jpg) bottom left no-repeat;
	padding: 0 0 11px 16px;
}

div.home-tri-call-outs div.img-container {
	float: left;
	width: 115px;
	margin: 0 15px 0 0;
	padding: 15px 0 0 0;
}

div.home-tri-call-outs div.img-container-therapists {
	float: left;
	width: 115px;
	height: 167px;
	margin: 15px 15px 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}
div.home-tri-call-outs div.img-container-therapists img {
	display: none;
}

div.home-tri-call-outs div.img-container-wrap {
	width: 115px;
	height: 167px;
	overflow: hidden;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.home-tri-call-outs div.call-out-content {
	float: left;
	margin: 0 -3px 0 0;
}

div.home-tri-call-outs h3 {
	margin: 0;
	height: 72px;
	text-indent: -9999px;
}

div.home-tri-call-outs p {margin: 0 0 .8em 0;}

div.home-tri-call-outs p.home-continue a:link, div.home-tri-call-outs p.home-continue a:visited {
	text-decoration: none;
	padding: 0 13px 0 0;
}

div.home-tri-call-outs p.home-continue a:hover {text-decoration: underline;}

/* New at Metta */
div.new-at-metta {
	width: 281px;
	float: left;
	margin: 0 42px 0 0;
	display: inline;
}

div.new-at-metta div.call-out-content {width: 151px;}

div.home-tri-call-outs div.new-at-metta p.home-continue a:link, div.home-tri-call-outs div.new-at-metta p.home-continue a:visited {
	color: #7f063d;
	background: url(../images/bg-new-at-metta-arrow.jpg) center right no-repeat;
}

/* Our Packages */
div.our-packages {
	width: 276px;
	float: left;
	margin: 0 45px 0 0;
	display: inline;
}

div.our-packages div.call-out-content {width: 146px;}

div.home-tri-call-outs div.our-packages p.home-continue a:link, div.home-tri-call-outs div.our-packages p.home-continue a:visited {
	color: #0d5463;
	background: url(../images/bg-our-packages-arrow.jpg) center right no-repeat;
}

/* Our Therapists */
div.our-therapists {
	width: 269px;
	float: left;
	display: inline;
}

div.our-therapists div.call-out-content {width: 138px;}

div.home-tri-call-outs div.our-therapists p.home-continue a:link, div.home-tri-call-outs div.our-therapists p.home-continue a:visited {
	color: #466700;
	background: url(../images/bg-our-therapists-arrow.jpg) center right no-repeat;
}

/* Homepage Follow Us Social Networks */
div.home-follow-us {
	width: 223px;
	float: left;
	margin: 0 16px 0 0;
}

div.home-follow-us span {
	display: block;
	width: 104px;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/bg-home-follow-us-text.jpg) top left no-repeat;
	float: left;
	margin: 4px 0 0 0;
}

div.home-follow-us ul {
	margin: 0;
	float: left;
	width: 115px;
}

div.home-follow-us ul li {
	list-style: none;
	float: left;
	padding: 0 8px 0 0;
}

/* Home Newsletter */
div.home-newsletter {
	width: 715px;
	float: left;
}

div.home-newsletter p {
	display: block;
	width: 519px;
	height: 19px;
	background: url(../images/bg-home-newsletter-text.jpg) top left no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 3px 0 0 0;
}

div.home-newsletter-form {
	width: 195px;
	float: left;
}

div.home-newsletter-form .txt {
	width: 116px;
	padding: 4px 0 4px 8px;
	vertical-align: top;
	background-color: #f0e5c3;
	border: none;
	color: #777777;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 93%;
}

div.home-newsletter-form .btn {
	vertical-align: top;
}

/* Main Column - Internal Pages */
div.main {
	width: 645px;
	float: right;
	margin: 0 0 0 43px;
}

div.main-left {
	width: 325px;
	float: left;
	display: inline;
}

div.main-right-slideshow {
	width: 285px;
	height: 285px;
	overflow: hidden;
	margin-top: 50px;
	float: right;
	display: inline;
}

div.main-right-content {
	width: 285px;
	margin-top: 50px;
	float: right;
	display: inline;
}
div.main-right-content div.main-right-slideshow {
	float: none;
	display: block;
	margin: 0 0 20px 0;
}

div.main-right-photo {
	width: 286px;
	height: 286px;
	overflow: hidden;
	border-radius: 143px;
	-moz-border-radius: 143px;
	-webkit-border-radius: 143px;
	border: 4px solid #cfaa60;
	margin: 45px 0 10px 20px;
	float: right;
	display: inline;
}

/* Printer Friendly Schedule */
span.printer-friendly-schedule {float: right;}

span.printer-friendly-schedule a:link, span.printer-friendly-schedule a:visited {
	display: block;
	width: 231px;
	height: 39px;
	text-indent: -9999px;
	background: url(../images/bg-printer-friendly-schedule.png) top left no-repeat;
}

/* Yoga Schedule Table */
div.yoga-schedule {padding: 15px 0 0 0;}

div.yoga-schedule h3 {
	color: #7f063d;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 138.5%;
	margin: 0;
	border-bottom: 6px solid #9e3263;
}

div.yoga-schedule h3.monday {border: none;}

div.yoga-schedule table {
	margin: 0 0 34px 0;
	width: 645px;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

div.yoga-schedule table td {
	padding: 8px 7px;
	margin: 0;
	border-bottom: 1px solid #a89358;
}

div.yoga-schedule table th {
	background-color: #9e3263;
	color: #e6d7ac;
	text-align: left;
	text-transform: uppercase;
	padding: 8px 7px;
	margin: 0;
}

div.yoga-schedule table tr .table-time {width: 100px;}
div.yoga-schedule table tr .table-class {width: 100px;}
div.yoga-schedule table tr .table-instructor {width: 106px;}
div.yoga-schedule table tr .table-class-type {width: 96px;}
div.yoga-schedule table tr .table-price {width: 100px;}

/* Side Column - Internal Pages */
div.side {
	width: 251px;
	float: right;
}

/* Side Nav */
div.side-nav {
	background: url(../images/bg-side-nav-tile.jpg) top left repeat-y;
	height: 1%;
	margin: 0 0 28px 0;
	font-size: 123.1%;
}

div.side-nav-inner {
	background: url(../images/bg-side-nav-top.jpg) top left no-repeat;
	height: 1%;
}

div.side-nav-inner-most {
	background: url(../images/bg-side-nav-bottom.jpg) bottom left no-repeat;
	padding: 18px 5px 23px 5px;
}

div.side-nav ul {margin: 0;}

div.side-nav ul li {
	list-style: none;
	padding: 3px 0;
	text-transform: lowercase;
}

div.side-nav ul li img {
	display: none;
}

div.side-nav ul li a:link, div.side-nav ul li a:visited {
	text-decoration: none;
	color: #e6d7ac;
	padding: 9px 0 9px 58px;
	display: block;
	height: 1%;
}

div.side-nav ul li a:hover,
div.side-nav ul li.selected a:link,
div.side-nav ul li.selected a:visited {
	background: #8d2353 url(../images/bg-side-nav-hover.jpg) top left no-repeat;
	color: #FFF;
}

div.side-nav ul li.selected ul li a:link,
div.side-nav ul li.selected ul li a:visited {
	background: none;
	color: #e6d7ac;
}

/* Side Nav 2nd Level */
div.side-nav ul li ul {
	background: url(../images/bg-side-nav-2nd-lvl.png);
	padding: 10px 0;
	display: none;
}

div.side-nav ul li.selected ul {
	display: block;
}

div.side-nav ul li ul li a:link, div.side-nav ul li ul li a:visited {
	font-size: 85%;
	padding: 0 0 0 72px;
}

div.side-nav ul li ul li a:hover,
div.side-nav ul li.selected ul li a:hover {
	color: #FFF;
	background: url(../images/drop-nav-arrow.png) no-repeat 54px 5px;
}

div.side-nav ul li.selected ul li.selected a {
	color: #fff!important;
	background: url(../images/drop-nav-arrow.png) no-repeat 54px 5px;
}

/* Internal Page - Newsletter Form */
div.page-newsletter-form {padding: 0 0 0 29px;}

div.page-newsletter-form h3 {
	margin: 0 0 5px 0;
	width: 184px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/bg-side-newsletter.png) top left no-repeat;
}

div.page-newsletter-form .txt {
	width: 116px;
	padding: 4px 0 4px 8px;
	margin: 0 3px 0 0;
	vertical-align: top;
	background-color: #f0e5c3;
	border: none;
	color: #777777;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 93%;
}

div.page-newsletter-form .btn {
	vertical-align: top;
}

/* Accordion */
div.accordion h4 {
	color: #7f063d;
	margin: 0;
	padding: 15px 0 0 0;
	font-weight:bold;
}
div.accordion h4:hover {
	cursor: pointer;
}

/* Price / Buy */
div.main p.price {
	margin: 0;
	width: 100px;
	background: url(../images/icon-price-leaf.png) no-repeat 0 90%;
	font-weight: bold;
	padding: 10px 0 0 30px;
	font-size: 123.1%;
	color: #7f063d;
	float: left;
	display: inline;
}

div.main p.buy-online {
	background: url(../images/icon-buy-online.png) no-repeat 0 100%;
	margin: 0;
	padding: 10px 0 0 20px;
	width: 100px;
	float: right;
	display: inline;
}
div.main p.buy-online a:link, div.main p.buy-online a:visited {
	color: #7f063d;
	text-decoration: none;
}
div.main p.buy-online a:hover {
	text-decoration: underline;
}

/* HR */
div.hr {
	border-bottom: 1px solid #bf7e69;
	height: 1px;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	clear: both;
}

/* Our Team */
div.team-bio {
	margin: 0 0 20px 0;
}
div.team-bio div.team-photo-small {
	width: 152px;
	height: 152px;
	overflow: hidden;
	border-radius: 76px;
	-moz-border-radius: 76px;
	-webkit-border-radius: 76px;
	border: 4px solid #cfaa60;
	float: left;
	display: inline;
}
div.team-bio div.team-bio-info {
	padding: 10px 0 0 0;
	width: 465px;
	float: right;
	display: inline;
	text-align:justify;
}
div.team-bio div.team-bio-info h3 {
	margin: 0;
}
div.main div.team-bio-info h5 {
	font-weight: normal;
	font-style: italic;
	margin: 0 0 15px 0;
}
div.main div.team-bio-info h4 {
	margin: 0;
	font-weight:bold;
}
div.team-bio div.team-bio-info a:link, div.team-bio div.team-bio-info a:visited {
	color: #7f063d;
	text-decoration: none;
}
div.team-bio div.team-bio-info a:hover {
	text-decoration: underline;
}

/* Team Bio Detail */
div.team-bio-detail p.back-to-team {
	padding: 30px 0 0 0;
}
div.team-bio-detail p.back-to-team a:link, div.team-bio-detail p.back-to-team a:visited {
	color: #7f063d;
	text-decoration: none;
}
div.team-bio-detail p.back-to-team a:hover {
	text-decoration: underline;
}
div.team-right-photo {
	width: 286px;
	height: 286px;
	overflow: hidden;
	border-radius: 143px;
	-moz-border-radius: 143px;
	-webkit-border-radius: 143px;
	border: 4px solid #cfaa60;
	float: right;
	display: inline;
}

div.team-bio-detail {
	width: 310px;
	float: left;
	display: inline;
}
div.main div.team-bio-detail h5 {
	font-weight: normal;
	font-style: italic;
	margin: 0 0 15px 0;
}
div.main div.team-bio-detail h4 {
	font-weight: bold;
}


/* Photo Gallery */
table.photogalleryTable {
	width: 100%;
	border-spacing: 3px;
	border-collapse: separate;
}
table.photogalleryTable td.photogalleryItem {
	width: 115px;
	height: 115px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border: 3px solid #c49a4d;
	background-color: #d9c896;
}

div.photo-gallery-albums div.album {
	width: 214px;
	text-align: center;
	margin-bottom: 15px;
	float: left;
	display: inline;
}
div.photo-gallery-albums div.album p {
	font-weight: bold;
	text-align:center;
}
div.photo-gallery-albums div.album p a:link, div.photo-gallery-albums div.album p a:visited {
	text-decoration: none;
}

/* Back to link */
p.back-to-link {
	padding: 30px 0 0 0;
}
p.back-to-link a:link, p.back-to-link a:visited {
	color: #7f063d;
	text-decoration: none;
}
p.back-to-link a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Common Text Styles */
div.main p {
	line-height: 140%;
	text-align:justify;
}
/* @end */

/* @group Default Headings */
div.main h2 {
	margin: 0 0 10px 0;
	font-size: 138.5%;
	color: #7f063d;
	font-weight: normal;
}

div.main h2.yoga-schedule {
	background: url(../images/bg-yoga-schedule.png) top left no-repeat;
	display: block;
	width: 225px;
	height: 44px;
	text-indent: -9999px;
	margin: 0 0 8px 0;
}

div.main h2.gallery-head {
	border-bottom: 1px solid #7f063d;
}

div.main h3 {
	margin: 0 0 10px 0;
	font-size: 123.1%;
	font-weight:bold;
}
/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Nav */
	
/* @end */

/* @group Forms */
div.captcha-wrap {
margin-left: 125px;
}
table.webform label.top-label {
float: none;
display: block;
margin-left: 125px;
width: 250px;
}
table.webform td {
	clear: both;
}
table.webform label {
	display: block;
	width: 125px;
	float: left;
	font-size: 13px;
}
table.webform input.cat_button {
	margin-left: 125px;
}
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #7F063D;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

a.more-info:link, a.more-info:visited {
	color: #7f063d;
	text-decoration: none;
}
a.more-info:hover {
	text-decoration: underline;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */