/***********GENERAL**************/

.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; 
}

.clearfix 
{
	display: inline-block; 
}

html[xmlns] .clearfix 
{
	display: block; 
}

* html .clearfix 
{
	height: 1%; 
}



html
{
	background: #000000;
}

body
{
	font-size: 90%;
	line-height: 1em;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Trebuchet, sans-serif;
}

sup
{
	vertical-align: text-top;
}

a
{
	text-decoration: none;
}

img
{
	border: none;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

#wrapper-outer
{
	width: 985px;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	background: #ffffff;
}

	#wrapper
	{
		width: 955px;
		margin: 0 auto 0 auto;
	}

/***************HEADER************/

#header
{
	background: #007682 url('../images/menu_grad.gif') repeat-y 100% 0;
	height: 35px;
	width: 951px;
	font-family: Comic Sans MS, Trebuchet MS, Trebuchet, sans-serif;
}

	#header ul
	{
		margin: 0;
		padding: 0;
		height: 25px;
	}
	
		#header ul li
		{
			float: left;
			height: 27px;
			display: inline;
			margin-bottom: 0;
			padding: 0;
			border-right: 1px solid #ffffff;
		}
		
		#header ul li.last
		{
			border: none;
		}
		
			#header ul li a
			{
				float: left;
				color: #9edde3;
				margin: 0;
				padding: 10px 10px 0 10px;
			}
			
			#header ul li a.last
			{
				padding-right: 13px;
				padding-left: 13px;
			}
			
			#header ul li a.super-text
			{
				padding-top: 8px;
				line-height: 1.6em;
				font-size: 0.9em;
			}
			
			#header ul li a.hi
			{
				color: #ffffff;
			}
			
			#header ul li a:hover
			{	
				color: #ffffff;
			}
			
/***************CONTENT***********/
#content
{
	position: relative;
	clear: both;
	background: url('../images/left_bg.gif') repeat-y 0 0;
}

	#content #top-grad
	{
		width: 952px;
		height: 8px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
		background: url('../images/top_grad.png') repeat-x 0 0;
	}
	
		#content #top-grad img
		{
			float: right;
		}
		
	#content #col-1
	{
		background: #cbd6d8 url('../images/left_col_bg.gif') no-repeat 0 0;
		height: 500px;
		width: 160px;
		float: left;
	}
	
	#content #col-2
	{
		width: 487px;
		float: left;
		padding: 40px 0 0 27px;
	}
	
		#content #col-2 h1,
		#content #col-2 h2,
        #content #col-3 h1,
		#content #col-3 h2,
		#content #profiles-col-2 h1,
		#content #profiles-col-2 h2
		{
			font-size: 1em;
			color: #007682;
			margin: 0 0 10px 0;
			padding: 0;
		}
		
        #content #profiles-col-2 h2
        {
            margin-top: 35px;
            clear: both;
        }
        
		#content #col-2 p,
		#content #profiles-col-2 p
		{
			font-size: 0.9em;
			color: #666666;
			margin: 0 0 10px 0;
			padding: 0;
		}
		
		#content #col-2 ul,
		#content #col-2 ol
		{
			font-size: 0.9em;
			color: #666666;
			margin: 0 0 10px 0;
			padding: 0 0 0 15px;
		}
		
		#content #col-2 a,
		#content #profiles-col-2 a
		{
			color: #007682;
		}
		
		#content #col-2 a:hover,
		#content #profiles-col-2 a:hover
		{
			text-decoration: underline;
		}
		
		#content #col-2 .info-box,
        #content #col-3 .info-box
		{
			width: 213px;
			background: url('../images/content_info_grad.gif') repeat-y 100% 0;
			margin: 0 0 0 12px;
		}
		
			#content #col-2 .info-box img
			{
				display: block;
			}
			
			#content #col-2 .info-box .inner,
            #content #col-3 .info-box .inner
			{
				background: #8ed1e2 url('../images/content_info_bg2.gif') repeat-x 0 0;
				width: 205px;
                		float: left;
			}
			
					#content #col-2 .info-box .inner span,
                    #content #col-3 .info-box .inner span
					{
						padding: 7px 12px 12px 12px;
						width: 181px;
					}
					
					#content #col-2 .info-box .inner span.main-text,
                    #content #col-3 .info-box .inner span.main-text
					{
						float: left;
						color: #ffffff;
						font-size: 0.85em;
						width: 181px;
					}
					
						 #content #col-3 .info-box .inner span.main-text a
						 {
						 	color: #fff;
						 	font-size: 0.9em;
						 }
					
					#content #col-2 .info-box .inner span.caption,
                    #content #col-3 .info-box .inner span.caption
					{
						clear: both;
						color: #444444;
						font-size: 0.85em;
						margin-bottom: 10px;
						padding: 0 12px 0 12px;
						display: block;
						width: 181px;
					}
					
                    #content #col-2 .info-box span.bottom-border,
                    #content #col-3 .info-box span.bottom-border
                    {
                        float: left;
                        margin-top: -11px;
                        background: url('/images/content_info_bottom.png') no-repeat 0 0;
                        height: 18px;
                        width: 212px;
                    }
                    
		#content #col-2 table.content-table
		{
			width: 487px;
			margin: 0 0 30px 0;
		}
		
			#content #col-2 table.content-table tr
			{
				background: url('../images/table_tr_border.gif') no-repeat 0 100%;
			}
			
				#content #col-2 table.content-table tr th
				{
					height: 35px;
					color: #ffffff;
					background: url('../images/table_th_bg.gif') repeat-x 0 0;
				}
				
					#content #col-2 table.content-table tr th img.left
					{
						float: left;
					}
					
					#content #col-2 table.content-table tr th img.right
					{
						float: right;
					}
					
					#content #col-2 table.content-table tr th span
					{
						float: left;
						padding: 7px 0 0 5px;
					}
					
				#content #col-2 table.content-table tr td
				{
					font-size: 0.85em;
					color: #666666;
					padding: 3px 0 8px 20px;
				}
				
					#content #col-2 table.content-table tr td.left
					{
						width: 170px;
					}
					
					#content #col-2 table.content-table tr td.right
					{
						width: 277px;
					}
					
		#content #col-2 #price-info
		{
			clear: both;
		}
		
			#content #col-2 #price-info h2
			{
				margin: 30px 0 0 0;
				padding: 0;
				font-size: 0.95em;
			}
			
			#content #col-2 #price-info table.prices
			{
				color: #666666;
				font-size: 0.9em;
				border-bottom: 1px solid #cccccc;
				padding-bottom: 10px;
			}
			
				#content #col-2 #price-info table.prices td.info
				{
					width: 300px;
				}
				
		#content #col-2 p.caption
		{
			margin-top: 15px;
			color: #666666;
			font-size: 0.8em;
		}
		
	#content #col-3
	{
		width: 265px;
		float: left;
		padding: 40px 0 0 0;
	}
	
		#content #col-3 img
		{
			margin: 0 0 25px 5px;
		}
		
            #content #col-3 .info-box img
			{
				display: block;
                margin: 0;
			}
			
		#content #col-3 #pilates-photos img
		{
			padding-bottom: 20px;
		}
		
		#content #col-3 #benifit-photos img
		{
			padding-bottom: 60px;
		}
		
		#content #col-3 p
		{
			font-size: 0.9em;
			color: #666666;
			margin: 0 0 10px 0;
			padding: 0;
		}
		
		#content #col-3 p.caption
		{
			padding: 0 0 60px 4px;
			margin: 0;
			color: #666666;
			font-size: 0.8em;
		}
		
		#content #col-3 a
		{
			color: #007682;
		}
		
		#content #col-3 a:hover
		{
			text-decoration: underline;
		}
		
	#content #profiles-col-2
	{
		width: 782px;
		float: left;
	}
	
		#content #profiles-col-2 #manager-profiles-container
		{
			float: left;
			margin: 20px 0 0 0;
		}
		
        #content #profiles-col-2 h2.profile-heading
        {
            padding: 10px 0 0 14px;
            float: left;
        }
        
			#content #profiles-col-2 #manager-profiles-container h2
			{
				padding: 10px 0 10px 14px;
			}
			
			#manager-profiles-container .manager-profile
			{
				width: 358px;
				/*height: 500px;*/
				float: left;
				background: url('../images/manager_profile_side.gif') repeat-y 100% 0%;
				padding: 0 12px 15px 5px;
				margin: 0 0 0 14px;
				border-left: 1px solid #f7f7f7;
				border-top: 1px solid #f7f7f7;
				position: relative;
			}
			
			#manager-profiles-container .short
			{
				height: 440px;
			}
			
				#manager-profiles-container .manager-profile .left,
				#manager-profiles-container .manager-profile .right
				{
					width: 175px;
					float: left;
				}
				
				#manager-profiles-container .manager-profile .left
				{
					padding-right: 8px;
				}
			
				#manager-profiles-container .manager-profile h3
				{
					font-size: 1em;
					color: #007682;
					margin: 0 0 10px 0;
					padding: 0;
				}
				
				#manager-profiles-container .manager-profile p.job-title
				{
					font-weight: bold;
				}
				
				#content #profiles-col-2 #manager-profiles-container .manager-profile p.description
				{
					font-size: 0.85em;
				}
				
				#manager-profiles-container .manager-profile img.corner
				{
					position: absolute;
					top: -1px;
					right: 1px;
				}
				
				#manager-profiles-container .manager-profile img.bottom
				{
					position: absolute;
					bottom: 0;
					left: 0;
				}
				
		#content #profiles-col-2 .teacher-profiles
		{
			border-top: 1px solid #bfdce0;
			float: left;
			margin: 30px 0 0 14px;
			padding: 10px 0 0 0;
			width: 755px;
		}
		
			#content #profiles-col-2 .teacher-profiles .img-container
			{
				width: 125px;
				height: 136px;
				float: left;
			}
			
				#content #profiles-col-2 .teacher-profiles .img-container img
				{
					display: block;
				}
				
			#content #profiles-col-2 .teacher-profiles .info-container
			{
				float: left;
				width: 620px;
				padding: 0 0 0 10px;
			}
			
			#content #profiles-col-2 .teacher-profiles .info-container h3
			{
				font-size: 0.9em;
				color: #007682;
				margin: 0 0 3px 0;
				padding: 0;
			}
			
			#content #profiles-col-2 .teacher-profiles .info-container p.job-title
			{
				font-weight: bold;
				margin: 0 0 3px 0;
				padding: 0;
			}
			
			#content #profiles-col-2 .teacher-profiles .info-container p.description
			{
			
			}
			
/**************HOMEPAGE***************/
	#content #home-col-2
	{
		float: left;
		padding: 10px 0 0 27px;
		width: 755px;
	}
	
		#content #home-col-2 #top
		{
			background: url('../images/main_image.jpg') no-repeat 0 0;
			height: 362px;
			width: 755px;
			float: left;
		}
		
				#content #home-col-2 #top #title-container
				{
					margin: 160px 0 0 70px;
					background: url('../images/home_h1_lc.png') no-repeat 0 0;
					width: 610px;
					height: 35px;
				}
				
					#content #home-col-2 #top #title-container .inner
					{
						background: url('../images/home_h1_rc.png') no-repeat 100% 0;
						height: 35px;
					}
					
					#content #home-col-2 #top h1
					{
						float: left;
						color: #cccccc;
						background: url('../images/transparent_40.png');
						font-size: 1.8em;
						font-weight: normal;	
						height: 30px;
						width: 590px;
						margin: 0 5px 0 5px;
						padding: 5px 0 0 10px;
						line-height: 1em;
					}
					
		#content #home-col-2 p
		{
			clear: both;
			float: left;
			width: 755px;
			margin: 30px 0 0 0;
			padding: 0;
			color: #666666;
			font-size: 0.9em;
		}
	
		#content #home-col-2 #info-box-container
		{
			width: 755px;
			float: left;
			clear: both;
			margin: 30px 0 30px 0;
		}
		
			#content #home-col-2 #info-box-container .info-box
			{
				display: inline;
				width: 200px;
				float: left;
				margin: 0 0 0 77px;
			}
			
			#content #home-col-2 #info-box-container .first
			{
				margin: 0;
			}
			
				#content #home-col-2 #info-box-container .info-box img
				{
					display: block;
				}
				
				#content #home-col-2 #info-box-container .info-box h2
				{
					float: left;
					color: #ffffff;
					font-size: 0.9em;
					padding: 3px 0 0 10px;
					background: #000000;
					margin: 0;
					padding: 3px 0 0 10px;
					display: block;
					width: 190px;
					height: 17px;
					text-transform: uppercase;
				}
				
				#content #home-col-2 #info-box-container .info-box ul
				{
					margin: 10px 0 0 0;
					padding: 0;
					list-style-type: none;
					float: left;
				}
				
					#content #home-col-2 #info-box-container .info-box ul li
					{
						margin: 0;
						padding: 3px 0 0 0;
					}
					
						#content #home-col-2 #info-box-container .info-box ul li a
						{
							font-size: 0.9em;
							color: #666666;
							padding: 0 0 0 10px;
							background: url('../images/green_arrow.gif') no-repeat 0 5px;
						}
						
						#content #home-col-2 #info-box-container .info-box ul li a:hover
						{
							color: #444444;
							background: url('../images/green_arrow_on.gif') no-repeat 0 5px;
						}
						
						
/***************FOOTER************/
#footer
{
	display: inline;
	float: left;
	padding: 10px 0 0 10px;
	margin: 20px 0 0 187px;
	width: 745px;
	height: 100px;
	background: #000000;
	color: #666666;
	font-size: 0.8em;
}

	#footer a
	{
		color: #666666;
	}
	
	#footer a:hover
	{
		text-decoration: underline;
	}
	
	#footer #footer-left
	{
		width: 225px;
		float: left;
	}
	
	#footer #footer-right
	{
		width: 425px;
		float: right;
		text-align: right;
		padding: 0 10px 0 0;
	}