@import url(reset.css);
br.clear {
	clear: both;
	}
body {
	font: 12px/18px Verdana, sans-serif;
	color: #333;
	background: url(../img/bg-body.png) no-repeat 50% 0;
	}
div.page {
	width: 852px;
	padding: 24px 24px 8px;
	margin: 0 auto;
	background: url(../img/bg-shadow.png) repeat-y 50% 0;
	}
div#header {
	padding: 0 12px 28px;
	}
div#header h1 a {
	display: block;
	float: left;
	width: 269px;
	height: 57px;
	background: url(../img/bg-logo.png);
	text-indent: -9999px;
	}
div#header ul {
	position: relative;
	float: right;
	margin: 5px 0 0;
	}
div#header ul li {
	float: left;
	margin: 0 6px;
	}
div#header ul li a {
	display: block;
	width: 100%;
	height: 43px;
	text-indent: -9999px;
	background-position: 0 -43px !important;
	}
div#header ul li a:hover {
	background-position: 0 0 !important;
	}
div#header ul li a.current {
	background-position: 0 0 !important;
	}
div#header ul li#navWhatIs a {
	width: 176px;
	background: url(../img/nav-what-is-myo.jpg);
	}
div#header ul li#navCourses a {
	width: 45px;
	background: url(../img/nav-courses.jpg);
	}
div#header ul li#navArticles a {
	width: 44px;
	background: url(../img/nav-articles.jpg);
	}
div#header ul li#navBlog a {
	width: 43px;
	background: url(../img/nav-blog.jpg);
	}
div#header ul li#navVideo a {
	width: 43px;
	background: url(../img/nav-video.jpg);
	}
div#header ul li#navJoy a {
	width: 67px;
	background: url(../img/nav-joy.jpg);
	}
div#header ul li#navContact a {
	width: 44px;
	background: url(../img/nav-contact.jpg);
	}

div.content {
	width: 800px;
	padding: 0 26px;
	margin: 55px 0 0;
	}
div.section {
	position: relative;
	width: 800px;
	padding: 0 0 35px;
	margin: 0 0 28px;
	background: url(../img/dotted-line.png) repeat-x 0 100%;
	}

div#footer {
	clear: both;
	width: 852px;
	height: 16px;
	padding: 0 24px;
	margin: 0 auto;
	background: url(../img/bg-footer.png) no-repeat 50% 0;
	}

ul.listDisc {
	list-style: disc;
	margin: 0 0 11px 16px;
	}

ul.listDisc li {
	margin: 0;
	}

ol.listOrdered {
	list-style: decimal;
	margin: 0 0 11px 27px;
	}

ol.listOrdered li {
	margin: 0;
	}

ul li {
	margin: 0 0 6px 0;
	}

h2 {
	font: 22px Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 18px;
	color: #970737;
	}

h3 {
	font: bold 14px Arial, sans-serif;
	color: #29889d;
	margin: 0 0 14px;
	}

h4 {
	color: #29889d;
	}

p {
	color: #333;
	margin: 0 0 18px;
	}

a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #c02559;
	}

a.link {
	height: 100%;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	padding: 0 0 0 22px;
	margin: 0 0 11px 0;
	background: url(../img/circle-light-blue.png) no-repeat;
	}

a.link:hover {
	color: #c02559;
	background: url(../img/circle-red.png) no-repeat 0 0;
	}

p.pdf a {
	padding: 0 0 0 20px;
	background: url(/img/icon-pdf.png) no-repeat 0 50% ;
	}

.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	}

p.backToTop a {
	float: right;
	padding: 0 0 0 22px;
	background: url(../img/bg-back-to-top.png) no-repeat 0 50%;
	text-decoration: none;
	color: #a0a0a0;
	}

div#copyright p {
	width: 850px; margin: 0 auto 10px auto;
	text-align: center;
	color: #bbb;
	font-size: 11px;
	}

div.pageTitle {
	position: relative;
	width: 852px;
	height: 87px;
	background: #000 url(../img/bg-page-title.png) no-repeat;
	}
div.pageTitle h2 {
	padding: 35px 0 0 27px;
	font-weight: normal;
	color: #fff;
	}
div.pageTitle p {
	position: absolute;
	bottom: -16px;
	right: 33px;
	width: 201px;
	height: 45px;
	margin: 0;
	background: url(../img/button-book-an-appointment-hover.png) no-repeat;
	}
div.pageTitle p a {
	display: block;
	width: 201px;
	height: 45px;
	background: url(../img/button-book-an-appointment.png) no-repeat;
	text-indent: -9999px;
	}
div.pageTitle p a:hover {
	display: block;
	width: 201px;
	height: 45px;
	background-image: none;
	}

p.pullQuote {
	margin: 38px 0;
	font-size: 16px;
	line-height: 20px;
	}
span.certification {
	margin: 0;
	color: #999;
	}



div#leaderBoard {
	position: relative;
	width: 851px;
	height: 344px;
	background: url(../img/bg-leader-board.png) no-repeat;
	}
div#leaderBoard p.buttonMoreTestimonials {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 130px;
	height: 36px;
	margin: 0;
	background: url(../img/button-more-testimonials-hover.png) no-repeat;
	}
div#leaderBoard p.buttonMoreTestimonials a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/button-more-testimonials.png) no-repeat;
	text-indent: -9999px;
	}
div#leaderBoard p.buttonMoreTestimonials a:hover {
	background-image: none;
	}
div#leaderBoard p#buttonIsMyoForYou {
	position: absolute;
	top: 176px;
	left: 348px;
	background: url(../img/button-hover-is-myo-for-you.png) no-repeat;
	}
div#leaderBoard p#buttonIsMyoForYou a {
	display: block;
	width: 282px;
	height: 35px;
	background: url(../img/button-is-myo-for-you.png) no-repeat;
	text-indent: -9999px;
	}
div#leaderBoard p#buttonIsMyoForYou a:hover {
	background-image: none !important;
	}

div#leaderBoard p#buttonViewVideo {
	position: absolute;
	top: 176px;
	left: 648px;
	background: url(../img/button-hover-view-video.png) no-repeat;
	}
div#leaderBoard p#buttonViewVideo a {
	display: block;
	width: 112px;
	height: 35px;
	background: url(../img/button-view-video.png) no-repeat;
	text-indent: -9999px;
	}
div#leaderBoard p#buttonViewVideo a:hover {
	background-image: none !important;
	}

div#blockAboutUs {
	float: right;
	width: 282px;
	padding: 24px 24px 0;
	margin: 10px 0 0 0;
	background: #e1eef1 url(../img/bg-about-us.png) no-repeat;
	font-size: 11px;
	}
div#blockAboutUs img {
	float: right;
	width: 125px;
	margin: 0 0 0 30px;
	}
div#blockAboutUs p {
	margin: 0 0 6px;
	}
div#blockAboutUs p a {
	display: block;
	float: left;
	font-weight: bold;
	color: #969292;
	text-decoration: none;
	padding: 0 0 0 22px;
	margin: 11px 0 0 0;
	background: url(../img/circle-white.png) no-repeat 0 50%;
	}
div#blockAboutUs p a:hover {
	color: #c02559;
	background: url(../img/circle-red.png) no-repeat 0 50%;
	}
div#blockCaseStudyVideo {
	float: left;
	display: inline;
	width: 466px;
	padding: 0 0 18px;
	margin: 38px 0 0 32px;
	background: url(../img/dotted-line.png) no-repeat 50% 100%;
	overflow: auto;
	font-size: 11px;
	}
div#blockCaseStudyVideo img {
	float: right;
	margin: 0 0 0 30px;
	}
div#blockCaseStudyVideo p {
	margin: 0 0 6px;
	}

div#blockCaseStudiesArticles {
	float: left;
	display: inline;
	width: 466px;
	padding: 0 0 18px;
	margin: 0 0 0 32px;
	background: url(../img/dotted-line-vertical.png) no-repeat 235px 8px;
	overflow: auto;
	font-size: 11px;
	}

div#blockCaseStudies {
	float: left;
	display: inline;
	width: 220px;
	padding: 0 15px 18px 0;
	margin: 8px 0 0 0;
	overflow: auto;
	font-size: 11px;
	}
div#blockCaseStudies img {
	float: right;
	margin: 0 0 0 30px;
	}
div#blockCaseStudies p {
	margin: 0 0 6px;
	}

div#blockArticles {
	float: left;
	display: inline;
	width: 211px;
	padding: 0 0 18px 20px;
	margin: 8px 0 0 0;
	font-size: 11px;
	}
div#blockArticles img {
	float: right;
	width: 91px;
	margin: 0 0 20px 15px;
	}
div#blockArticles p {
	margin: 0 0 6px;
	}

div#blockDownloadBrochure {
	float: left;
	display: inline;
	width: 443px;
	padding: 0 0 18px;
	margin: 24px 0 0 32px;
	font-size: 11px;
	}


div#overview div.columnOne,
div#overview div.columnTwo {
	position: relative;
	float: left;
	}
div#overview div.columnOne {
	width: 135px;
	}
div#overview div.columnTwo {
	width: 425px;
	margin: 0 22px 0 0;
	}
div#overview div.columnTwo p.intro {
	font-size: 15px;
	line-height: 22px;
	color: #69abba;
	}
div#overview div.columnThree {
	position: relative;
	float: right;
	width: 167px;
	padding: 38px 22px 88px;
	background: #f5f9fb url(../img/bg-overview-column-three.png) no-repeat;
	}

div#overview div.columnThree p {
	font: 16px/22px Times, "Times New Roman", serif;
	color: #69abba;
	font-style: italic;
	}
div#overview div.columnThree p.buttonMoreTestimonials	{
	position: absolute;
	bottom: -8px;
	right: -8px;
	width: 130px;
	height: 36px;
	margin: 0;
	background: url(../img/button-more-testimonials-alt-hover.png);
	}
div#overview div.columnThree p.buttonMoreTestimonials a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/button-more-testimonials-alt.png) no-repeat;
	text-indent: -9999px;
	}
div#overview div.columnThree p.buttonMoreTestimonials a:hover {
	background-image: none;
	}
div#caseStudies {
	clear: both;
	padding: 0 0 35px;
	margin: 0 0 28px;
	}
div#caseStudies h3 {
	margin: 39px 0 32px;
	font-size: 16px;
	color: #333;
	}

div#caseStudies div.columnOne {
	float: left;
	width: 560px ;
	margin: 0 20px 0 0;
	}

div#caseStudies h2 {
	color: #970737;
	}
div#caseStudies div.columnOne p.keywords {
	width: 481px;
	padding: 11px 35px 11px 11px;
	margin: 0 0 32px;
	background: #f7fafc;
	font-style: italic;
	color: #666;
	}
div#caseStudies div.columnTwo {
	float: right;
	width: 213px
	}
div#testimonials {
	clear: both;
	padding: 0 0 35px;
	margin: 0 0 28px;
	}

div#testimonials div.columnOne,
div#testimonials div.columnTwo {
	float: left;
	width: 370px;
	}
div#testimonials div.columnOne {
	padding: 0 25px 0 0;
	}
div#testimonials div.columnTwo {
	padding: 0 0 0 25px;
	}
div#testimonials div.testimonial {
	padding: 0 0 35px;
	margin: 0 0 35px;
	background: url(../img/dotted-line.png) repeat-x 0 100%;
	}
div#testimonials div.odd {
	background-image: none;
	}
div#testimonials div.testimonial p {
	margin: 0;
	font: 16px/26px Times, "Times New Roman", serif;
	color: #69abba;
	font-style: italic;
	}

p.testimonialName {
	margin: 11px 0 0 !important;
	font: 12px Times, "Times New Roman", serif !important;
	font-weight: bold !important;
	font-style: italic !important;
	}



div.article {
	padding: 0 0 18px;
	margin: 0 0 14px;
	}
div.articleTitle {
	padding: 25px 14px;
	margin: 0 0 14px;
	background: #f7fafc;
	}
div.articleTitle h2,
div.articleTitle h3 {
	margin: 0;
	color: #333;
	}
div.articleTitle h3 {
	font-size: 16px;
	}
p.articleMeta {
	color: #666;
	}
div.article div.columnOne {
	float: left;
	width: 560px ;
	margin: 0 20px 0 0;
	}

div.article div.columnTwo {
	position: relative;
	float: right;
	width: 211px
	}

div.nextArticlePreviousArticle p {
	position: relative;
	top: -30px;
	margin: 0;
	padding: 0;
	text-align: center;
	}
div.nextArticlePreviousArticle p a {
	margin: 0 12px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ccc;
	}
div.nextArticlePreviousArticle p a#previous {
	padding: 0 0 0 18px;
	background: url(../img/bg-arrow-previous.png) no-repeat 0 50%;
	}
div.nextArticlePreviousArticle p a#next {
	padding: 0 18px 0 0;
	background: url(../img/bg-arrow-next.png) no-repeat 100% 50%;
	}



div.pageTitleJoyMoeller {
	position: relative;
	width: 852px;
	height: 343px;
	background: url(../img/bg-page-title-joy-moeller.jpg) no-repeat;
	}
div.pageTitleJoyMoeller h2 {
	padding: 35px 0 0 27px;
	font-weight: normal;
	color: #fff;
	}
div.pageTitleJoyMoeller p {
	position: absolute;
	top: 57px;
	right: 33px;
	width: 201px;
	height: 45px;
	margin: 0;
	background: url(../img/button-book-an-appointment-joy-moeller-hover.png) no-repeat;
	}
div.pageTitleJoyMoeller p a {
	display: block;
	width: 201px;
	height: 45px;
	background: url(../img/button-book-an-appointment-joy-moeller.png) no-repeat;
	text-indent: -9999px;
	}
div.pageTitleJoyMoeller p a:hover {
	display: block;
	width: 201px;
	height: 45px;
	background-image: none;
	}
div.welcomeMessage {
	margin: 36px 0 0;
	}
div.welcomeMessage div.columnOne {
	float: left;
	width: 520px;
	}
div.welcomeMessage div.columnTwo {
	position: relative;
	float: right;
	width: 245px;
	padding: 0 0 38px;
	margin: -265px 0 0;
	}
div.welcomeMessage div.columnTwo div#aboutJoyMoeller {
	padding: 30px;
	margin: 0 0 38px;
	border: 1px solid #dbebee;
	background: #27859a url(../img/bg-column-two-joy-moeller.jpg) no-repeat;
	}
div.welcomeMessage div.columnTwo p,
div.welcomeMessage div.columnTwo li {
	font-size: 11px;
	color: #fff;
	}
div.welcomeMessage div.columnTwo div.testimonial {
	position: relative;
	}
div.welcomeMessage div.columnTwo div.testimonial p {
	padding: 0 15px;
	margin: 0;
	font: 16px Times,"Times New Roman", serif;
	font-style: italic;
	color: #69abba;
	}
div.welcomeMessage div.columnTwo  p.moreTestimonials a {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	color: #ccc;
	font-size: 10px;
	font-weight: bold;
	background: url(../img/circle-light-blue.png) no-repeat 0 50%;
	}
div.welcomeMessage div.columnTwo  p.moreTestimonials a:hover {
	color: #c02559;
	background: url(../img/circle-red.png) no-repeat 0 50%;
	}
div.welcomeMessage h4 {
	color: #333;
	}

ul#linkList {
	width: 760px;
	padding: 20px;
	margin: 55px 0 0;
	background: #F5F9FB;
	font-size: 11px;
	}



div.contentContact {
	margin: 28px 0 0;
	}
div#contactDetails {
	float: left;
	width: 250px
	}
div#requestAppointment {
	position: relative;
	float: right;
	width: 459px;
	padding: 38px 35px;
	margin: 0 0 38px;
	background: #dbeaee url(../img/bg-request-appointment.jpg) no-repeat 0 100%;
	}
div#requestAppointment table {
	width: 100%;
	font-size: inherit;
	}
div#requestAppointment table td {
	padding: 5px 0;
	}
div#requestAppointment table td.text {
	text-align: right;
	padding: 5px 40px 5px 0
	}
div#requestAppointment input#inputRequestAppointment {
	position: absolute;
	bottom: -19px;
	right: 33px;
	width: 199px;
	height: 44px;
	border: 0;
	outline: 0;
	cursor: pointer;
	background: url(../img/input-request-appointment.png) no-repeat;
	}
div#requestAppointment input#inputRequestAppointment:hover {
	background: url(../img/input-request-appointment-hover.png) no-repeat;
	}

div.courses {
	margin: 18px 0;
	}
div.coursesTitle {
	padding: 25px 14px;
	margin: 0 0 22px;
	background: #f7fafc;
	}
div.coursesTitle h2 {
	margin: 0;
	color: #333;
	}

div#courseInfo {
	width: 720px;
	padding: 32px 40px;
	margin: 55px 0 0;
	background: #F5F9FB;
	}
div#courseInfo ul li {
	font-weight: bold;
	}

div.bibliography p {
	font-size: 9px;
	color: #999;
	margin: 0 0 6px;
	}


/*  ::  Global Styles  --  Media Viewer  */

#viewer {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999;
	}

#viewerBackground {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%;
	background: #000;
	opacity: 0.6;
	filter:alpha(opacity=60);
	-ms-filter:alpha(opacity=60);
	}


/*  ::  Global Styles  --  Media Viewer  ::  Flash  */

#viewerFlash {
	position: absolute; top: 100px; left: 50%; width: 540px; padding: 27px 0 0 0; margin: 0 0 0 -271px;
	background: #e8e8e8; border: 1px solid #afafaf;
	}

#viewerPhoto #flashPlayer {
	position: relative; width: 100%; min-height: 481px;
	}

#viewerPhoto #flashPlayer span {
	position: absolute; left: -9999px;
	}

#viewerFlash p {
	padding: 10px 0 0 0;
	font-size: 12px;
	}

#viewerFlash a.close {
	position: absolute; display: block; top: 5px; right: 9px; width: 66px; height: 22px;
	background: url(../img/global-elements-viewer-button-close.png) no-repeat 0px 0px;
	}

#viewerFlash a.close:hover {
	background-position: 0 -22px;
	}