/* CSS Document */



/* Pretty Stuff

================================== */
/* Zero down margin and paddin on all elements */

* {
  margin: 0;
  padding: 0;
}

body {
  color: #c2d4dd;
  font: 11px/17px Arial, Helvetica, Verdana, sans-serif;
  background: #000000;
}

h1 {
  font-size: 27px;
  line-height:27px;
  font-weight: normal;
  color: #858583;
}

h2 {
  font-size: 16px;
  font-weight: normal;
  color: #99CC00;
}

p, li {
  font-size: 12px;
}

h1, h2, p {
  margin: 10px 0;
}

#article h2, #article p {
  margin: 7px 0;
}

#mainWrapperIn li {
  margin-left:20px;
  color: #99CC00;
}

#mainWrapperIn h2 {
  margin-top:20px;
}

#secondaryContent h2, #newsWrapper h2 {
  font-size: 16px;
  margin: 0;
}

#memberLog p {
margin:0;
padding:0;
font-size: 11px;
color:#033e52;
}


.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}


/* The Core Technique

================================= */

body {
  text-align: center;
  min-width: 960px;
}

.clear {
clear:both;
}

#topLine {
	background-color:#1f2120;
	width: 100%;
        height: 35px;
	border-bottom: 1px solid #000000;
}

#wrapper {
	width: 940px; 
	margin: 0 auto; 
	text-align: left; 
}

#memberLogWrapper {
	width: 940px; 
	margin: 0 auto; 
	text-align: left;
}

#tabStart {
	float:right;
        margin-top:4px;
        padding:5px 0 5px 76px;
        background: #26b9ea url(/images/design/top_tab_left.gif) left top no-repeat;
}

#memberLog {
	float:right;
        margin-top:4px;
        padding:5px 25px 5px 0;
        background: #26b9ea url(/images/design/top_tab_right.gif) right top no-repeat;
}

#memberArea {
	background: #99CC00 url(/images/design/member_top.gif) left top no-repeat;
	width: 120px;
       padding: 10px;
}

#mainNav {
	width: 620px;
	margin-top:75px;
	float:right;
}

#branding {
	margin-top:28px;
	margin-left:12px;
	float:left;
}

#rightWrapper {
	width: 620px;
	float:right;
}

#mainImageWrapper {
	width: 620px;
	margin-top: 20px;
	float: right;
}

#mainWrapperOut {
	width: 620px;
	margin-top: 20px;
	margin-bottom:20px;
	background: #1f2120 url(/images/design/MainBoxBottom.gif) left bottom no-repeat;
	float: right;
}

#mainWrapperIn {
	background: url(/images/design/MainBoxTop.gif) left top no-repeat;
	padding: 20px;
}

#subNavWrapper { 
  width: 140px;
  margin-top: 30px;
  margin-left: 160px;
  float: left; 
}

#leftWrapperIndex {
  width: 300px;
  margin-top: 20px;
  float: left;
}

#leftWrapper {
  width: 300px;
  margin-top: 20px;
  float: left;
}

#subNavWrapperLeft { 
  width: 140px;
  float: right; 
}

#thirdNavWrapperLeft { 
  width: 140px;
  float: left; 
}

#serviceWrapper {
	width: 460px;
        margin-right:20px;
	float:left;
}

#secondaryContent { 
  width: 620px;
  float: right;
  clear: both;
}

#latestNewsTitle {
  margin-top: 30px;
  float: left;
}

#latestNews { 
  width: 460px;
  margin-top: 30px;
  float: right;
}

img.little {
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
}

.divLine {
  margin-top: 10px;
  border-bottom: 1px solid #1f2120;
  clear: both;
}

.divBreak {
	clear: both;
}

#article {
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom: 1px solid #444444;
}

.press {
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom: 1px solid #444444;
}

.press img {
  float: left;
  margin-right: 10px;
  margin-bottom 10px;
}

.press h2 {
  font-size: 16px;
  font-weight: normal;
  color: #99CC00;
}

.press p {
  margin: 7px 0;
}


.newsdivLine {
	margin:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
}

#footer {
  margin-top:20px;
  padding-bottom: 60px;
  clear: both;
}

#footer .right { float: right; color: #636463; }


/* Links

================================== */

a:link {color: #858583; text-decoration: none; }
a:visited {color: #858583; text-decoration: none; }
a:hover {color: #CCCCCC; text-decoration: underline;}
a:active {color: #858583;}

.more a:link, .more a:visited {
  padding-left: 15px;
  background: url(/images/design/arrow.gif) left 50% no-repeat;
  color: #858583;
  text-decoration: none;
}

.more a:hover {
  background: url(/images/design/arrow_on.gif) left 50% no-repeat;
  color: #CCCCCC;
}

.back a:link, .back a:visited {
  padding-left: 15px;
  background: url(/images/design/arrow_back.gif) left 50% no-repeat;
  color: #858583;
  text-decoration: none;
}

.back a:hover {
  background: url(/images/design/arrow_back_on.gif) left 50% no-repeat;
  color: #CCCCCC;
}

.next a:link, .next a:visited {
  padding-right: 15px;
  background: url(/images/design/arrow.gif) right 50% no-repeat;
  color: #858583;
  text-decoration: none;
}

.next a:hover {
  background: url(/images/design/arrow_on.gif) right 50% no-repeat;
  color: #CCCCCC;
}

#latestNews a:link, #latestNews a:visited {
  display: block;
  font-size: 110%;
  width: 445px;
  padding-top: 12px;
  padding-left: 15px;
  padding-bottom: 12px;
  margin-bottom: 5px;
  background: url(/images/design/NewsArticleBG.gif) left 50% no-repeat;
  color: #858583;
  text-decoration: none;
}

#latestNews a:hover {
  background: url(/images/design/NewsArticleBG_on.gif) left 50% no-repeat;
  color: #000000;
}

#memberLog a:link, #memberLog a:visited {
  color: #033e52;
  text-decoration: none;
}

#memberLog a:hover {
  color: #000000;
  text-decoration: underline;
}

img.mk_image {
	float: left;
	padding: 2px;
	margin: 0 10px 10px 0;
	border: 1px solid #333333;
    background: #1f2120;
}

a:hover img.mk_image {
    background: #FFFFFF;
    border: 1px solid #000000;
}

img.mk_image_on {
	float: left;
	padding: 2px;
	margin: 0 10px 10px 0;
	border: 1px solid #1f2b33;
    background: #99CC00;
}

.member a:link {color: #000000; text-decoration: none; font-weight: bold; font-size: 12px;}
.member a:visited {color: #000000; text-decoration: none; font-weight: bold; font-size: 12px;}
.member a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 12px;}
.member a:active {color: #000000;}


/* Typography

================================= */

.largeText {
  font-size: 27px;
  line-height:27px;
  color: #858583;
}

.greenText {
  font-size: 16px;
  font-weight: normal;
  color: #99CC00;
}

#latestNewsTitle h2 {
  color: #636463;
  padding-right: 15px;
  background: url(/images/design/arrow_green.gif) right 50% no-repeat;
}

#subNavWrapper h2, #subNavWrapperLeft h2 {
  color: #99CC00;
  padding-right: 15px;
  background: url(/images/design/arrow_intro.gif) right 50% no-repeat;
}

#article .date {
  font-size: 10px;
  margin: 0;
  color:#666666;
}

.quote {
  width: 120px;
  color:#555555;
}

.green {
  color: #99CC00;
}

.black {
  color: #000000;
}

.pink {
  color: #ed2793;
}

.lightpink {
  color: #fbd4e9;
}

#pinkList li {
  color: #fbd4e9;
}


/* MainNav
================================= */

p#menu {		
	height: 32px;
	background: url(/images/design/mkNav.gif) 0 0 no-repeat;
	position: relative;
	margin: 0px;	
	}		

p#menu span { display: none; }			

p#menu a {		
	display: block;		
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 -100px;
	background-repeat: no-repeat;
	text-decoration: none;	
	float: left;	
	/* Safari bug fix which breaks macie */
	/*\*/
	margin-top: -1px;
	border-top: 1px solid #000;
	/**/
	}	

#mkHomeNav { width: 63px; background-image: url(/images/design/mkHome.gif); }	
#mkServicesNav { width: 79px; background-image: url(/images/design/mkServices.gif); }	
#mkLifefitNav { width: 84px; background-image: url(/images/design/mkLifefit.gif); }
#mkPricesNav { width: 65px; background-image: url(/images/design/mkPrices.gif); }	
#mkAboutUsNav { width: 83px; background-image: url(/images/design/mkAboutUs.gif); }	
#mkNewsNav { width: 61px; background-image: url(/images/design/mkNews.gif); }
#mkContactNav { width: 93px; background-image: url(/images/design/mkContact.gif); }		

p#menu a:hover,
p#menu a:focus,
p#menu a:active,
body#mkHome p#menu a#mkHomeNav,
body#mkServices p#menu a#mkServicesNav,
body#mkLifefit p#menu a#mkLifefitNav,
body#mkPrices p#menu a#mkPricesNav,
body#mkAboutUs p#menu a#mkAboutUsNav,
body#mkNews p#menu a#mkNewsNav,
body#mkContact p#menu a#mkContactNav {
	background-position: 0 0;	
	}



/* SubNav
================================= */

#subNav {
  list-style: none;
  }

#subNav li {
	width: 140px;
	font-size:11px;
	padding-top: 4px;
	margin-top: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1f2120;
}

#subNav a {
	display:block;
}

#subNav a:hover {color: #FFFFFF; text-decoration: none; border-bottom: none;}
#subNav a:active {color: #FFFFFF; text-decoration: none; border-bottom: none;}

.subNavOn a {color: #FFFFFF;}



/* MemberNav
================================= */

#memberNav {
  list-style: none;
  }

#memberNav li {
	width: 115px;
	font-size:11px;
	padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
	margin-top: 1px;
        font-weight: bold; 
        background-color: #1f2120;
}

#memberNav a {
	display:block;
}

#memberNav a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; }
#memberNav a:active {color: #FFFFFF; text-decoration: none; font-weight: bold; }

.memberNavOn a {color: #FFFFFF; font-weight: bold; }





-->