/* TAGS */
body, html {width:100%; height:100%; font:normal 12px Arial, Helvetica, sans-serif; padding:0px; margin:0px;}
a {font-weight:bold;}
br.force_break {clear:both; display:block; width:100%;}
img {border:none;}
caption {display:none;}

/* CORE TEMPLATE */
#outerframe {width:100%;}
#innerframe {width:836px; overflow: auto; margin:0 auto; background-color:#fff;}
#mainframe {width:796px; float:left;}
.side_left {float:left; display:block; height:680px; width:20px;}
.side_right {float:right; display:block; height:680px; width:20px;}

/* MAIN NAV & SPLASH */
.address, .address a {color:#fff; text-align:right; padding:38px 20px 0 0; margin:0px; text-decoration:none;}
.main_nav 		{float:right; padding:18px 15px 10px 0; text-align:center; width:500px; font-size:14px; margin: 0px;}
.main_nav li 	{display:inline; padding:0 7px;}
.main_nav a 	{color:#999; text-decoration:none; font-weight:bold;}
.main_nav a:hover {text-decoration:underline;}
.main_nav a.fit4life {color:#999;}
.main_nav a.fit4life:hover {color:#99CC00;}
.main_nav a.kinderbounce {color:#7416a0;}
.main_nav a.kinderbounce:hover {color:#9966CC;}
.main_nav a.dancetrix {color:#102575}
.main_nav a.dancetrix:hover {color:#6699CC}
.main_nav a.steeleswest {color:#900;} 
.main_nav a.steeleswest:hover {color:#F00;}

.splash 		{clear:both; padding-top:15px; height:160px; width:100%; font:normal 14px Georgia, "Times New Roman", Times, serif; color:#fff;}
.splash .bg		{
	background-color:#000000;
	border:1px solid #FFFFFF;
	height:130px;
	left:10px;
	opacity:0.3;
	filter: alpha(opacity=30);
	position:absolute;
	top:0px;
	width:465px;
}
.splash .line	{clear:both; display:block; width:420px; left:30px; position:absolute; text-shadow:#000 2px 2px 3px;}
.splash .one 	{top:20px;}
.splash .two 	{font-size:25px; line-height:35px; text-align:center; top:40px;}
.splash .three {text-align:right; top:75px;}
.splash .four 	{font-style:italic; text-align:right; top:105px;}
.splash .position_helper {position:relative; }
.splash .promo {
    height:195px;
    margin:97px 0 0 647px;
    position:absolute;
    text-indent:-100%;
    top:0;
    width:201px;
    overflow:hidden;
}

/* SECONDARY NAV */
.secondary_nav 	{padding:5px;	float:left;	width:175px; margin:0px;}
.secondary_nav li	{display:block; float:left; width:175px;}
.secondary_nav a	{display:block; float:left; width:155px; padding:5px 10px; text-decoration:none; background-image:url('../../fit4life/graphics/secondary_nav_knockout.gif'); background-position:left top;}
.secondary_nav a:hover {background-color:#ebebeb;}
.secondary_nav .active a {} 

/* MAIN CONTENT */ 
.content {padding:10px; overflow:auto; width:776px; float:left;}
.content a {text-decoration:none;}
.content h1 {font:normal 165% Arial, Helvetica, sans-serif; border-bottom-style:solid; border-bottom-width:1px; padding:3px 0; margin:0 0 15px;}
.content h2 {font:bold 125% Arial, Helvetica, sans-serif; text-transform:capitalize; margin-bottom:0;}
.content h3 {margin:5px;}
.main_content 		{width:590px; float:left; font-size:110%; font-family:Geneva, Arial, Helvetica, sans-serif;}
.main_content p 	{margin:5px 0; padding:0px;}
.main_content .left {float:left;}
.main_content .right {float:right;}
.main_content .revealer {padding:0 0 0 0; margin-bottom:5px;}
.main_content .revealer .callout {margin-top:0;}
img.callout {padding:2px; border-width:2px; border-style:solid; margin:10px 10px;}

.main_content .schedule {width:100%; border-collapse:collapse;}
.main_content .schedule td {padding:0px 0; font-size:85%; width:85px; border-width:0px; border-right-width:1px; border-left-width:1px; border-style:solid; text-align:center; height:24px;}
.main_content .schedule th {padding:5px;} 
.main_content .schedule td a,
.main_content .schedule td span {display:block; padding:5px;}
.main_content .schedule tr.top th,
.main_content .schedule tr.bottom th {padding:0} 
.main_content .schedule tr.top td {border-top-width:1px;}
.main_content .schedule tr.bottom td {border-bottom-width:1px;} 
.main_content .schedule tr.morning td {background-color:#fffe9b; border-color:#ffbc46;}
.main_content .schedule tr.evening td {background-color:#c7d9ff; border-color:#3c5c83;}

.main_content fieldset 		{border:1px solid; margin:5px 0; }
.main_content legend 		{font-weight:bold; color:#000; border:1px solid; padding:3px 8px; background-color:#fff;}
.main_content .fieldShadow {border:1px solid; padding:3px;}
.main_content form p {clear:both; margin:5px 5px;}
.main_content form h3 {text-align:center;}
.main_content form label {display:block; float:left; width:125px; text-align:right;	margin:0 10px 0 0;}
.main_content form input {font-size:85%;}
.main_content form textarea{display:block; height:100px; margin:10px; width:450px}
.main_content .error {color:#C00; font-weight:bold;}
.main_content p.error {margin:5px 5px;}
.main_content p .alert {display:none;}
.main_content p.error .alert {display:inline; margin-left:5px; padding-left:20px; font-style:italic; background: url(../../fit4life/graphics/cross_circle.png) no-repeat 0px 0px;}
.main_content .note {font-size:85%;}
.main_content blockquote {margin:0 auto; width:510px; padding:20px 20px 0;}

.main_content a[rel^="milkbox"] {
    display:block;
    float:left;
    height:120px;
    text-align:center;
    width:120px;
}
.main_content a[rel^="milkbox"] img {
    margin:0;
}
.birthdayPricingTable {border-collapse:collapse;}
.birthdayPricingTable td, 
.birthdayPricingTable th {padding:5px; border:1px solid #ccc;}

/* FOOTER */
#footerframe 			{width:100%;}
#footercontent 		{margin:0 auto; width:780px; height:300px; padding:48px 60px 0 ;}
#footercontent a 		{text-decoration:none;}
#footercontent p 		{margin:-5px 0 15px; font-size:12px; padding-bottom:15px; border-bottom-style:dotted; border-bottom-width:1px; }
#footercontent p b 	{margin-left:175px; font-weight:normal;}
#footercontent ul 	{display:block; float:left; height:100px; width:150px; border-left-style:dotted; border-left-width:1px; padding:0 20px; margin:0px;}
#footercontent li 	{list-style-type:none;} 
#footercontent ul.start {border:none;}
#footercontent ul .header {font:normal 18px Georgia, "Times New Roman", Times, serif; text-align:center; padding-bottom:5px;}
