/*
 * #01 - General
 * #02 - Headings
 * #03 - Text (by tag)
 * #04 - Text (by id/class)
 * #05 - Text (other) 
 * #06 - Lists
 * #07 - Forms
 * #08 - Tables 
 * #09 - Other   
 */

/* #01 - GENERAL **************************************************************/

html
{
	font: small verdana, helvetica, arial, sans-serif;
}

body
{
	color: #fff;
	background: #000;
	
	/* "corrects" anti-aliasing in Safari, to be used only for dark bg */
	text-shadow: 0 0 #000;
}

/* #02 - HEADINGS *************************************************************/

h1 a
{
	background: transparent url('../images/masthead_logo.gif') 0 0 no-repeat;
	display: block;
	width: 212px;
	height: 100px;
	position: absolute;
	margin-left: 15px; 
	text-indent: -9999px;
	overflow: hidden;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { border: none; }

h2 a
{
	background: transparent url('../images/header_logo.gif') 0 0 no-repeat;
	display: inline; /* IE6 doubled float-margin bug */ 
	width: 212px;
	height: 35px; 
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { border: none; }

body#error #inner-wrapper h2
{
	margin: 30px 0 30px;
	color: #ffcc00;
}

/* handwritten headings */

h3
{
	margin-top: 10px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 15px;
}

h3#h3-skinny { background: transparent url('../images/h3_skinny.gif') 0 0 no-repeat; height: 46px; }
h3#h3-trainer { background: transparent url('../images/h3_trainer.gif') 0 0 no-repeat; height: 25px; } 
h3#h3-services { background: transparent url('../images/h3_services.gif') 0 0 no-repeat; height: 20px; }
h3#h3-session { background: transparent url('../images/h3_session.gif') 0 0 no-repeat; height: 25px; }
h3#h3-commitment { background: transparent url('../images/h3_commitment.gif') 0 0 no-repeat; height: 25px; }
h3#h3-challenge { background: transparent url('../images/h3_challenge.gif') 0 0 no-repeat; height: 36px; }
h3#h3-contact { background: transparent url('../images/h3_contactme.gif') 0 0 no-repeat; height: 25px; }
h3#h3-consultation { background: transparent url('../images/h3_consultation.gif') 0 0 no-repeat; height: 46px; }

h4
{

	display: block;
	height: 45px; /* all images will fit inside this, plus adds standardized height */
	text-indent: -9999px;
}

/* the skinny */
#h4-personaltrainingis { background: transparent url('../images/h4_personaltrainingis.gif') 0 0 no-repeat; } 
#h4-timeisnow { background: transparent url('../images/h4_timeisnow.gif') 0 0 no-repeat; }
#h4-talkingtoyou { background: transparent url('../images/h4_talkingtoyou.gif') 0 0 no-repeat; }
#h4-athlete { background: transparent url('../images/h4_athlete.gif') 0 0 no-repeat; }
#h4-benefits { background: transparent url('../images/h4_benefits.gif') 0 0 no-repeat; }
/* the trainer */
#h4-personalstory { background: transparent url('../images/h4_personalstory.gif') 0 0 no-repeat; }
#h4-personalqualities { background: transparent url('../images/h4_personalqualities.gif') 0 0 no-repeat;  margin-bottom: 10px; }
#h4-trainingexpertise { background: transparent url('../images/h4_trainingexpertise.gif') 0 0 no-repeat; }
#h4-personalstyle { background: transparent url('../images/h4_personalstyle.gif') 0 0 no-repeat; }
#h4-education { background: transparent url('../images/h4_education.gif') 0 0 no-repeat; }
#h4-pastexperiences { background: transparent url('../images/h4_pastexperiences.gif') 0 0 no-repeat; }
/* the services */
#h4-personaltraining { background: transparent url('../images/h4_personaltraining.gif') 0 0 no-repeat; }
#h4-personaltrainingrates { background: transparent url('../images/h4_personaltrainingrates.gif') 0 0 no-repeat; }
#h4-programdesign { background: transparent url('../images/h4_programdesign.gif') 0 0 no-repeat; }
#h4-programdesignrates { background: transparent url('../images/h4_programdesignrates.gif') 0 0 no-repeat; }
#h4-homegymplanning { background: transparent url('../images/h4_homegymplanning.gif') 0 0 no-repeat; }
#h4-homegymplanningrates { background: transparent url('../images/h4_homegymplanningrates.gif') 0 0 no-repeat; }
#h4-healthtalks { background: transparent url('../images/h4_healthtalks.gif') 0 0 no-repeat; }
/* the session */
#h4-whattoexpect { background: transparent url('../images/h4_whattoexpect.gif') 0 0 no-repeat; }
#h4-allowed { background: transparent url('../images/h4_allowed.gif') 0 0 no-repeat; }
#h4-notallowed { background: transparent url('../images/h4_notallowed.gif') 0 0 no-repeat; }
#h4-plan { background: transparent url('../images/h4_plan.gif') 0 0 no-repeat; }
/* the commitment */
#h4-me { background: transparent url('../images/h4_me.gif') 0 0 no-repeat; }
#h4-you { background: transparent url('../images/h4_you.gif') 0 0 no-repeat; }
/* the challenge */
#h4-introduction { background: transparent url('../images/h4_introduction.gif') 0 0 no-repeat; }
#h4-termsconditions { background: transparent url('../images/h4_termsconditions.gif') 0 0 no-repeat; }
#h4-rates { background: transparent url('../images/h4_rates.gif') 0 0 no-repeat; }
#h4-hifive { background: transparent url('../images/h4_hifive.gif') 0 0 no-repeat; }
#h4-hifivelong { background: transparent url('../images/h4_hifivelong.gif') 0 0 no-repeat; height: 92px; }
#h4-crunchcrush { background: transparent url('../images/h4_crunchcrush.gif') 0 0 no-repeat; }
#h4-run4life { background: transparent url('../images/h4_run4life.gif') 0 0 no-repeat; }
/* contact me */
#h4-emailform { background: transparent url('../images/h4_emailform.gif') 0 0 no-repeat; }

h5
{
	color: #ff9900;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 10px;
}

h6
{
	color: #99cc00;
	font-weight: bold;
	font-size: small;
	margin-bottom: 30px;
	text-align: center;
}

/* #03 - TEXT (BY TAG) ********************************************************/

a:link, a:visited, a:hover, a:active
{
	color: #ffcc00;
	text-decoration: none; 
	border-bottom: 1px dotted #ffcc00;
	font-weight: bold;
}
a:hover { border-bottom: 1px solid #ffcc00; }

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active
{
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-family: arial, helvetica, verdana, sans-serif;
	font-weight: bold;
}
#nav a:hover { color: #99cc00; }

#header-bar span
{
	background: transparent url('../images/header_job_title.jpg') 0 0 no-repeat;
	display: inline; /* IE6 doubled float-margin bug */
	width: 212px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	float: left;
	clear: left;
	margin: 71px 0 0 15px;
}

#footer .leftcol a:link, #footer .leftcol a:visited, #footer .leftcol a:hover, #footer .leftcol a:active
{
	border: none;
}

#footer .middlecol a:link, #footer .middlecol a:visited, #footer .middlecol a:hover, #footer .middlecol a:active
{
	color: #fff;
	border-bottom: 1px dotted #fff;
	font-weight: bold;
}
#footer .middlecol a:hover { border-bottom: 1px solid #fff; }

#footer .rightcol a:link, #footer .rightcol a:visited, #footer .rightcol a:hover, #footer .rightcol a:active
{
	color: #ffcc00;
	border-bottom: 1px dotted #ffcc00;
	font-weight: bold;
}
#footer .rightcol a:hover { border-bottom: 1px solid #ffcc00; }
#footer .rightcol a { display: block; }
/* related to IE6 doubled float-margin bug. block required to negate inline of container div, so border-bottom will show */

p { margin-bottom: 30px; text-align: justify; }
p.small-break { margin-bottom: 15px; }
#footer p { margin-bottom: 5px; }
#popup-content p, #popup2-content p { margin-bottom: 10px; }
strong.list-title { display: block; margin-bottom: 10px; }

em { font-style: italic; }
em.caps { text-transform: uppercase; }
strong
{
	font-weight: bold;
	font-style: normal;
}

blockquote { text-align: justify; }

/* #04 - TEXT (BY ID/CLASS) ***************************************************/

#breadcrumbs
{
	color: #707070;
}

.inner-pull-quote
{
	color: #ff9900;
	font-weight: bold;
	font-style: italic;
	line-height: 1.5em;
}

a.external
{
	display: inline-block;
	padding-right: 10px;
	background: url('../images/external_link.gif') no-repeat right;
}

.button
{
	color: #ffcc00;
	background: #7e6e31; 
	font-weight: bold;
	border: 2px solid #ffcc33;
	padding: 5px;
	margin-bottom: 30px;
	cursor: pointer;
	
	display: block;
	float: left;
	margin-right: 15px;
}

.button.selected
{
	color: #9b8134;
	background: #5a5233;
	border-color: #9b8134;
	cursor: default;
}

.acronym { border-bottom: 1px solid #99cc00; }

.green { color: #99cc00; }

#kenoshi
{
	display: block;
	width: 129px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 9px;
	background: transparent url('../images/kenoshi_creative.jpg') 0 0 no-repeat;
}

/* #05 - TEXT (OTHER) *********************************************************/

/* #06 - LISTS ****************************************************************/

ul.dark-bg li { background: transparent url('../images/bullet_dark.gif') 0 2px no-repeat;  text-align: left; }
ul.light-bg li { background: transparent url('../images/bullet_light.gif') 0 2px no-repeat;  text-align: left;}
ul li.no-bullet { background: none; }

/* #07 - FORMS ****************************************************************/

span.checkbox-title
{
	display: block;
	margin-bottom: 15px;
}

.input-text { border: 1px solid #464646; }
.invalid-field { border: 1px solid red;  background: #ffb2b2; }
.required { font-style: normal; color: #666; }

/* #08 - TABLES ***************************************************************/

table
{
	text-align: left;
}

caption
{
	font-size: 1.0em;
	font-weight: bold;
	color: #ff9900;
	margin-bottom: 10px;
	padding: 0 30px;
}

thead
{
	background: #464646;
	font-weight: bold;
}

/* #09 - OTHER ****************************************************************/