/* Self Clearing Floats */
/* ---------------------------------------- */

/* effective yet slightly paranoid clearfix hack */
.clearfix:after {
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
		content: " ";
	clear: both;
	}
* html .clearfix { display: inline-block; }

/* ############################################################################################## Main Setup */

body{font-family:arial,verdana,sans-serif;font-size:12px;background:#FFF;margin:0px;}
a:active, a:focus{ outline: none; }

a{color:#248;}
a:hover{color:#c03;}
.h3{font-size:1em;font-weight:bold;}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{margin-top:0px;padding-top:0px;font-family:arial,verdana,sans-serif;font-weight:bold;}
h1,.h1{font-size:18px;}
h2,.h2{font-size:16px;}
h3,.h3{font-size:14px;}
img{border:0px;}

h1.home{font-size:12px;}


.movie_callout,
.movie_callout_r{
	float:left;
	text-align:left;
	padding:15px 15px 5px 15px;
	border:solid 1px #ABD;
	margin:0px 15px 0px 0px;
	width:320px;
}
.movie_callout h3,
.movie_callout_r h3{margin:0px;padding:0px 0px 5px 0px;}
.movie_callout_r{float:right;margin:0px 0px 0px 15px;}
#topnav,
#mainnav,
#content,
#footer{
	width:902px;
	margin:0px auto;
}
#content,
#footer{
	width:882px;
}
#index #content{
	width:902px;
}
#content-frame{
	width:960px;
	margin:0px auto;
}
#topnav{
	background:url('../images/topnav-bg.gif') no-repeat left bottom;
	height:23px;
	padding-top:12px;
	text-align:right;
	font-size:11px;
}
#topnav a{
	color:#269;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	border-left:solid 1px #CCC;
}
#topnav a:hover{
	color:#c03;
}
#topnav #home{
	border:none;
}
#topnav #new{
	font-weight:bold;
	color:#A03;
}
#frame{
	background:url('../images/frame-bg.gif') repeat-x;
}

#content-frame{
	background:url('../images/logo_ks.gif') no-repeat;
}
#heading{
	 text-align:right;
	 position:relative;
	 left:10px;
	 
}

/* NAV */

#mainnav{
	background:url('../images/mainnav-bg.gif') repeat-x;
	height:25px;
	border-collapse:collapse;
	border:none;
	padding:0px;
	margin-top:0px;
}
#mainnav-links{
	height:25px;
	font-family:'arial narrow',arial,'lucida grande','tahoma',arial,sans-serif;
	background:url('../images/mainnav-left.gif') no-repeat;
	text-align:right;
}
#mainnav-links a{
	color:#A1A9B0;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	border-left:solid 1px #4D73A0;
	font-size:15px;
	font-weight:bold;
	float:right;
	background:url('../images/nav-sprite.gif') no-repeat;
	height:25px;
}
#mainnav-links a span{
	position:relative;
	top:-10000px;
	letter-spacing: -5px;
}
#mainnav-links a:hover{
	color:#C1C9D0;
}
#mainnav-links #gravity{
	border:none;
}
#home #home{
	font-weight:bold;
}
#schedule #schedule,
#exercise #exercise,
#services #services,
#programs #programs,
#personal_training #personal_training,
#gravity #gravity{
	color:#FFF;
	Xbackground:url('../images/mainnav-bg.gif') repeat-x;
}
a#gravity			{width: 100px;background-position:   10px  -0px;}
a#personal_training	{width: 105px;background-position: -100px  -0px;}
a#services			{width:  50px;background-position: -215px  -0px;}
a#programs			{width:  58px;background-position: -275px  -0px;}
a#schedule			{width: 108px;background-position: -343px  -0px;}

a#gravity:hover				{background-position:   10px -25px;}
a#personal_training:hover	{background-position: -100px -25px;}
a#services:hover			{background-position: -215px -25px;}
a#programs:hover			{background-position: -275px -25px;}
a#schedule:hover			{background-position: -343px -25px;}

#gravity a#gravity						{background-position:   10px -50px;}
#personal_training a#personal_training	{background-position: -100px -50px;}
#services a#services					{background-position: -215px -50px;}
#programs a#programs					{background-position: -275px -50px;}
#schedule a#schedule					{background-position: -343px -50px;}

/*
nav-.gif
nav-.gif
nav-.gif
nav-.gif
nav-.gif
*/
#subnav{
	width:200px;
	margin-right:50px;
	margin-top:50px;
	float:left;
}
#subnav a{
	display:block;
	border-bottom:dotted 1px #ABD;
	padding:8px 10px;
	text-decoration:none;
}
#subnav a:hover{color:#903;text-decoration:underline;}

/* HOME */

/* HOME */

#home_callouts{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
}

#home_callouts th{
	width:5px;
}
#home_callouts td{
	border:solid 1px #BCC6D2;
	padding:1px;
	vertical-align:top;
}
#home_callouts td h2{
	background:#345;
	background:url('../images/mainnav-bg.gif') repeat-x left center;
	color:#FFF;
	font-weight:bold;
	padding:3px 10px;
	margin:0px;
	font-size:14px;
	text-align:center;
}
#home_callouts .callout_content{
	height:150px;
	padding:.7em;
}
#home_callouts .cta{
	text-align:right;
	padding-right:10px;
	padding-bottom:.7em;
}

#footer{
	margin-top:1em;
	padding:1em 0px;
	text-align:center;
	border-top:solid 1px #BCC6D2;
	font-size:.9em;
}

.callout{
	background:#EEE; 
	border:solid 1px #CCC;
	padding:10px;
}

.callout h1,
.callout h2,
.callout h3,
.callout h4{
	color:#033672;
	margin:0px;
	margin-bottom:5px;
	font-family:arial,verdana,sans-serif;
}

/* TWO COLUMN */
.two_col{
	float:left;
	background:url('../pics/dot_sliceX.gif') repeat-y center top;
	width:100%;
}
.two_col-left,
.two_col-right{
	float:left;
	width:48%;
	text-align:left;
}
.two_col-right{
	float:right;
}

/* TWO COLUMN */


/* NEW */

.article {
	border:solid 1px #ccc; 
	background:url('../images/bg_article.gif');
	padding:10px;
	margin-bottom:20px;
	}
.class_desc {
	border:solid 1px #ccc; 
	background:url('../images/bg_article.gif');
	padding:10px;
	}
.subhead {
	margin:0px;
	background:url('../images/ks_header-bg.gif') no-repeat;
}
.subhead h1{
	margin:0px;
	padding:3px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	background:url('../images/ks_header-bg-right.gif') no-repeat right top;
}
#TB_title.subhead{
	background:url('../images/ks_header-bg2.gif') no-repeat;
}
#TB_title.subhead h1{
	background:url('../images/ks_header-bg-right2.gif') no-repeat right top;
}

.article_services {
	background:url('../pics/dot_slice.gif') repeat-x top;
	width:250px;
	padding-top:10px;
	margin-bottom:20px;
	}
.subhead_services {
	width:250px;
	margin:0px;
}

.stoplight{ 
	padding-top:8px;
	padding-bottom:5px;
	list-style-type:none;
}
.stoplight_green{ 
	list-style-image: url('../pics/stoplight_green.gif');
}
.stoplight_red{
	list-style-image:url('../pics/stoplight_red.gif');
}
.stoplight_yellow{
	list-style-image:url('../pics/stoplight_yellow.gif');
}


/* NEW */

.special{
	border:solid 1px #FFF;
	background:#033672;
	color:#FFF;
	padding:5px;
}
.special h3{
	margin:0px 0px 5px 0px;
	text-align:center;
	color:#FFF;
}

ul.left_bullets{
	margin:0px;
	padding:0px;
	margin-left:15px;
}

#member_discounts{
	background:#EEE url('../images/logo_soup.gif') no-repeat 400px 50px;
	padding-top:2em;
	padding-bottom:2em;
}
#member_discounts li{
	padding-bottom:.5em;
}
#member_discounts .org,
#member_discounts .discount{
	font-weight:bold;
}
#member_discounts .discount{
	color:#F00;
}
#member_discounts .contact{
	display:block;
}

#default form{width:500px;margin:0 auto;}
form .required{color:#F00;}

#topnav a#taf{
	background: url('../images/network_icon.gif') no-repeat 5px top;
	padding-left:22px;
}

#topnav a#fb,
#topnav a#twitter,
#topnav a#youtube{
	text-align:left;
	float:left;
	width:22px;
	height:20px;
	background: url('../images/social_networking-icons.gif') no-repeat 0px top;
	padding-left:0px;
	margin-right:20px;
	text-indent:-10000px;
	color:#F00;
	font-size:1px;
	border:none;
	position:relative;
	top:-6px;
}
#topnav a#twitter{background-position: -30px top;}
#topnav a#youtube{background-position: -60px top;}

.hide{ display:none; }

#lightbox-offer{
	background: #FFF;
	text-align:left;
	height:100%;
	width:100%;
}
#iframe{
	margin:0 10px;
	padding:0;
}
#iframe form{margin:0;padding:0;}
.note{font-size:.9em;}

#iframe dl,
#iframe dt,
#iframe dd{float:left;margin:0;padding:0;}

#iframe dt{width:140px;position:relative;top:4px;clear:both;}
#iframe dd{width:340px;padding-bottom:5px;}

#iframe .full	{width:330px;}
#iframe dl		{margin-top:-15px;}
