/*

	Twork it out Fitness
	http://www.tworkitoutfitness.com
	Pin use the symbols on the top and bottom to comment.  This is like your notes.

*/

/*

	Table of Contents
	
	1. Body
	2. Typography
	3. Image
	4. Header
	5. Content
	6. Forms
	7. Footer
	
*/

/*
----------Examples---------
font-family: "verdana";
line-height: 1.5em;
text-align: justify;
text-decoration: underline;
font-size: 1.2em;
font-weight: normal;
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
background-image: url('images/pan.gif');
clear: both;
vertical-align: middle;
background-position: bottom;
#ffdd00 #8c8c8c #000000
*/

* 
{
	padding: 0;
	margin: 0;
}

/*


	----------------------------------------------------------------
	1. Body			
	----------------------------------------------------------------

	
*/

body
{
	font-size: 12px;
	font-family: verdana;
	color: #000000;
	background: #111111 url('/image/skys_the_limit_2.jpg') no-repeat;
	background-position: top;
}

body a img
{
	border: 0px;
}

#frame
{ 
	margin: 0 auto;
	width: 850px;
	height:100%;
	border:0px solid #ffffff;
}

.padding10px
{
	padding: 10px;
	vertical-align: top;
}
.padding20px
{
	padding: 20px;
	vertical-align: top;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

/*


	----------------------------------------------------------------
	2. Typography			
	----------------------------------------------------------------

	
*/

p
{
	padding: 10px;
}

.justify
{
	text-align: justify;
}

h1
{
	color: #000000;
	font-family:Georgia,Times;
	font-size: 11pt;
	font-weight: bold;
	letter-spacing:1px;
	padding-bottom: 15px;
	padding-top: 10px;
	text-align: center;
}

h2
{
	color: #000000;
	font-family:Georgia,Times;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 20px 10px 0px;
}

h3
{
	color: #FFD701;
	font-family:Georgia,Times;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing:1px;
	padding-bottom: 15px;
	padding-top: 10px;
	text-align: center;
}

.cssbutton {
	background: #fff;
	padding: 1px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant : small-caps;
	border : 1px solid #DBDBDB;
}
.buttonleft {
	color: #000000;
	background: #DBDBDB;
	padding: 0px 3px 0px 3px;
}
.buttonright {
	color: #000000;
	background: #ffffff;
	padding: 0px 3px 0px 3px;
}

/*


	----------------------------------------------------------------
	3. Image		
	----------------------------------------------------------------

	
*/

/*


	----------------------------------------------------------------
	4. Header			
	----------------------------------------------------------------

	
*/
#header
{
	position: relative;
	float:left;
	width:846px;
	height:80px;
	border-left: 2px solid #515500;
	border-right: 2px solid #515500;
	background: #FFD700 url('/image/header.jpg') no-repeat;
}

#header_right
{
	position: relative;
	float:right;
	width:434px;
	height:60px;
	padding: 10px;
	text-align: right;
	border: 0px solid #000000;
}

#logo
{
	position: relative;
	float:left;
	width:390px;
	height:80px;
	border: 0px solid #000000;
}

#menu
{
	position: relative;
	float:left;
	width:840px;
	height:100%;
	padding: 10px 5px 11px 5px;
	background: #515500;
}

#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 6px 11.4px; }

#navlist a:link, #navlist a:visited
{
color: #ffffff;
text-decoration: none;
background: #81920F;
border: 1px solid #515500;
}

#navlist a:hover
{
color: #ffffff;
background-color: #81920F;
text-decoration: none;
border: 1px solid #FFD801;
}

/*


	----------------------------------------------------------------
	5. Content			
	----------------------------------------------------------------

	
*/

#content
{
	position: relative;
	float: left;
	height: 100%;
	width: 850px;
	background: #ffffff;
}
#content td
{
	vertical-align: top;
}

/*------------------------------------------------------------------HOME--*/
#slideshow_box
{
	position: relative;
	float: left;
	height: 100%;
	width: 810px;
	padding: 20px;
	background: #111111;
}
#home_content
{
	position: relative;
	float: left;
	height: 100%;
	width: 850px;
	background: #ffffff url('/image/white_green_bg.gif') repeat-y;
}
#home_content_2
{
	position: relative;
	float: left;
	height: 100%;
	width: 830px;
	padding: 10px;
	background: #DBDBDB;
}
#home_content_2 td
{
	border: 0px solid #515500;
	padding: 10px;
}
#home_content_left
{
	position: relative;
	float: left;
	height: 100%;
	width: 425px;
	background: #ffffff url('/image/yellow_bg.jpg') repeat-x;
}
#home_content_right
{
	position: relative;
	float: left;
	height: 100%;
	width: 425px;
}
.left_box
{
	position: relative;
	float: left;
	width: 385px;
	height: 100%;
	color:ffffff !important;
	padding: 20px;
}
.right_box
{
	position: relative;
	float: left;
	width: 405px;
	height: 100%;
	background: #969E3F url('/image/right_bg.gif') no-repeat;
	background-position: top;
	color:ffffff !important;
	padding: 10px;
}
.right_box p a:hover
{
	color:#FFD701;
	text-decoration: none;
}
.right_box p a:link , .right_box  p a:visited
{
	color: #FFD701;
	text-decoration: underline;
}
.right_box p
{
	color: #ffffff;
}
.right_box h1
{
	color: #ffffff;
	font-family:Georgia,Times;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing:1px;
	padding: 10px;
	text-align: left;
}

/*------------------------------------------------------------------ABOUT-US--*/
#about
{
	padding: 20px;
}

/*------------------------------------------------------------------FITNESS-PROGRAMS--*/
#fitness_programs
{
	padding: 20px;
}
#fitness_programs table
{
	border: 0px solid #E5E5E5;
	margin: 20px 0px 0px 0px;
}
#fitness_programs td
{
	padding: 10px;
}
.fitness_programs_left
{
	position: relative;
	float: left;
	height: 100%;
	width: 395px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #e5e5e5 url('/image/step1_bg.jpg') no-repeat;
	background-position: bottom;
}
.fitness_programs_right
{
	position: relative;
	float: left;
	height: 100%;
	width: 395px;
	margin-bottom: 20px;
	background: #e5e5e5 url('/image/step1_bg.jpg') no-repeat;
	background-position: bottom;
}
.fitness_programs_left_box
{
	position: relative;
	float: left;
	width: 375px;
	height: 100%;
	color:ffffff !important;
	padding: 20px;
}
.fitness_programs_right_box
{
	position: relative;
	float: left;
	width: 375px;
	height: 100%;
	color:ffffff !important;
	padding: 20px;
}

/*------------------------------------------------------------------TIME-LOCATIONS--*/
#calendar
{
	padding: 20px;
}

/*------------------------------------------------------------------PRE-REGISTER--*/
#register
{
	padding: 20px;
}
#register iframe
{
	overflow: hidden;
}

/*------------------------------------------------------------------TESTIMONIALS--*/
#testimonials
{
	padding: 20px;
}
#testimonials table
{
	border: 1px solid #E5E5E5;
	margin-top: 20px;
}
#testimonials td
{
	padding: 10px;
}
.border_0
{
	border: 0px !important;
}

.testimonials_box
{
	position: relative;
	float: left;
	height: 100%;
	width: 770px;
	padding: 20px;
	background: #111111;
}
.testimonials_left
{
	position:relative;
	float: left;
	width: 450px;
	height: 100%;
}
.testimonials_right
{
	position:relative;
	float: left;
	width: 260px;
	height: 285px;
	padding: 20px;
	margin-left: 20px;
	background: #ffffff;
}

/*------------------------------------------------------------------NUTRITION--*/
#nutrition
{
	padding: 20px;
}

#nutrition table
{
	border: 1px solid #E5E5E5;
	margin-top: 20px;
	width: 100%;

}
#nutrition td
{
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

.nutrition_box
{
	position: relative;
	float: left;
	height: 100%;
	width: 770px;
	padding: 20px;
	background: #111111;
}

/*------------------------------------------------------------------CONTACT--*/
#contact
{
	padding: 20px;
}

.contact_left
{
	position: relative;
	float: left;
	width: 405px;
	height: 100%;
	margin-bottom: 20px;
}

.contact_right
{
	position: relative;
	float: left;
	width: 385px;
	height: 100%;
	padding: 20px 0px 20px 20px;
	border: 0px solid #000000;
}

/*


	----------------------------------------------------------------
	6. Forms			
	----------------------------------------------------------------

	
*/

form
{
	font-size: 8pt;
	padding: 0px !important;
}

.textField
 {
	margin-bottom: 6px;
	margin-top: 4px;
	font-size: 12px;
	border: 1px solid #FFD701;
	width: 100% !important;
	padding: 2px;
	color: #ffffff;
	background: #ffffff url('/image/bg_textfield.gif') repeat;
}

select 
{
	
}

input 
{
	
}

.button	
{
	padding : 2px;
	font-size: 8pt;
	font-weight: bold;
	background: #FFD701 url('/image/button.gif') no-repeat;
	border : 1px solid #FFD701;
	color: #000000;
}


/*


	----------------------------------------------------------------
	7. Footer			
	----------------------------------------------------------------

	
*/

#footer 
{ 
	position: relative;
	float: left;
	width: 810px;
	height: 100%;
	padding: 20px;
	color: #ffffff;
	text-align: center;
	font-size: x-small;margin-right:30px;
	background: #81920F url('/image/footer_bg.gif') no-repeat;
	background-position: top;
}

#footer li
{
display: inline;
list-style-type: none;
padding-right: 15px;
}

#footer a:link, #footer a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover
{
	color: #ffffff;
	text-decoration: none;
}