/*

	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/bg3.gif') repeat-x;
	background-position: top;
}

body a img
{
	border: 0px;
}

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

/*


	----------------------------------------------------------------
	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-bottom: 5px;
	padding-top: 10px;
}

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:942px;
	height:144px;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	background: #FFD700 url('/image/header.jpg') no-repeat;
}
#logo
{
	position: relative;
	float:left;
	width:230px;
	height:144px;
	border: 0px solid #000000;
}

#header_ad
{
	position: relative;
	float:left;
	width:670px;
	height:71px;
	margin-top: 25px;
	padding: 10px;
	border: 2px solid #FFD701;
	text-align: center;
}

#menu
{
	position: relative;
	float:left;
	width:932px;
	height:100%;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	padding: 8px 5px 10px 5px;
	background: #ffffff url('/image/bg_menu.gif') no-repeat;
}

#navlist 
{ 
font-size: 10px;
text-align: right;
}

#navlist ul
{
list-style-type: none;
}

#navlist a
{
display: block;
padding: 3px;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
padding: 6px 8px 6px 8px;
}

#navlist a:link, #navlist a:visited
{
color: #FFD701;
text-decoration: underline;
}

#navlist a:hover
{
background: #FFD701;
text-decoration: none;
color: #000000;
}

/*


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

	
*/
#content 
{
	position: relative;
	float: left;
	width: 942px;
	height: 100%;
	background: #ffffff;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
}

.headline{display:block}
.headline *{
  display:block;
  height:0px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.headline1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#3f3f3f}
.headline2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  background:#303030}
.headline3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #303030;
  border-right:1px solid #303030;}
.headline4{
  border-left:1px solid #919191;
  border-right:1px solid #919191}
.headline5{
  border-left:1px solid #3f3f3f;
  border-right:1px solid #3f3f3f}

.headlinefg{
  background:#ffffff;
  padding: 7px 10px 7px 10px;}


#left
{
	position: relative;
	float: left;
	height: 100%;
	width: 190px;
	padding: 10px;
	color: #ffffff;
	background: #333333 url('/image/bg4.gif') repeat-x;
}
#left p a:hover
{
	color:#FFD701;
	text-decoration: none;
}
#left p a:link , #left p a:visited
{
	color: #FFD701;
	text-decoration: underline;
}

#right
{
	position: relative;
	float: left;
	height: 100%;
	width: 692px;
	padding: 0px 20px 20px 20px;
	background: #ffffff;
}
#right1
{
	position: relative;
	float: left;
	height: 100%;
	width: 380px;
	background: gold;
	padding: 20px;
	margin: 20px 18px 0px 0px;
	border: 1px solid #000000;
}
#right2
{
	position: relative;
	float: left;
	height: 100%;
	width: 250px;
	margin: 20px 0px 0px 0px;
	background: #ffffff;
}

.right_box
{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	background: #333333 url('/image/bg4.gif') repeat-x;
	border: 2px solid #231F20;
	color:ffffff !important;
}

.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;
}

#video
{
	position: relative;
	float: left;
	width: 472px;
	height: 100%;
	padding: 10px;
	margin-bottom: 10px;
	background: #000000;
}

#training_programs table, #home table
{
	border: 1px solid #E5E5E5;
	padding: 0px;
	margin-bottom: 20px;
}
#training_programs td, #home td
{
	padding: 10px;
}

#register iframe
{
	overflow: hidden;
}

.date
{
	color: #CCCCCC;
	font-size: 8pt;
	text-align: right !important;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid #000000;
width: 472px; /*width of featured content slider*/
height: 290px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
text-align: center;
color: #FFD701 !important;
font-size: 16pt;
background: #000000;
width: 472px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
}

.pagination{
width: 472px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #000000;
padding: 10px;
}

.pagination a{
padding: 0 2px;
font-size: 8pt;
text-decoration: none; 
color: #ffffff;
background: #000000;
}

.pagination a:hover, .pagination a.selected{
color: #000000;
background-color: #ffffff;
}

/*


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

	
*/

form
{
	font-size: 8pt;
}

.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: 902px;
	height: 100%;
	padding: 20px;
	color: #ffffff;
	text-align: center;
	font-size: x-small;margin-right:30px;
	border-right: 5px solid #111111;
	border-left: 5px solid #111111;
	background: #111111;
}

#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;
}