/* Kinetics CSS 2007*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(images/gradient_site_bg_tile.jpg) repeat-x;
	color: #000000;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 100%;
}

a {
	color: #0678B6;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #52A2CD;
	font-weight: bold;
	text-decoration: none;
}

hr {
	margin: 15px 0;
	border: none;
	background-color: #0066CC;
	color: #0066CC;
	height: 1px;
	width: 100%;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 895px;
	background: #FFFFFF; 
}

#contentcontainer {
	background: #FFFFFF url(images/nav_bg_tile.jpg) repeat-y;
	float: left;
}

#navcontainer {
	width: 322px;
	float: left;
}

#navheader {
	background: url(images/homepage_sprint_image.jpg) no-repeat;
	height: 406px;	
}

#navheader h3, h5 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
	font-size: 2px;
	color: #2288BF;
	overflow: hidden;
}

/* Style for navigation buttons */

#navlinks {
	background: #FFFFFF url(images/nav_bg_tile.jpg) repeat-y;
	padding-bottom: 20px;
}

#navlinks ul {
    list-style: none;
}

#navlinks li {
    margin: 0 0 0 24px; 
	padding: 0px; 
}

#navlinks li, #navlinks a {
	width: 298px;
    height: 29px; 
	display: block;
	overflow: hidden;
}

#navlinks a {
	font-size: 2px;
	color: #52A2CD;
}

#home a { background: url(images/home_button.gif) top left no-repeat; }
#home a:hover { background-position: 0 -29px; }

#about a { background: url(images/about_button.gif) top left no-repeat; }
#about a:hover { background-position: 0 -29px; }

#why a { background: url(images/why_choose_button.gif) top left no-repeat; }
#why a:hover { background-position: 0 -29px; }

#bios a { background: url(images/staff_bios_button.gif) top left no-repeat; }
#bios a:hover { background-position: 0 -29px; }

#testimonials a { background: url(images/client_testimonials_button.gif) top left no-repeat; }
#testimonials a:hover { background-position: 0 -29px; }

#fatloss a { background: url(images/fat_loss_button.gif) top left no-repeat; }
#fatloss a:hover { background-position: 0 -29px; }

#sportsmassage a { background: url(images/sports_massage/_button.gif) top left no-repeat; }
#sportsmassage a:hover { background-position: 0 -29px; }

#strengthandsize a { background: url(images/strength_size_button.gif) top left no-repeat; }
#strengthandsize a:hover { background-position: 0 -29px; }

#faqs a { background: url(images/faqs_button.gif) top left no-repeat; }
#faqs a:hover { background-position: 0 -29px; }

#news a { background: url(images/news_button.gif) top left no-repeat; }
#news a:hover { background-position: 0 -29px; }

#tvandpress a { background: url(images/tv_press_cuttings_buttons.gif) top left no-repeat; }
#tvandpress a:hover { background-position: 0 -29px; }

#athletic a { background: url(images/athletic_performance_button.gif) top left no-repeat; }
#athletic a:hover { background-position: 0 -29px; }

#strength a { background: url(images/strength_for_sport_buttons.gif) top left no-repeat; }
#strength a:hover { background-position: 0 -29px; }

#lactate a { background: url(images/Lactate_endurance_button.gif) top left no-repeat; }
#lactate a:hover { background-position: 0 -29px; }

#corrective a { background: url(images/corrective_button.gif) top left no-repeat; }
#corrective a:hover { background-position: 0 -29px; }

#contact a { background: url(images/contact_button.gif) top left no-repeat; }
#contact a:hover { background-position: 0 -29px; }

/* End Nav Style */

#content {
	display: inline;
	float: left;
	width: 573px;
}

#logocontainer {
	float: left;
	display: block;
	width: 573px;
	height: 219px;
	background: url(images/kinetic_large_logo.jpg) no-repeat;
}

#logocontainer a {
	float: left;
	display: inline;
	margin: 107px 0 0 0;
	border: none;
	width: 161px;
	height: 95px;
	text-indent: -9999px;
	overflow: hidden;
}

div#news_container {
	width: 500px;
	padding: 0;
	margin: 0;
}

#editablecontent {
	float: left;
	width: 513px;
	background: url(images/content_header_curve_bg.jpg) no-repeat;
	padding: 40px 30px 25px 30px;
	margin: 0;
}

#editablecontent p {
	font-size: 80%;
	line-height: 1.3em;
	margin: .5em 0 1em 0;
}

#editablecontent h1 {
	font-size: 110%;
	color: #0678B6;
	margin: 0 0 .6em 0;
}

#editablecontent h2 {
	font-size: 103%;
	color: #0678B6;
	margin: 0 0 .6em 0;
}

#editablecontent h3 {
	font-size: 100%;
	color: #0678B6;
	margin: 0 0 .6em 0;
}

#editablecontent h4 {
	font-size: 90%;
	color: #000000;
	font-weight: bold;
	margin: 1.2em 0 .5em 0;
}

#editablecontent h5 {
	font-size: 80%;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#editablecontent .small {
	font-size: 70%;
	margin: 4px 0 0 0;
}

#editablecontent ul {
	font-size: 80%;
	list-style: none;
}

#editablecontent li {
	line-height: 1.3em;
	padding: 0 0 0.5em 17px;
	background: transparent url(images/bullet.gif) no-repeat;
	background-position: 0 0.2em;
}

#numberlist ol {
	font-size: 80%;
}

#numberlist li {
	line-height: 1.3em;
	background: none;
	margin-left: 26px;
	padding-left: 0px;
	padding-bottom:0.5em;
}

#jsleftcolumn {
	float: left;
	width: 88px;
	padding: 12px 0 0 0;
}

#jsmiddlecolumn {
	float: left;
	width: 214px;
	padding: 6px 10px 0 0;
}

#jsmiddlecolumn  p {
	font-size: 80%;
	margin: 4px 0;
	padding: 0;
}

#jsmiddlecolumn .small {
	font-size: 70%;
}


#jsrightcolumn {
	float: left;
	width: 200px;
	padding: 6px 0 0 0;
}

#footer {
	clear: both;
	margin: 0 0 0 24px;
}

#footerbanner {
	width: 871px;
	height: 77px;
	display: block;
	background: url(images/footer_banner.jpg) no-repeat;
}

#footerbanner p {
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
	font-size: 2px;
	color: #2288BF;
	overflow: hidden;
}

#closecontent {
	clear: both;
	margin: 10px 0 16px 0;
}

#copyright {
	float: left;
}

#copyright p {
	font-size: 80%;
}

#credit {
	float: right;
}

#credit p {
	font-size: 80%;
}

.clear {
	clear: both;
}

.spacer {
	width: 25px;
	height: 15px;
	display: block;
}

.shadedbox {
	margin: 10px 0 20px 0;
	padding: 10px 20px 10px 20px;
	background-color: #D9EAF4;
}

.leftimg {
	float: left;
	margin: 0 15px 6px 0;
}

.rightimg {
	float: right;
	margin: 0 0 6px 15px;
}

table {
	width: 100%;
	margin: 15px 0;
	border-collapse: collapse;
}

tr {
	border: 1px solid #BBD0DC;
}

td {
	margin: 0;
	padding: 8px;
	font-size: 80%;
	border: 1px solid #BBD0DC;
}

.shadedcell {
	background-color: #D9EAF4;
}

.formtextarea {
	width: 380px;
}

.johnsigblock {
	width: 70px;
	height: 66px;
	display: block;
	background: url(images/john_sig_larger.gif) no-repeat;
}

.helensigblock {
	width: 143px;
	height: 74px;
	display: block;
	background: url(images/helen_sig.gif) no-repeat;
}

.jimsigblock {
	width: 177px;
	height: 105px;
	display: block;
	background: url(images/jim_sig.gif) no-repeat;
}

.josigblock {
	width: 219px;
	height: 72px;
	display: block;
	background: url(images/jo_sig.gif) no-repeat;
}

.adamsigblock {
	width: 184px;
	height: 74px;
	display: block;
	background: url(images/adam_sig.gif) no-repeat;
}

.heathersigblock {
	width: 257px;
	height: 75px;
	display: block;
	background: url(images/heather_sig.gif) no-repeat;
}

.profiles {
 width:250px;
 float: left;
 margin-right: 20px;
 font-family: 14px Arial, Helvetica, sans-serif;
 text-align: right;
 }
 
.image {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
 }

.newsitem {
float : left;
width : 100%;
border-bottom : 1px dashed #ccc;
margin-bottom : 10px;}

.newsimage {
float : left;
margin : 0 5px 0 0;
border : 1px solid #999999;
vertical-align : text-top;}

.pressimage {
float : left;
margin : 0 5px 0 0;
vertical-align : text-top;}

.newsimage2 {
float : right;
margin : 10px 5px 10px 10px;
border : 1px solid #999999;
vertical-align : text-top;}
.newstextcontainer {
float : left;
width : 100%;
padding-bottom : 8px;}

.newstextcontainer p {
margin : 0 0 0 0;
padding : 0 0 0 0;}