/*####################################
#	RESET - MeyerWeb.com
####################################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
	
body {
	line-height: 1;
	color: #383838;
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	}
	
ol, ul {
	list-style: none;
	}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}
	
	
/*####################################
#	Body, Html
####################################*/

body, html {
	background: url(../img/body_bg.jpg) repeat top left;
	height: 100%;
	margin: 0;
	min-width: 852px;
	padding: 0;
	width: 100%;
	}
	
a, a:visited {
	color: #508986;
	}
	
.clear {
	clear: both;
	}
	
div#container {
	min-height: 100%;
	position: relative;
	}
	
* html div#container {
	height: 100%;
	}
	
div#sticky {
	border-top: 6px solid #4ca29d;
	padding-bottom: 120px;
	}
	
	
/*####################################
#	Header
####################################*/

div#headerContainer {
	border-bottom: 1px solid #757161;
	}
	
div#headerContainer div#opacity {
	background-color: #f3f0e0;
	filter: alpha(opacity=50);
	height: 129px;
	opacity: .5;
	}

div#header {
	left: 50%;
	margin-left: -426px;
	position: absolute;
	top: 0px;
	width: 852px;
	}

div#header h1 a {
	background: url(../img/logo.png) no-repeat top left;
	height: 76px;
	float: left;
	margin: 27px 0 0 18px;
	text-indent: -1000em;
	width: 200px;
	}
	
div#header ul {
	float: right;
	}
	
div#header ul li {
	display: inline;
	}
	
div#header ul li a {
	background: url(../img/header_nav.png) no-repeat top left;
	float: left;
	height: 33px;
	margin: 60px 0 0 32px;
	text-indent: -1000em;
	}
	
div#header ul li.home a,
div#header ul li.homeSel a {
	width: 45px;
	}
	
div#header ul li.home a:hover {
	background-position: center left;
	}
	
div#header ul li.homeSel a {
	background-position: bottom left;
	}
	
div#header ul li.services a,
div#header ul li.servicesSel a {
	background-position: -77px top;
	width: 67px;
	}
	
div#header ul li.services a:hover {
	background-position: -77px center;
	}
	
div#header ul li.servicesSel a {
	background-position: -77px bottom;
	}
	
div#header ul li.workshops a,
div#header ul li.workshopsSel a {
	background-position: -175px top;
	width: 95px;
	}
	
div#header ul li.workshops a:hover {
	background-position: -175px center;
	}
	
div#header ul li.workshopsSel a {
	background-position: -175px bottom;
	}
	
div#header ul li.studio a,
div#header ul li.studioSel a {
	background-position: -302px top;
	width: 56px;
	}
	
div#header ul li.studio a:hover {
	background-position: -302px center;
	}
	
div#header ul li.studioSel a {
	background-position: -302px bottom;
	}
	
div#header ul li.contact a,
div#header ul li.contactSel a {
	background-position: -389px top;
	width: 71px;
	}
	
div#header ul li.contact a:hover {
	background-position: -389px center;
	}
	
div#header ul li.contactSel a {
	background-position: -389px bottom;
	}
	
	
/*####################################
#	Body
####################################*/

div#body {
	clear: both;
	margin: 0 auto;
	padding-bottom: 97px;
	width: 852px;
	}
	
	
/*####################################
#	Footer
####################################*/

div#footerContainer {
	background: url(../img/footer_container.gif) repeat-x bottom left;
	bottom: 0;
	margin-top: -97px;
	position: relative;
	width: 100%;
	}

div#footer {
	background: url(../img/footer_circles.gif) no-repeat bottom left;
	margin: 0 auto;
	padding: 6.58em 0 .5em .5em;
	width: 846px;
	}
	
div#footer p,
div#footer p a {
	color: #5a5a5a;
	font-size: .92em;
	}
 div#footer .lulu {
        float: right;
        margin: -52px 0 0 0;
        position: relative;
	}
div#footer .luluimg{
	margin: 0 0 0 195px;
	}
	
/*####################################
#	Tabs - Landing
####################################*/
	
div#tabs {
	margin: 43px 0 55px;
	}
	
div#tabs ul {
	float: left;
	}
	
div#tabs ul li a {
	display: block;
	height: 51px;
	margin-bottom: 5px;
	text-indent: -1000em;
	width: 186px;
	}
	
div#tabs ul li.yoga a {
	background: url(../img/buttons/tabs_yoga.png) no-repeat top left;
	}
	
div#tabs ul li.pilates a {
	background: url(../img/buttons/tabs_pilates.png) no-repeat top left;
	}
	
div#tabs ul li.massage a {
	background: url(../img/buttons/tabs_massage.png) no-repeat top left;
	}
	
div#tabs ul li a:hover {
	background-position: center left;
	}
	
div#tabs ul li.sel a {
	background-position: bottom left;
	}
	
div#tabs div {
	background: url(../img/leather.jpg) no-repeat top left;
	color: #c2c2c2;
	height: 221px;
	margin-left: 186px;
	padding: 23px 28px 0 297px;
	width: 338px;
	}
	
div#tabs div img {
	float: left;
	margin: -15px 0 0 -252px;
	}
	
div#tabs div h2 {
	color: #fff;
	font-size: 1.5em;
	margin-bottom: .7em;
	}
	
div#tabs div p {
	line-height: 1.8em;
	margin-bottom: 1em;
	}
	
div#tabs div p a {
	font-family: Verdana, sans-serif;
	font-size: .92em;
	text-transform: uppercase;
	}
	
div#tabs div p a:hover {
	color: #74ddd7;
	}
	
	
/*####################################
#	Our Studio - Landing
####################################*/

div#ourStudio {
	float: left;
	padding-right: 24px;
	width: 414px;
	}
	
div#ourStudio h2 {
	background: url(../img/headings/our_studio.png) no-repeat top left;
	height: 34px;
	margin-bottom: 1em;
	text-indent: -1000em;
	}

div#ourStudio img.main {
	border: 3px solid #030309;
	margin-bottom: 1.3em;
	}
	
div#ourStudio p {
	line-height: 1.75em;
	font-size: .92em;
	margin-bottom: 2em;
	}
	
div#ourStudio p.intro {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 1.3em;
	}
	
	
/*####################################
#	Workshops - Landing
####################################*/

div#workshops {
	float: left;
	width: 414px;
	}
	
div#workshops h2 {
	background: url(../img/headings/workshops.png) no-repeat top left;
	height: 34px;
	text-indent: -1000em;
	}
	
div#workshops div.workshop {
	border-bottom: 1px solid #c0bcac;
	padding: 1.83em 0 0;
	}

div#workshops div.workshop h3 {
	color: #d70f52;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: .18em;
	}
		
div#workshops div.workshop h3 a,
div#workshops div.workshop h3 a:visited {
	color: #d70f52;
	text-decoration: none;
	}
	
div#workshops div.workshop h3 a:hover {
	color: #ff0055;
	}
	
div#workshops div.workshop p {
	margin-bottom: 1.16em;
	}	
	
div#workshops div.workshop p.date {
	color: #979075;
	font-size: .92em;
	margin-bottom: .81em; 
	}
	
/*####################################
#	Workshops
####################################*/
	
div#body.workshops div#left {
	float: left;
	margin-top: 57px;
	padding-right: 42px;
	width: 624px;
	}
	
div#body.workshops div#left h2 {
	background: url(../img/headings/workshops_heading.png) no-repeat top left;
	height: 34px;
	margin-bottom: 1.75em;
	text-indent: -1000em;
	}
	
div#body.workshops div#left p.intro {
	color: #0c0c0b;
	font-size: .92em;
	margin-bottom: 2em;
	}
	
div#body.workshops div#left p.intro span {
	display: block;
	font-size: 1.27em;
	font-weight: bold;
	}
	
div#body.workshops div#left div.workshop {
	border-bottom: 1px solid #c0bcac;
	padding: 1.83em 0 0;
	}

div#body.workshops div#left div.workshop h3 {
	color: #d70f52;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: .18em;
	}
		
div#body.workshops div#left div.workshop h3 a,
div#body.workshops div#left div.workshop h3 a:visited {
	color: #d70f52;
	text-decoration: none;
	}
	
div#body.workshops div#left div.workshop h3 a:hover {
	color: #ff0055;
	}
	
div#body.workshops div#left div.workshop p {
	margin-bottom: 1.16em;
	}	
	
div#body.workshops div#left div.workshop p.date {
	color: #979075;
	font-size: .92em;
	margin-bottom: .81em; 
	}
	
div#body.workshops div#right {
	float: left;
	margin-top: 57px;
	}
	
div#body.workshops div#right form {
	background: url(../img/workshops_newsletter.jpg) no-repeat top left;
	height: 67px;
	margin-bottom: 1.92em;
	padding: 66px 14px 0;
	width: 158px;
	}
	
div#body.workshops div#right form h2 {
	line-height: 0;
	text-indent: -1000em;
	}
	
div#body.workshops div#right form label {
	color: #fafafa;
	font-size: 1.14em;
	}
	
div#body.workshops div#right form input {
	display: block;
	margin: 0 0 .3em;
	}
	
div#body.workshops div#right form input.email {
	width: 155px;
	}
	
/*####################################
#	Contact
####################################*/
	
div#body.contact div#left {
	float: left;
	margin-top: 57px;
	padding-right: 30px;
	width: 620px;
	}
	
div#body.contact div#left h2 {
	background: url(../img/headings/contact_heading.png) no-repeat top left;
	height: 34px;
	margin-bottom: 1.5em;
	text-indent: -1000em;
	}
	
div#body.contact div#left p {
	color: #474747;
	line-height: 1.75em;
	font-size: .92em;
	margin-bottom: 1.3em;
	}
	
div#body.contact div#left p.intro {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: .8em;
	}
	
div#body.contact div#left form {
	margin-top: 2em;
	}
	
div#body.contact div#left form div {
	margin-bottom: .83em;
	}
	
div#body.contact div#left form div label {
	float: left;
	font-weight: bold;
	line-height: 1.7em;
	text-transform: uppercase;
	width: 72px;
	}
	
div#body.contact div#left form div input {
	width: 267px;
	}
	
div#body.contact div#left form div.phone input {
	width: 76px;
	}
	
div#body.contact div#left form div textarea {
	height: 134px;
	width: 373px;
	}
	
div#body.contact div#left form input.submit {
	margin-left: 72px;
	}
	
div#body.contact div#right {
	float: left;
	margin-top: 57px;
	width: 202px;
	}
	
div#body.contact div#right h2 {
	background: url(../img/headings/contact_other_info.png) no-repeat top left;
	height: 34px;
	margin-bottom: 1.5em;
	text-indent: -1000em;
	}
	
div#body.contact div#right dl {
	padding-left: 59px;
	}
	
div#body.contact div#right dl dt {
	color: #6b6b6b;
	float: left;
	margin-left: -59px;
	width: 50px;
	}
	
div#body.contact div#right dl dd {
	color: #161616;	
	margin-bottom: 1.33em;
	}

div#body.contact div#right div.map{
        border: 1px solid #666;
	margin-top: 15px;
	}
	
/*####################################
#	Studio
####################################*/
	
div#body.studio img#slogan {
	margin: 50px 0 43px;
	}
	
div#body.studio div#left {
	float: left;
	padding-right: 37px;
	width: 629px;
	}
	
div#body.studio div#left h2 {
	height: 34px;
	margin-bottom: 1.75em;
	text-indent: -1000em;
	}
	
div#body.studio div#left h2.studio {
	background: url(../img/headings/studio.png) no-repeat top left;
	}
	
div#body.studio div#left h2.staff {
	background: url(../img/headings/staff.png) no-repeat top left;
	}
	
div#body.studio div#left p {
	color: #474747;
	line-height: 1.6em;
	font-size: .92em;
	margin-bottom: 1.3em;
	}
	
div#body.studio div#left p.intro {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: .8em;
	}
	
div#body.studio div#left p.slogan {
	margin-top: 2em;
	}
	
div#body.studio div#left div#ssp {
	border: 1px solid #2d2d2d;
	margin: 30px 0 60px;
	}
	
div#body.studio div#right {
	float: left;
	}
	
div#body.studio div#right form {
	background: url(../img/workshops_newsletter.jpg) no-repeat top left;
	height: 67px;
	margin-bottom: 1.92em;
	padding: 66px 14px 0;
	width: 158px;
	}
	
div#body.studio div#right form h2 {
	line-height: 0;
	text-indent: -1000em;
	}
	
div#body.studio div#right form label {
	color: #fafafa;
	font-size: 1.14em;
	}
	
div#body.studio div#right form input {
	display: block;
	margin: 0 0 .3em;
	}
	
div#body.studio div#right form input.email {
	width: 155px;
	}
	
	
/*####################################
#	Services
####################################*/

div#body.services div#left {
	float: left;
	margin-top: 57px;
	padding-right: 37px;
	width: 629px;
	}
	
div#body.services div#left h2 {
	background: url(../img/headings/services.png) no-repeat top left;
	height: 34px;
	margin-bottom: 1.75em;
	text-indent: -1000em;
	}
	
div#body.services div#left p {
	color: #474747;
	line-height: 1.75em;
	font-size: .92em;
	margin-top: 1.3em;
	}
	
div#body.services div#left p.intro {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 -.22em;
	}
	
div#body.services div#left div.service {
	border-bottom: 1px solid #c2bfaf;
	margin-top: 2.83em;
	padding: 0 0 2.41em 228px;
	}
	
div#body.services div#left div.service img.left {
	border: 3px solid #030309;
	float: left;
	margin-left: -228px;
	}
	
div#body.services div#left div.service h3 {
	float: left;
	height: 25px;
	margin-top: 12px;
	text-indent: -1000em;
	}
	
div#body.services div#left div.yoga h3 {
	background: url(../img/headings/yoga.png) no-repeat top left;
	width: 95px;
	}
	
div#body.services div#left div.pilates h3 {
	background: url(../img/headings/pilates.png) no-repeat top left;
	width: 120px;
	}
	
div#body.services div#left div.massage h3 {
	background: url(../img/headings/massage.png) no-repeat top left;
	width: 157px;
	}
	
div#body.services div#left div.service p {
	color: #383838;
	line-height: 1.6em;
	font-size: .92em;
	margin-bottom: 1.3em;
	}
	
div#body.services div#left div.service p.register {
	background: url(../img/services_service_bg.png) no-repeat top left;
	margin-left: -34px;
	padding: 14px 14px 14px 0;
	text-align: right;
	}
	
div#body.services div#left div.service p.intro {
	color: #4b606c;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: .8em;
	}
	
div#body.services div#left div.service p.slogan {
	margin: 3em 0 0 -228px;
	}
	
div#body.services div#left div#ssp {
	margin: 30px 0 60px;
	}
	
div#body.services div#right {
	float: left;
	margin-top: 57px;
	}
	
div#body.services div#right form {
	background: url(../img/workshops_newsletter.jpg) no-repeat top left;
	height: 67px;
	margin-top: 1.92em;
	padding: 66px 14px 0;
	width: 158px;
	}
	
div#body.services div#right form h2 {
	line-height: 0;
	text-indent: -1000em;
	}
	
div#body.services div#right form label {
	color: #fafafa;
	font-size: 1.14em;
	}
	
div#body.services div#right form input {
	display: block;
	margin: 0 0 .3em;
	}
	
div#body.services div#right form input.email {
	width: 155px;
	}
	
div#body.services div#right div#links {
	margin-top: 3em;
	}
	
div#body.services div#right div#links h3 {
	border: 1px solid #8a8a8a;
	border-width: 1px 0 1px;
	color: #080808;
	font-size: 1.16em;
	line-height: 1.5em;
	text-transform: uppercase;
	}
	
div#body.services div#right div#links ul {
	color: #d70f52;
	list-style-type: disc;
	margin-top: 15px;
	padding-left: 16px;
	}
	
div#body.services div#right div#links ul li {
	padding-bottom: .75em;
	}
	
div#body.services div#right div#links ul li a:hover {
	color: #24c5bc;
	}