/**********************************************************************************
*	Get Fit Boston Stylesheet
**********************************************************************************/

/***********************************
		=Reset
***********************************/
html	{
	background-color:#000000;
	}


body {
	background:url(../images/header_bkg.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
	}
	
	


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

a { text-decoration:  none; outline: none; }


/***********************************
		=Layout
***********************************/

#wrap { 
	width: 100%; 
	margin: 0 auto;
	}

/***********************************
		=Header
***********************************/

#header { 
	background: url(../images/header_bkg.jpg) repeat-x; 
	float: left; 
	height: 135px; 
	width: 100%;
	overflow:visible;
}


	#header h1 { float: left; margin: 16px 0 0 57px; _margin-left: 27px; }
	
		#header h1 a {
			display: block;
			background: url(../images/get_fit_logo.png) no-repeat;
			height: 99px;
			width: 120px;
			text-indent: -9999px;
		}
	
#header h4 { 
	float: right;
	color: #0CF;
	font-size: 15px;
	font-style: italic;
	font-family: MyriadPro-It, sans-serif;
	font-weight: normal;
	height: 55px;
	width: 368px;
	background: transparent url(../images/watermark.png) no-repeat 139px -31px;
	padding-top: 80px;
	margin-right: 20px
	_margin-right 15px;
}

/************************************
		*HeaderIndex
*****************************************/

#headerindex { 
	background: url(../images/header_bkg_index.jpg) repeat-x; 
	float: left; 
	height: 135px; 
	width: 100%;
	overflow:visible;
}


#headerindex h1 { float: left; margin: 16px 0 0 57px; }
	
		#headerindex h1 a {
			display: block;
			background: url(../images/get_fit_logo.png) no-repeat;
			height: 99px;
			width: 120px;
			text-indent: -9999px;
		}
	
#headerindex h4 { 
	float: right;
	color: #0CF;
	font-size: 15px;
	font-style: italic;
	font-family: MyriadPro-It, sans-serif;
	font-weight: normal;
	height: 55px;
	width: 468px;
	background: transparent url(../images/watermark.png) no-repeat 219px -31px;
	padding-top: 80px;
	margin-right: 20px
}

/***********************************
		=Navigation
***********************************/

#navigation { 
	background: #000 url(../images/nav_bkg.jpg) repeat-x;
	clear: both;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	text-align: center;
	width: 100%;
} 

	#navigation ul { 
		height: 37px;
		margin: 0 auto;
		padding-top: 15px;
	}
	
		#navigation li { display: inline; margin: 0 25px; }
			
#navigation a { color: #FFF; }	
	
/***********************************
		=Branding
***********************************/


#branding { 
	clear: both; 
	height: 309px;
	background: url(../images/branding.jpg) no-repeat center;
	position: relative;
}

	#branding h2, 
	#branding p, 
	#branding blockquote,
	#branding a { text-indent: -9999px; }
	
#branding a { 
	display: block;
	width: 123px;
	height: 43px;
	background: url(../images/learn_more_btn.png) no-repeat;
	position: absolute;
	bottom: 57px;
	left: 51px;
}

#branding-inner { 
	clear: both; 
	height: 112px;
	background: url(../images/branding_inner.jpg) no-repeat center;
}

/***********************************
		=Content
***********************************/

#content { border-top: 2px solid #FFF; background-color:#FFFFFF; }

#content-inner { border-top: 2px solid #FFF; overflow: auto; width: 1100px; margin: 0 auto; background-color:#FFFFFF; }

.strip { 
	float: left; 
	width: 100%; 
	background: #CCC;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}

	.stripbox { width: 1100px; margin: 0 auto; }
	
	.strip dl { position: relative; }
	
	dl.method { margin-left: 55px; _margin-left: 25px; }
	
	dl.method,
	dl.program,
	dl.tracker { 
		width: 325px; 
		height: 215px; 
		float: left;
	}
	
	dl.method { background: url(../images/method_bkg.jpg) no-repeat; border-left: 2px solid #FFF; }
	dl.program { background: url(../images/program_bkg.jpg) no-repeat; border-left: 2px solid #FFF; border-right: 2px solid #FFF; }
	dl.tracker { background: url(../images/tracker_bkg.jpg) no-repeat; border-right: 2px solid #FFF; }
	
	dl.method h3,
	dl.program h3,
	dl.tracker h3,
	.strip dd a { text-indent: -9999px; }
	
.strip dd p { margin: 20px 20px 0 10px; }

.strip dd a { 
	display: block;
	width: 123px;
	height: 43px;
	background: url(../images/learn_more_btn.png) no-repeat;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
	
.blurbs { 
	clear: both;
	width: 1100px; 
	padding-top: 15px; 
	border-bottom: 1px solid #FFF;
	margin: 0 auto;
	overflow: auto;
}

	.blurbs h3, .content-right h3 {
		color: #09F;
		font-family: MyriadPro-It, sans-serif;
		font-size: 23px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
.testimonial { 
	width: 345px; 
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
	background: url(../images/guy_stand.png) no-repeat right bottom; 
	font-size: 12px;
	float: left;
	margin-left: 75px;
	color: #333;
	_margin-left: 30px;
}
	
	.testimonial blockquote { 
		font-style: italic; 
		width: 220px; 
		line-height: 19px;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.testimonial p, .testimonial p em { color: #09F; font-style: italic; }
	
	.testimonial small { 
		font-style: italic; 
		font-size: 12px; 
		width: 180px; 
		display: block; 
		margin: 10px 0 15px 0;
	}
	
.mission { 
	width: 650px; 
	float: left; 
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
	color: #333;
	font-size: 12px;	
}
	
	.mission h4, .content-right h4 { 
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
		font-size: 15px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	.mission p { color: #666; margin-bottom: 10px; }
	
/***********************************
		=SubContent
***********************************/

.content-left {
	float: left;
	margin: 35px 0 50px 45px;
	width: 350px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	_margin-left: 30px;
	
}
	
	.content-left h3 { color: #333; font-size: 21px; }
	
	.content-left h4 { color: #09F; font-size: 15px; margin-bottom: 10px; }
	
	.content-left h5 { color: #666; font-size: 28px; }
	
	.content-left p a { color: #666; }

	.testimonial-box { 
		width: 305px; 
		padding: 10px 10px 20px 10px; 
		background: #000 url(../images/testimonial_box_bkg.jpg) repeat-x bottom;
	}
	
		.testimonial-box h3 { color: #09F; font-size: 15px; }
		
		.testimonial-box p { color: #09F; font-size: 12px; margin-bottom: 10px; }
		
		.testimonial-box img { margin-bottom: 10px; }
		
		.testimonial-box blockquote { color: #FFF; font-size: 13px; font-style: italic; }
	
	.loginbox { 
		width: 301px; 
		background: url(../images/loginbox.jpg) no-repeat; 
		height: 240px;
		padding: 20px 15px 20px 25px;
	}
	
		.loginbox label { display: block; color: #A0A0A0; font-size: 12px; }
		
		.loginbox input { 
			height: 35px; 
			width: 282px; 
			margin-bottom: 10px;
			border: 1px solid #CCC;
			padding: 5px;
			font-size: 20px;
		}
		
		.loginbox input.loginbtn { 
			background: url(../images/login_btn.png) no-repeat; 
			width: 122px; 
			height: 43px;
			display:block;
			text-indent: -9999px;
			border:0;
			margin: 20px 0 0 165px;
		}

.content-right {
	float: left;
	width: 645px;
	margin: 35px 0 50px 0;
	background: url(../images/gradient_separator.jpg) no-repeat left;
	padding-left: 19px;
}
	
	.content-right p {
		color: #666;
		font-size: 12px;
		font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		line-height: 20px;
	}
	
	.content-right ul {
		margin: 0 0 20px 30px;
		color: #666;
		font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		list-style: disc;
		line-height:165%;
	}
	
	.content-right strong { font-weight: bold; color: #000; }
	
	.content-right ol { margin-bottom: 15px; }
	
		.content-right ol li, .content-right ol li img { display: inline; }
		
	.content-right .blackbox { width: 594px; padding: 15px; background: #000 url(../images/testimonial_box_bkg.jpg) repeat-x bottom; }
	
		.content-right .blackbox p { color: #FFF; }

.content-right small { 
	float:right; 
	margin: 0 20px 10px 0; 
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
	
.contactbox {
	background: url(../images/contact_bkg.jpg) no-repeat;
	width: 610px;
	height: 525px;
	padding: 15px 0 15px 20px;
	clear: both;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}
	
	.contactbox label { 
		display: block; 
		color: #666; 
		font-size: 12px; 
		float: left;
		margin-right: 10px;
	}
	
	.contactbox input { 
		width: 270px; 
		height: 40px; 
		border: 1px solid #CCC;
		margin-bottom: 10px;
		font-size: 20px;
		padding: 5px;
		display:inline;
	}
	
	.contactbox input.submitbtn, .contactbox a.resetbtn { 
		width: 122px; 
		height: 43px;
		display:block;
		text-indent: -9999px;
		float: left;
	}
	
	.contactbox input.submitbtn { background: url(../images/submit_btn.png) no-repeat; border: 0px solid #CCC; text-indent: -9999px; }
	.contactbox a.resetbtn { background: url(../images/reset_btn.png) no-repeat; }
	
	.contactbox textarea { 
		width: 570px; 
		height: 200px; 
		border: 1px solid #CCC;
		margin-bottom: 10px;
		font-size: 20px;
		padding: 10px;
	}
	
	.contactbox p { float: right; margin-right: 35px; }

/***********************************
		=Footer
***********************************/

#footer { 
	height: 83px; 
	background: url(../images/footer_bkg.jpg) repeat-x;
	background-color:#000000;
	clear: both;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 15px 50px 10px 50px;
	position: relative;
}
	
	#footer ul { margin-bottom: 15px; } 
	
		#footer li { 
			display: inline; 
			border-right: 1px solid #666;
			margin-right: 5px;
			padding-right: 5px;
			font-size: 11px;
		}
	
	#footer h3 { color: #FFF; font-weight: normal; margin-bottom: 10px; }
	
	#footer a, #footer p { color: #666; font-size: 11px; }
	
	#footer img { position:absolute; right: 10px; top: 10px; }

/***********************************
		=Fixes
***********************************/

.headerbox, .brandingbox, .footerbox { margin: 0 auto; position: relative; }

.headerbox, .brandingbox { width: 1100px; }

.footerbox { 
	width: 1000px;
	height: 83px;
	}

.brandingbox { height: 309px; }t-weight: normal; margin-bottom: 10px; }
	
	#footer a, #footer p { color: #666; font-size: 11px; }
	
	#footer img { position:absolute; right: 10px; top: 10px; }

/***********************************
		=Fixes
***********************************/

.headerbox, .brandingbox, .footerbox { margin: 0 auto; position: relative; }

.headerbox, .brandingbox { width: 1100px; }

.footerbox { 
	width: 1000px;
	height: 83px;
	}

.brandingbox { height: 309px; }h: 1000px;
	height: 83px;
	}

.brandingbox { height: 309px; }t-weight: normal; margin-bottom: 10px; }
	
	#footer a, #footer p { color: #666; font-size: 11px; }
	
	#footer img { position:absolute; right: 10px; top: 10px; }

/***********************************
		=Fixes
***********************************/

.headerbox, .brandingbox, .footerbox { margin: 0 auto; position: relative; }

.headerbox, .brandingbox { width: 1100px; }

.footerbox { 
	width: 1000px;
	height: 83px;
	}

.brandingbox { height: 309px; }