@charset "UTF-8";
/* CSS Document */

/* GENERAL STYLES */
html{
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../images/bottom.gif) bottom repeat-x;
}

body{
width:100%;
height:100%;
margin:0;
padding:0;
overflow:hidden;
background:url(../images/top.gif) top repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color:#333333;
}

a{
color:#00c8ff;
text-decoration:none;
outline:none;
}

a:hover{
color:#333333;
}

#baselinks a{
color:#CCCCCC;
text-decoration:none;
}

#baselinks a:hover{
color:#00c8ff;
text-decoration:none;
}


h1{
font-size:16px;
line-height:20px;
color:#00C8FF;
}

h2{
font-size:16px;
line-height:20px;
color:#00C8FF;
display:inline;
}

/*ID'S*/
div#wrapper{
height:100%;
overflow-y:scroll;
width:100%;
}

#container{
width:800px;
margin:0 auto;
}

#welcome{
background:url(../images/ifit-home-image.jpg) no-repeat;
height:390px;
margin-top:20px;
}

#fm-nav, #gtt-nav{
height:52px;
float:left;
display:block;
background-position:0 0;
background-repeat:no-repeat;
}

#fm-nav span, #gtt-nav span{
display:none;
}

#fm-nav:hover, #gtt-nav:hover{
background-position:0 -52px;
}

#fm-nav{
margin:329px 0 0 517px;
width:133px;
background-image:url(../images/fitness-menu-nav.gif);
}

#gtt-nav{
margin:329px 0 0 0;
width:126px;
background-image:url(../images/group-tt-nav.gif);
}

#download-tt{
width:300px;
float:right;
}

/* MENU*/

#menu{
width:750px;
background:url(../images/ifit-menu_bg.gif) center no-repeat;
height:75px;
}

div#flashcontent3{
height:35px; 
width:500px; 
float:right;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav a {
display: block;
color:#666666;
font-size:13px;
}

#nav a:hover{
color:#00c8ff;
}

#nav li {
	float: left;
/*	width: 50px;;
*/}

#nav li ul {
clear:left;
text-align:left;
position: absolute;
width: 140px;
background-color:#FFFFFF;
margin-top:40px;
padding:10px;
left: -999em;
}

#nav li:hover ul {
left: auto;
}

.navspacer{
padding-bottom:10px;
}

#home{
display: block;
width: 75px;
height: 40px;
background:url(../images/home-button.gif) no-repeat 0 0;
float:left;
}

#home:hover
{ 
background-position:0 -40px;
}

#home span
{
  display: none;
}

#aboutus
{
display: block;
width: 97px;
height: 40px;
background:url(../images/about-us-button.gif) no-repeat 0 0;
float:left;
}

#aboutus:hover
{ 
  background-position: 0 -40px;
}

#aboutus span
{
  display: none;
}

#programs
{
  	display: block;
  	width: 111px;
  	height: 40px;
  	background:url(../images/programs-buttons.gif) no-repeat 0 0;
}

#programs:hover
{ 
  background-position: 0 -40px;
}

#programs span
{
  display: none;
}

#products
{
  	display: block;
  	width: 107px;
  	height: 40px;
  	background:url(../images/products-button.gif) no-repeat 0 0;
	float:left;
}

#products:hover
{ 
  background-position: 0 -40px;
}

#products span
{
  display: none;
}

#testimonials
{
  	display: block;
  	width: 125px;
  	height: 40px;
  	background:url(../images/testimonials-button.gif) no-repeat 0 0;
	float:left;
}

 #testimonials:hover
{ 
  background-position: 0 -40px;
}

#testimonials span
{
  display: none;
}

 #contact
{
  	display: block;
  	width: 105px;
  	height: 40px;
  	background:url(../images/contact-button.gif) no-repeat 0 0;
	float:left;
}

#contact:hover
{ 
  background-position: 0 -40px;
  background-color:#FFFFFF;
}

#contact span
{
  display: none;
}






/* COL STYLES */

/***************
WEDDING
*/

#weddingmaincol{
background:url(../images/wedding-vert-bg.gif) repeat-y center  ;
width:750px;
}

div#weddingmaincol h2, div#weddingmaincol a{
color:#EC338F;
}


#weddingmaincoltop{
background:url(../images/wedding-trainer-heading.gif) top center no-repeat;
height:60px;
margin-top:20px;
}

#weddingmaincolbase{
background:url(../images/wedding-base.gif) center top no-repeat;
height:30px;
}

#weddingimage{
float:left;
width:350px;
height:420px;
background:url(../images/wedding-main.jpg) center 20px no-repeat;
}


/***************
PERSONAL TRAINING
*/

#personalmaincol{
background:url(../images/personal-bg_mid.gif) repeat-y center;
width:750px;
}

#personalmaincol h2, #personalmaincol a{
color:#353DB1;
}


#personalmaincoltop{
background:url(../images/personal-bg_top.gif) no-repeat top center;
height:60px;
margin-top:20px;
}

#personalmaincolbase{
background:url(../images/personal-bg_base.gif) no-repeat center top;
height:30px;
}

#personalimage{
float:left;
width:350px;
height:420px;
background:url(../images/personal-training-main.jpg) no-repeat center 20px;
}
#logoActive{
float:left;
margin-top:435px;
width:350px;
height:180px;
background:no-repeat center 20px;
}

/***************
IFIT KIDS
*/

#ifitkidsmaincol{
background:url(../images/ifitkids-bg_mid.gif) repeat-y center  ;
width:750px;
}

#ifitkidsmaincol h2, #ifitkidsmaincol a{
color:#00CFDC;
}

#ifitkidsmaincoltop{
background:url(../images/ifitkids-bg_top.gif) no-repeat top center;
height:60px;
margin-top:20px;
}

#ifitkidsmaincolbase{
background:url(../images/ifitkids-bg_base.gif) no-repeat center top;
height:30px;
}

#ifitkidsimage{
float:left;
width:350px;
height:620px;
background:url(../images/ifitkids-main.jpg) no-repeat center 20px;
}

/***************
FITNESS CONCIERGE
*/

#fitness-conciergemaincol{
background:url(../images/fitness-concierge_mid.gif) repeat-y center;
width:750px;
}

#fitness-conciergemaincol h2, #fitness-conciergemaincol a{
color:#FF5400;
}

#fitness-conciergemaincoltop{
background:url(../images/fitness-concierge_top.gif) no-repeat top center;
height:60px;
margin-top:20px;
}

#fitness-conciergemaincolbase{
background:url(../images/fitness-concierge_base.gif) no-repeat center top;
height:30px;
}

#fitness-conciergeimage{
float:left;
text-align:left;
width:350px;
}

div#fitness-concierge-breakout-text{
padding:20px;



}

/***************
SPORTS SPEED
*/

#sports-speedmaincol{
background:url(../images/sports-speed-bg_mid.gif) repeat-y center  ;
width:750px;
}

#sports-speedmaincol h2, #sports-speedmaincol a{
color:#23A300;
}

#sports-speedmaincoltop{
background:url(../images/sports-speed-bg_top.gif) no-repeat top center;
height:60px;
margin-top:20px;
}

#sports-speedcolbase{
background:url(../images/sports-speed-bg_base.gif) no-repeat center top;
height:30px;
}

#sports-speedimage{
float:left;
width:350px;
height:900px;
background:url(../images/sports-speed-main.jpg) no-repeat center 20px;
}

/***************
CORPORATE HEALTH
*/

#corporate-health-main-maincol{
background:url(../images/corporate-health-bg_mid.gif) repeat-y center;
height:auto;
width:750px;
}


div#corporate-health-main-maincol h2, div#corporate-health-main-maincol a{
color:#AD00EE;
}

#corporate-health-main-coltop{
background:url(../images/corporate-health-bg_top.gif) no-repeat top center;
height:60px;
margin-top:20px;
}

#corporate-health-colbase{
background:url(../images/corporate-health-bg_base.gif) no-repeat center top;
height:30px;
}

#corporate-health-image{
float:left;
width:350px;
height:820px;
background:url(../images/corporate-health-main.jpg) no-repeat center 20px;
}

/***************
CONTACT
*/

#contact-main-coltop{
background:url(../images/contact-top.gif) no-repeat top center;
height:60px;
margin-top:20px;
}

#contact-image{
float:left;
width:350px;
height:500px;
background:url(../images/ifit-logo.jpg) center 20px no-repeat;
}

#ifit-power-mix{
float:left;
width:350px;
height:350px;
}

#ifit-power-mix-text{
padding:20px;
}

div#ifit-power-mix-text a{
color:#FFFFFF;
display:block;
}
/***************
TESTIMONIALS
*/

#testimonials-main-coltop{
background:url(../images/testimonials-top_01.gif) no-repeat top center;
height:60px;
margin-top:20px;
}

#testimonials-main{
float:left;
width:350px;
height:350px;
background:url(../images/testimonials.jpg) center 20px no-repeat;
}

/***************
ABOUT US
*/

#about-us-main-coltop{
background:url(../images/about-top_01.gif) top center no-repeat;
height:60px;
margin-top:20px;
}

#about-us-main{
float:left;
width:350px;
height:350px;
background:url(../images/about-us.jpg) center 20px no-repeat;
}

/***************
PRODUCTS
*/

#products-main-coltop{
background:url(../images/products-top_01.gif) top center no-repeat;
height:60px;
margin-top:20px;
}

#gift-cert-main{
float:left;
width:350px;
height:350px;
background:url(../images/gift-certificate.jpg) center 20px no-repeat;
}

#dice-main{
float:left;
width:350px;
height:350px;
background:url(../images/dice1.jpg) center 20px no-repeat;
}

#beachflag-main{
float:left;
width:350px;
height:350px;
background:url(../images/beachflags.jpg) center 20px no-repeat;
}

#boxing-inners-main{
float:left;
width:350px;
height:350px;
background:url(../images/boxing.jpg) center 20px no-repeat;
}




/***************
COMMON
*/
#blue-maincol{
background:url(../images/blue-mid.gif) repeat-y center;
width:752px;
height:auto;
}

#blue-colbase{
background:url(../images/blue-base.gif) center top no-repeat;
height:30px;
}


#modules{
height:100px;
margin-top:20px;
}

#baselinks{
padding:30px 0;
color:#CCCCCC;
}

.bluetext{
color:#00C8FF;
}

/*menu IDs*/

#home
{
  	display: block;
  	width: 75px;
  	height: 40px;
  	background:url(../images/home-button.gif) no-repeat 0 0;
	float:left;
}

#home:hover
{ 
  background-position: 0 -40px;
}

#home span
{
  display: none;
}

#aboutus
{
  	display: block;
  	width: 97px;
  	height: 40px;
  	background:url(../images/about-us-button.gif) no-repeat 0 0;
	float:left;

}

#aboutus:hover
{ 
  background-position: 0 -40px;
}

#aboutus span
{
  display: none;
}

#programs
{
  	display: block;
  	width: 111px;
  	height: 40px;
  	background:url(../images/programs-buttons.gif) no-repeat 0 0;
	float:left;
}

#programs:hover
{ 
  background-position: 0 -40px;
}

#programs span
{
  display: none;
}



#products
{
  	display: block;
  	width: 107px;
  	height: 40px;
  	background:url(../images/products-button.gif) no-repeat 0 0;
	float:left;
}

#products:hover
{ 
  background-position: 0 -40px;
}

#products span
{
  display: none;
}

#testimonials
{
  	display: block;
  	width: 125px;
  	height: 40px;
  	background:url(../images/testimonials-button.gif) no-repeat 0 0;
	float:left;
}

#testimonials:hover
{ 
  background-position: 0 -40px;
}

#testimonials span
{
  display: none;
}

#contact
{
  	display: block;
  	width: 105px;
  	height: 40px;
  	background:url(../images/contact-button.gif) no-repeat 0 0;
	float:left;
}

#contact:hover
{ 
  background-position: 0 -40px;
}

#contact span
{
  display: none;
}

/* CLASSES */

.leftcol{
float:left;
width:350px;
}

.rightcol{
float:right;
width:350px;
padding:20px;
}

.mapcol{
margin:20px;
float:left;
width:710px;
}

.clear {
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	clear: both;
}

.column{
width:180px; 
float:left;
}

.narrowcol{
width:100px; 
float:left;
}

.widecol{
float:left;
}

.formrow{
margin-bottom:5px;

}


body#page-home #home,
body#page-aboutus #aboutus,
body#page-programs #programs,
body#page-products #products,
body#page-testimonials #testimonials,
body#page-contact #contact
{
background-position: 0 -40px;
}