/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0px;
		padding: 20px 0 0 0;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #383838;
		background: #095bab url('../images/generic/body-bg.gif') center top repeat-x;
		}
		
	html {
		background: #095bab;
	}
		
	#wrapper {
		width: 940px;
		margin: 0px auto;
		padding: 0;
		background: #ffffff;
		}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	

	
	a img {
		border:none;
	}
		
	a { 
		color: #0493b0;
	}
	
	a:hover { color:#6abf36; }
	
	p { 
		padding: 0 0 1.2em 0;
		margin: 0;
		line-height: 1.4em;
	}	
	
	ul {
		margin-top: 0;
		paddgin-top: 0;
	}
	
	
/* 2-:-------- Header styles ------------ */

	#header {
		position: relative;
		background: url('../images/generic/header-bg.gif') 0 13px;
		height: 115px;
		width: 940px;
	}
	
	.logoMain {
		float: left;
		display: block;
		width: 253px;
		height: 102px;
		margin: 0 6px 0 0;
		text-indent: -9999px;
		background: url('../images/generic/logo-main.gif') 0 0 no-repeat;
	}
	
	.phone {
		position: absolute;
		left: 683px;
		top: 25px;
	}
	
	/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */
	
	.contentHome {
		clear: both;
		height: 577px;
		background:url(../images/home/content-home-bg.gif) repeat-x;
	}
	
	.content {
		padding-left: 20px;
		margin-top: 10px;
		background:url(../images/generic/h1-content-bg.gif) no-repeat;
	}
	
	.columnImage {
		float: left;
		width: 230px;
		padding: 70px 0 0 0;
	}
	
	.columnVideo {
		float: left;
		width: 330px;
		padding: 70px 0 0 0;
	}
	
	.columnContacts {
		float: left;
		width: 210px;
		padding: 70px 20px 0 0;
	}
	
	.columnMain {
		float: right;
		width: 690px;
	}
	
	.singleColumn {
		float: left;
		width: 920px;
	}
	
	.singleColumn h2 {
		width: 920px;	
	}
	
	.single {
		padding: 0 20px 0 0;
		width: 550px;
	}
	
	.single h2 {
		margin: 30px 0 0 0;
	}
	
	.columnLeft {
		float: left;
		padding-top: 20px;
		width: 470px;
	}
	
	.singleColumn .columnLeft {
		width: 700px;
	}
	
	.columnCopy {
		float: left;
		padding: 20px 0 0 0;
		width: 700px;
	}

	.columnRight {
		padding: 0 20px;
		width: 180px;
		float: right;
	}



	/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	#nav1Container {
		float: left;
		height: 35px;
		padding: 0;
		margin: 67px 0 0 0;
	
		}
		
	ul#nav1 {
		margin:0;
		padding:0;
	}

	#nav1 li {
		float:left;
		position:relative;
		margin:0;
		padding: 0;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height: 35px;
		padding:0 24px 0 0;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -35px !important;
		height: 35px;
		}

	#nav1 li a.nav1Home {
		background:url('../images/nav/nav1-home.gif') no-repeat left top;
		width:40px
		}
		
	#nav1 li a.nav1Health {
		background:url('../images/nav/nav1-health.gif') no-repeat left top;
		width:127px
		}

	#nav1 li a.nav1Trainers {
		background:url('../images/nav/nav1-trainers.gif') no-repeat left top;
		width:111px
		}
		
	#nav1 li a.nav1Success {
		background:url('../images/nav/nav1-success.gif') no-repeat left top;
		width:92px
		}	

	#nav1 li a.nav1Events {
		background:url('../images/nav/nav1-events.gif') no-repeat left top;
		width:52px
		}
		
	#nav1 li a.nav1Contact {
		background:url('../images/nav/nav1-contact.gif') no-repeat left top;
		width:89px
		}
				
	/* selected nav */

	#nav1 li a#active { 
		height: 35px;
		background-position:0 -35px !important	
	 }
	 
	 
	/* dropdown */
	
	#nav1 li ul {
		position:absolute;
		top:35px;
		left: -999em;
		margin:0;
		padding:0;
		width:171px;
		z-index: 5000;

		}

	#nav1 li ul li {
		float: none;
		padding:0;
		margin: 0 0 0 0;
		width:171px;
		border-bottom: 1px solid #4bb5e5;
		background:#0089c7
		}

	#nav1 li ul li a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		float:none;
		width:150px;
		height:auto;
		line-height:14px;
		text-indent:0;
		font-size:0.85em;
		color:#fff;
		padding:4px 10px 4px 11px;
		overflow:visible;
		text-decoration:none;
		font-weight: normal;
		}

	#nav1 li ul li a:hover {
		height: auto;
		color:#000;
		background:#6abf36;
		}

	#nav1 li:hover ul,
	#nav1 li.sfhover ul {
		display:block; left: auto;

		} 

	 
	 
	 
	 /* ---- SIDE NAV SPECIFIC ------
-------------------------------------------------------------------- */		
		
	.sideNav ul {
		margin:0;
		padding:15px 0 0 0;
		list-style-type: none;
		font-size: 0.9em;
	}
	
	.sideNav li {
		list-style: none;
		margin:0;
		padding:5px 0 5px 20px;
		border-bottom: 1px dashed #c1c1c1;
		background:url(../images/nav/sidenav-arrow.gif) 0 -40px no-repeat;
	}
	
	.sideNav a {
		display:block;
		width: 160px;
		font-weight: normal;
		padding:0 0 4px 0;
		text-decoration: none;
		color: #7b7b7b;
	}
	
	.sideNav a:hover {
		 color: #0493b0;
		 text-decoration: underline;
	}
	
	.sideNav li.active {
		display: block;
		padding:5px 0 5px 20px;
		color: #0089c7;
		background:url(../images/nav/sidenav-arrow.gif) 0 5px no-repeat;
	}
	
	.sideNav li.active a{
		color: #0089c7;
	}	 
	 
	 
	 
	 /* ---- HOMEPAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	.contentHomeIntro {
		padding: 20px;
		width: 675px;
	}
	
	.contentHomeIntro h1 {
		font-size: 1.8em;
		color: #0089c7;
	}
	
	.contentHomeIntro h2 {
		font-size: 1.4em;
		color: #0089c7;
	}
	
	.homeImage {
		background:url(../images/home/home-image.jpg) right 0 no-repeat;
	}
	
	.strap {
		display: block;
		padding: 10px 20px 10px 60px;
		width: 668px;
		height: 29px;
		font-size: 1.8em;
		color: #ffffff;
		background:url(../images/home/strap-bg.gif) no-repeat;
	}
	
	
	ul.homeList {
		float: left;
		padding: 0;
		margin: 0;
		width: 690px;
		list-style: none;

	}
	
	ul.homeList li {
		 float: left;
		 margin: 0 20px 0 0;
		 padding-left: 25px;
		 width: 290px;
		 height: 20px;
		 list-style: none;
		 font-size: 1.2em;
		 font-weight: normal;
		 color: #09408b;
		 font-weight: 700;
		 background:url(../images/home/home-list-bullet.gif) no-repeat;

	}
	
	.modules {
		padding: 10px 0 0 15px;
	}
	
	.module {
		float: left;
		margin-right: 4px;
		width: 300px;
		height: 264px;
		background:url(../images/home/module-bg.jpg) 0 0px no-repeat;
	}
	
	.title {
		padding: 6px 0 0 40px;
	}
	
	.moduleFree {
		padding: 0px 0 0 8px;
	}
	
	.moduleOnline {
		padding: 20px 0 0 30px;
	}
	
	.moduleVideo {
		float: left;
		padding-left: 8px;
		margin-right: 4px;
		width: 300px;
		height: 264px;
	}
	
	#player {
		display:block;
		width:278px;
		height:212px;
		margin: 5px 0 0 0;
		border-right: 3px solid #000000;
		border-left: 3px solid #000000;
	}
	
	#player2 {
		display:block;
		width:320px;
		height:240px;
		margin: 5px 0 0 0;
		border-right: 3px solid #000000;
		border-left: 3px solid #000000;
	}
	
	
	/* ---- SECONDARY PAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	.forumColumn {
		padding: 10px 0;
	}
	
	.content h1 {
		color: #FFF;
		text-align: right;
		font-size: 1.5em;
		padding: 8px 20px 0 0;
		margin-bottom: 10px;
	}
	
	.columnMain h2 {
		color: #77b642;
		font-size: 1.3em;
	}
	
	.addOn {
		padding: 20px 0;
		height: 20px;
		background:url(../images/generic/divider.gif) 0 0 no-repeat;
	}
	
	.addOn a {
		font-size: 1.3em;
		color: #77b642;
		font-weight: 700;
	}
	
	.addOn a:hover {
		color: #0493b0
	}
	
	.columnImage img {
		padding: 3px;
		margin-bottom: 10px;
		border: 1px solid #063;
	}
	
	.forumColumn h1 {
		color: #FFF;
		text-align: right;
		font-size: 1.5em;
		padding-right: 20px;
		margin-bottom: 10px;
	}
	
	
	
	/* ---- ONLINE TRAINING ------
-------------------------------------------------------------------- */
	
	.trainingProgram {
		border-bottom: 1px dashed #666;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	.trainingProgram ul {
		
	}
	
	.trainingImage {
		float: right;
		padding: 3px;
		margin: 0 20px 10px 10px;
		border: 1px solid #063;
	}
	
	.price {
		font-size: 1.5em;
		font-weight: 700;
		color: #09F;
		padding-bottom: 5px;
	}
	
	.terms {
		font-size: 0.85em;
	}
	

		
	/* ---- SUPERSTARS ------
-------------------------------------------------------------------- */

	ul.superstar {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	ul.superstar li {
		float: left;
		width: 330px;
		height: 300px;
		padding: 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px dashed #cccccc;
		list-style: none;
	}

		
	/* ---- FORM STYLE ------
-------------------------------------------------------------------- */

	.form {
		margin: 0 0 20px;
		border: 0;
	}

	.form .label {
		width: 160px;
		font-size: 1.1em;
		padding: 6px 6px 10px 0;
	}
	
	.form td {
		padding: 6px 6px 10px 0;
		border-bottom: 1px dashed #c1c1c1;
	}

	.form input, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		width: 220px;
		color: #333;
		padding: 3px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		margin-bottom: 5px;
		vertical-align: top;
		background: url(../images/generic/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}
	
	.form input.radio {
		width: auto;	
	}

	.form select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin:10px 0 0 0;
		vertical-align: middle;
		background: #fff url(../images/generic/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}

	input.submitButton {	
		border: 0;
		width: 81px;
		height: 21px;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.2em;
		background: none;
	}	
	
	 /* ---- FOOTER ------
-------------------------------------------------------------------- */	
	
	
	#footer {
		position: relative;
		clear:both;
		width: 900px;
		height: 82px;
		padding: 20px;
		margin: 0 auto;	
		font-size: 0.85em;
		color:#ffffff;
		background:url(../images/generic/footer-bg.gif) repeat-x;
	}

	#footer a {
		padding: 0 5px;
		font-weight: normal;
		color: #ffffff;
	}
	
	#footer a:hover {
		color: #c9ff9b;
	}
	
	a.ticktock {
		position: absolute;
		display: block;
		width: 113px;
		height: 12px;
		top: 20px;
		left: 800px;
		margin: 0;
		text-indent: -9999px;
		background: url('../images/generic/ticktock.gif') 0 0 no-repeat;
	}
	
	a.ticktock:hover {
		background: url('../images/generic/ticktock.gif') 0 -13px no-repeat;
	}
	
	/* ---- sIFR ------
-------------------------------------------------------------------- */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active .contentHomeIntro h1 { font-family: Verdana; visibility: hidden; }
  .sIFR-active .contentHomeIntro h2 { font-family: Verdana; visibility: hidden; }
  .sIFR-active .strap { font-family: Verdana; visibility: hidden; }
  .sIFR-active .content  h1 { font-family: Verdana; visibility: hidden; }
  .sIFR-active .content  h2 { font-family: Verdana; visibility: hidden; }
  .sIFR-active .content h3 { font-family: Verdana; visibility: hidden; }
  
}