@charset "UTF-8";
/* CSS Document */
body, p, h1, h2, h3, ul, img {
	margin: 0;
	padding: 0;
}
body  {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #CCCCCC;
}
p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
}
li {
	font-size: 12px;
	line-height: 16px;
	position: relative;
}
p.intro {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #1ECEFA;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
* :active, a:focus {
   -moz-outline-style: none; /* IMPORTANT - Fixes Firefox dotted-line links */
}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF0000;
}
h1 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}
#mainContent h1 {
	margin-top: 10px;
}
h2 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 9px;
}
h3 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 6px;
}
#containerInner {
	width: 968px;
	margin: 0 auto;
	padding-bottom: 26px; /* Height of background base image */
	background: url(../images/bkgd-base.png) scroll no-repeat center bottom;
}
.contentWrapper {
	padding: 0 14px;
	background: #FFFFFF url(../images/bkgd-shadow.png) scroll repeat-y center top;
}
/* Header */
#header {
	height: 94px;
	background: url(../images/header.png) scroll no-repeat left top;
	position: relative;
	border-bottom: 1px solid #B3B3B3;
}
h1#logo {
	position: absolute;
	top: 17px;
	left: 43px;
	display: inline;
	width: 268px;
	margin: 0;
}
h1#logo a {
	display: block;
	height: 77px;
	background: url(../images/mishfitness-logo.png) scroll no-repeat left top;
	text-indent: -9999px;
}
/* Main Navigation */
ul#mainNav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	height: 32px;
	background-color: #FFFFFF;
	color: #999999;
	font-size: 14px;
	background: url(../images/nav-repeat.png) scroll repeat-x left top;
}
ul#mainNav li {
	float: left;
	display: inline;
	padding: 9px;
}
ul#mainNav li:first-child {
	padding-left: 40px;
}
ul#mainNav a {
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;
	display: block;
	height: 11px;
	text-indent: -9999px;
}
ul#mainNav a:hover, #home .home a, #about .about a, #getStarted .getStarted a, #programmes .programmes a, #news .news a, #faqs .faqs a, #health-risk .health-risk a {
	background-position: left -11px;
}
.home a {
	background-image: url(../images/nav-home.png);
	width: 40px;	
}
.getStarted a {
	background-image: url(../images/nav-contact.png);
	width: 59px;	
}
.about a {
	background-image: url(../images/nav-about.png);
	width: 45px;
}
.programmes a {
	background-image: url(../images/nav-our-programmes.png);
	width: 133px;	
}
.nutrition a {
	background-image: url(../images/nav-nutrition.png);
	width: 138px;	
}
.news a {
	background-image: url(../images/nav-media.png);
	width: 50px;	
}
.faqs a {
	background-image: url(../images/nav-testimonials.png);
	width: 95px;	
}
.health-risk a {
	background-image: url(../images/nav-associates.png);
	width: 100px;
}
/* Sub Navigation */
ul#subNav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: auto;
	_height: 1%;
	padding: 8px 0 5px 0;
	border-bottom: 1px solid #C1C1C1;
}
ul#subNav li {
	float: left;
	display: inline;
	padding: 0 9px;
}
ul#subNav li:first-child {
	padding-left: 40px;
}
ul#subNav a {
	color: #999999;
}
ul#subNav a:hover, ul#subNav a.current {
	color: #FF0000;
}
/* Home */
#welcome h1 {
	width: 229px;
	height: 45px;
	background: url(../images/welcome.png) scroll no-repeat left top;
	text-indent: -9999px;
	margin: 25px 0 25px 20px;
}
.fader {
	position: relative;
}
a#prev, a#next {
	display: inline-block;
	width: 22px;
	height: 20px;
	text-indent: -9999px;
	margin: 6px 3px;
	background-image: url(../images/prev-next.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	clear: none;
}
a#prev {
	background-position: left top;
	margin-left: 10px;
}
a#prev:hover {
	background-position: left -20px;
}
a#next {
	background-position: -22px top;
}
a#next:hover {
	background-position: -22px -20px;
}
#homeFader {
	float: right;
	margin: 10px 0;
	position: relative;
	background: #F0F0F0 url(../images/fader-base.png) scroll no-repeat left bottom;
	padding-bottom: 10px;
}
#homeFader .fader > div {
	width: 550px;
	height: 330px;
	float: left;
	position: relative;
	top: 0;
}
#homeFader img {
	position: relative;
	top: 0;
	left: 0;
}
#homeFader .fader a {
	font-weight: bold;
	padding-right: 15px;
	background: url(../images/link-button.png) scroll no-repeat right top;
}
#homeFader p {
	position: absolute;
}
#homeFader #trainWithTheBest p {
	text-align: right;
	width: 255px;
	top: 235px;
	right: 20px;
}
#homeFader #adventure p {
	width: 240px;
	top: 215px;
	left: 20px;
}
#homeFader #coverGirl p {
	text-align: right;
	width: 245px;
	top: 65px;
	right: 20px;
}
#homeFader #impossible p {
	width: 240px;
	top: 30px;
	left: 20px;
}
#mainContent a#playVideo {
	float: right;
	margin-right: 8px;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	background: url(../images/movie-icon.png) scroll no-repeat left top;
	padding-left: 28px;
	clear: none;
}
/* Main Content Area */
#mainContent {
	overflow: auto;
	_height: 1%;
	padding: 10px 18px 20px 40px;
}
#welcome {
	width: 310px;
	float: left;
	margin: 10px 0;
}
#startButton {
	width: 218px;
	height: 74px;
	margin: 0 auto;
	background: url(../images/big-button.png) scroll no-repeat left top;
}
#startButton a {
	display: block;
	width: 168px;
	height: 17px;
	margin: 0 auto;
	position: relative;
	top: 18px;
	background: url(../images/get-started-now.png) scroll no-repeat left top;
	text-indent: -9999px;
}
#startButton a:hover {
	background-position: left -17px;
}
#mainImage {
	float: right;
}
.leftColumn, .programme {
	border-bottom: 1px solid #C1C1C1;
	padding: 15px 0;
	overflow: auto;
	_height: 1%;
	position: relative;
}
.currentProgramme {
	border: none;
}
.programme h2 {
	padding-bottom: 10px;
	background: url(../images/dotted-line.png) scroll repeat-x left bottom;
}
.leftColumn h1, .leftColumn p, .programme p, .programme ul {
	width: 485px;
}
.leftColumn img, .programme img {
	float: right;
	margin-right: 20px;
}
#mainContent a {
	font-size: 12px;
	line-height: 16px;
}
#mainContent ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-bottom: 4px;
}
#mainContent li {
	margin-bottom: 4px;
	background: url(../images/bullet.png) scroll no-repeat left 4px;
	padding-left: 15px;
}
a.backToTop {
	display: block;
}
a.backToTop {
	line-height: 18px;
	background: url(../images/back-to-top.png) scroll no-repeat left top;
	min-height: 18px;
	padding-left: 25px;
	display: inline-block;
}
a.backToTop:hover {
	background-position: left -33px;
}
a#showAllProgrammes {
	line-height: 18px;
	background: url(../images/show-all.png) scroll no-repeat left top;
	min-height: 18px;
	padding-left: 25px;
	display: inline-block;
}
a#showAllProgrammes:hover {
	background-position: left -34px;
}
/* Sponsor Links */
#links {
	background: url(../images/link-bkgd.png) scroll repeat-x left top;
	padding: 20px 0 0 30px;
	overflow: auto;
	_height: 1%;
}
#links li {
	background: url(../images/sponsor-bkgd.png) scroll no-repeat left top;
	float: left;
	display: inline;
	width: 212px;
	height: 130px;
	margin-right: 12px;
}
#links .description {
	margin: 10px 12px;
	width: 135px;
	float: left;
	display: inline;
}
#links img.logo {
	position: absolute;
	float: right;
}
#links #workplace img.logo {
	top: 12px;
	right: 10px;
}
#links #suburban img.logo {
	top: 12px;
	right: 15px;
}
#links #healthRisk .description {
	width: 155px;
}
#links #meetMish img.logo {
	top: 6px;
	right: 0;
}
#links h3 a {
	color: #FF0000;
}
#links p a {
	font-weight: bold;
}
/* Footer */
#footer {
	overflow: auto;
	_height: 1%;
	background: #6F6F6F url(../images/footer-repeat.png) scroll repeat left bottom;
	padding-top: 9px;
	border-left: 1px solid #ADABA9;
	border-right: 1px solid #ADABA9;
}
#footer li {
	float: left;
	display: inline;
	font-size: 12px;
	padding: 0 10px;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #928E88;
}
#footer li:first-child {
	padding-left: 42px;
	border-left: none;
}
#footer a {
	color: #FFFFFF;
}
#footer a:hover, #footer a.current {
	color: #202020;
}
#footer p {
	font-size: 10px;
}
/* About Us */
#mishFader {
	float: right;
	margin-right: 20px;
	position: relative;
	width: 285px;
	display: inline;
}
#mishFader img {
	top: 0;
}
/* Contact Us */
#mishVideo {
	float: right;
	display: inline;
	width: 212px;
	height: 130px;
	background: url(../images/sponsor-bkgd.png) scroll no-repeat left top;
	margin-right: 20px;
	position: relative;
}
#mishVideo .description {
	margin: 10px 12px;
	width: 130px;
	float: left;
	display: inline;
}
#mishVideo h3 a {
	color: #FF0000;
	font-size: 14px;
	line-height: 16px;
}
#mishVideo p a {
	font-weight: bold;
}
#mishVideo img {
	position: absolute;
	float: right;
	top: 6px;
	right: 0;
	margin: 0;
}
#mishVideo h1, #mishVideo p {
	width: auto;
}
#registerForm {
	padding-top: 20px;
}
/* News */
#newsIntro {
	border-bottom: 1px solid #C1C1C1;
	padding: 15px 125px 0 0;
	overflow: auto;
	_height: 1%;
}
#newsIntro img {
	float: left;
	margin-right: 30px;
}
#newsNav {
	width: 215px;
	float: left;
	display: inline;
	padding-top: 15px;
}
#newsNav a.current {
	color: #FF0000;
}
#newsNav ul {
	margin-bottom: 10px;
}
#newsItems {
	width: 640px;
	float: right;
	display: inline;
}
.newsItem {
	border-bottom: 1px solid #C1C1C1;
	padding: 15px 0;
}
.currentItem {
	border: none;
}
/* Testimonials */
.quote, .quoteMulti {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 9px;
}
.quote {
	padding-top: 9px;
	background: url(../images/dotted-line.png) scroll repeat-x left top;
}
#mishProgrammesButton {
	float: right;
	display: inline;
	width: 212px;
	height: 130px;
	background: url(../images/sponsor-bkgd.png) scroll no-repeat left top;
	margin-right: 20px;
	position: relative;
}
#mishProgrammesButton .description {
	margin: 10px 12px;
	width: 140px;
	float: left;
	display: inline;
}
#mishProgrammesButton h3 a {
	color: #FF0000;
	font-size: 14px;
	line-height: 16px;
}
#mishProgrammesButton p a {
	font-weight: bold;
}
#mishProgrammesButton img {
	position: absolute;
	float: right;
	top: 12px;
	right: 10px;
	margin: 0;
}
#mishProgrammesButton h1, #mishProgrammesButton p {
	width: auto;
}
/* ******OLD STYLES****** */
#contactus {
	width: 90px;
	padding-right: 0;
	padding-left: 0;
	height: 25px;
	margin-left: 380px;
	font-size: 6px;
	float: left;
	padding-bottom: 30px;
}

#contactus h1{
	margin: 10px;
	font-size: 10px;
	float: right;
	font-family: verdana, regular;
	font-weight: lighter;
	color: #FFFFFF;
}

#legal {
	width: 45px;
	padding-right: 0;
	padding-left: 0;
	height: 25px;
	margin-left: 4px;
	font-size: 6px;
	float: left;
	padding-bottom: 30px;
}

#legal h1{
	margin: 10px;
	font-size: 10px;
	;
	float: right;
	font-family: verdana, regular;
	font-weight: lighter;
	color: #FFFFFF;
}

#addi {
	float: right;
	color: #FFFFFF;
	height: 85px;
	width: 90px;
	background-image: url(../working_files/mishhome/addi.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:none;
	height:0;
	font-size: 1px;
	line-height: 0px;
	float: left;
}
.style1 {
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.style2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#startbutton a { color:#FFF;}

#sponsors1 a { color:#EE0000;}

#sponsors2 a { color:#EE0000;}

#sponsors3 a { color:#EE0000;}

<link rel="stylesheet" xhref="http://www.mishfitness.com/style.css?version=1" type="text/css" />