* { padding: 0; margin: 0; } 

html {
text-align: center;
}

body {
	font: 11px/17px "Lucida Grande", tahoma, sans-serif;
	background: #c7d9e9;
	background-image: url(images/background_repeat.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	color: #585252;
	width: 760px;
	margin: 0 auto;
	text-align: left;
}
		
body.sub {

}
.metaleft {
	color: #7f92c3;
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 9px;
}

.metaright {
	color: #7f92c3;
	text-align: right;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 9px;
}


#wrapper {
	margin: 0 auto;
	width: 760px;
	background: white;
}
	
.reset {
display: block; 
clear: both; 
font-size: 1px; 
height: 1px; 
line-height: 0.1;
}
		
#logo {
	float: right;
	position: relative;
	width: 100%;
	height: 70px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
	
	
	
/* ELEMENTS
-------------------------------------------------------- */
#content, #footer {
float: left;
position: relative;
width: 100%;
background-image: url(images/maincontent.gif);
background-repeat: repeat-y;
background-position: center top;
}

#navigation{
	float: left;
	position: relative;
	width: 100%;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdd6ed;
	padding-bottom: 5px;
} 

#heroimage {
	float: left;
	width: 100%;
}
	
#main {
float: left;
width: 540px;
margin: 30px 0;
}
		
.col {
	float: left;
	width: 170px;
	margin: 30px 0;
}
		

	

	
/* HEADINGS
-------------------------------------------------------- */


.home .button {
margin-top: -60px;
}


h1{
font-size:14px;
color: #222988;
padding: 0 30px 15px;
}

h3 {
	font-size: 12px;
	color: #000099;
	padding-left: 50px;

}

h2 {
	font-size: 12px;
	color: #000099;
	padding-left: 30px;
}
	
h3 span {
position: relative;
display: block;
height: 53px; width: 209px;
text-indent: -9999px;
}
		
h3 span.full {
width: 480px !important;
}

h3.homeheading span 			{ background: url("images/heading_home.gif") no-repeat; padding: 0 0px 15px;}
h3.coachheading span 			{ background: url("images/heading_coaching.gif") no-repeat; }
h3.benefitsheading span 		{ background: url("images/heading_benefits.gif") no-repeat; }
h3.caseheading span 			{ background: url("images/heading_casestudies.gif") no-repeat; }
h3.freeheading span 			{ background: url("images/heading_freeresources.gif") no-repeat; }
h3.about span 					{ background: url("images/heading_about.gif") no-repeat; }
h3.contact span 				{ background: url("images/heading_contact.gif") no-repeat; }

	
	
	
	
/* MAIN NAVIGATION
-------------------------------------------------------- */
ul#nav {
position: relative;
height: 31px; width: 760px;
background: url("images/nav.gif") no-repeat;
	}

ul#nav li {
float: left;
list-style: none;
}
	
ul#nav li a {
position: absolute;
text-indent: -9999px;
text-decoration: none;
border: none !important;
top: 0; height: 31px;
}

ul#nav li#nav-home a { 
left: 0; width: 60px;
background: url("images/nav.jpg") no-repeat;
}
ul#nav li#nav-coaching a { 
left: 60px; width: 176px; 
background: url("images/nav.jpg") -60px 0 no-repeat;
}
ul#nav li#nav-benefits a { 
left: 236px; width: 163px; 
background: url("images/nav.jpg") -236px 0 no-repeat;
}
ul#nav li#nav-casestudies a { 
left: 399px; width: 100px; 
background: url("images/nav.jpg") -399px 0 no-repeat;
}
ul#nav li#nav-resources a { 
left: 499px; width: 119px; 
background: url("images/nav.jpg") -499px 0 no-repeat;
}
ul#nav li#nav-about a { 
left: 618px; width: 109px; 
background: url("images/nav.jpg") -618px 0 no-repeat;
}
ul#nav li#nav-contact a { 
left: 727px; width: 83px; 
background: url("images/nav.jpg") -727px 0 no-repeat;
}
			

ul#nav li#nav-home a:hover  			{ background-position: -0px -31px; }
ul#nav li#nav-coaching a:hover  		{ background-position: -60px -31px; }
ul#nav li#nav-benefits a:hover  		{ background-position: -236px -31px; }
ul#nav li#nav-casestudies a:hover  		{ background-position: -399px -31px; }
ul#nav li#nav-resources a:hover  		{ background-position: -499px -31px; }
ul#nav li#nav-about a:hover  			{ background-position: -618px -31px; }
ul#nav li#nav-contact a:hover  			{ background-position: -727px -31px; }

ul#nav li#nav-home a.active  			{ background-position: -0px -62px; }
ul#nav li#nav-coaching a.active  		{ background-position: -60px -62px; }
ul#nav li#nav-benefits a.active  		{ background-position: -236px -62px; }
ul#nav li#nav-casestudies a.active  	{ background-position: -399px -62px; }
ul#nav li#nav-resources a.active  		{ background-position: -499px -62px; }
ul#nav li#nav-about a.active  			{ background-position: -618px -62px; }
ul#nav li#nav-contact a.active  		{ background-position: -727px -62px; }



/* FOOTER
-------------------------------------------------------- */

#footer {
width: 760px;
margin: 0 auto;
}

ul#footer-nav {
position: relative;
height: 53px; width: 760px;
}

.home ul#footer-nav {
background: url("images/footer-home.jpg") no-repeat;
}
	
.sub ul#footer-nav {
background: url("images/footer-sub.jpg") no-repeat;
}

ul#footer-nav li {
float: left;
list-style: none;
}
	
ul#footer-nav li a {
position: absolute;
text-indent: -9999px;
text-decoration: none;
border: none !important;
top: 0; height: 53px;
}

ul#footer-nav li#nav-email a { 
left: 165px; width: 153px;
background: url("images/footer-home.jpg") -165px 0 no-repeat;
}
ul#footer-nav li#nav-39steps a { 
left: 550px; width: 108px; 
background: url("images/footer-home.jpg") -550px 0 no-repeat;
}

ul#footer-nav li#nav-valid a { 
left: 660px; width: 103px; 
background: url("images/footer-home.jpg") -660px 0 no-repeat;
}
			

ul#footer-nav li#nav-email a:hover  		{ background-position: -165px -53px; }
ul#footer-nav li#nav-39steps a:hover  		{ background-position: -550px -53px; }
ul#footer-nav li#nav-valid a:hover  		{ background-position: -660px -53px; }
	

	
	
/* non-navigation links
-------------------------------------------------------- */
a {
	color: #8c8fb3;
	text-decoration: none;
	}

a:hover {
	color: #abadca;
	}








/* CONTENT AREA
-------------------------------------------------------- */
#masthead img {
	float: left;
	}
	
	

	
	
/* TEXT STYLES AND SIZES
-------------------------------------------------------- */
p {
padding: 0 30px;
margin-bottom: 21px;
}

h4 {
padding: 15px 30px;
font-size: 14px;
}
	
p.edit {
font-size: 9px;
}

#main  ul {
padding-bottom: 21px;
}
	
#main li {
	background: url("images/bullet.gif") 0 6px no-repeat;
	margin-left: 60px;
	padding-left: 12px;
}

li {
list-style: none;
padding: 0 30px;
}

/* MEMBER LOGOS!!
-------------------------------------------------------- */	
	
#member {
color: #667f91;
font-size: 10px;
line-height: 12px;
}

ul#member-nav {
position: relative;
height: 63px; width: 209px;
margin: 0px 30px 10px 30px;
}

.home ul#member-nav {
background: url("images/logos.jpg") no-repeat;
}
	
.sub ul#member-nav {
background: url("images/logos.jpg") no-repeat;
}

ul#member-nav li {
float: left;
list-style: none;
}
	
ul#member-nav li a {
position: absolute;
text-indent: -9999px;
text-decoration: none;
border: none !important;
top: 0; height: 63px;
}

ul#member-nav li#nav-fsb a { 
left: 0px; width: 146px;
background: url("images/logos.jpg") no-repeat;
}

ul#member-nav li#nav-afc a { 
left: 146px; width: 63px; 
background: url("images/logos.jpg") -146px 0 no-repeat;
}

			

ul#member-nav li#nav-fsb a:hover { background-position: -0px -63px; }
ul#member-nav li#nav-afc a:hover { background-position: -146px -63px; }



/* MAILING LIST!!
-------------------------------------------------------- */
#mailholder {
}

#mailtop {
height: 23px;
background: url("images/mail_top.jpg") 30px 0px no-repeat;
}

#mailcontent {
color: #FCFCFC
padding-right: 35px;
padding-left: 35px;
padding-top: 5px;
background: url("images/mail_content.jpg") 30px 0px repeat-y;
min-height: 1%;
}

.mailcontent{
padding: 0 0px;
margin-bottom: 21px;
}

#mailbase {
height: 12px;
background: url("images/mail_base.jpg") 30px 0px no-repeat;
}
.mailtext{
font-size: 10px;
color: #FCFCFC;
padding-bottom: 5px;
}
	
.formtext{
	font-size: 11px;
	color: #666666;
	height: 20px;
	background-color: #edebeb;
	border: 1px solid #cccccc;
}
.formmessage{
	font-size: 11px;
	color: #666666;
	background-color: #edebeb;
	border: 1px solid #cccccc;
}

.formbutton{
	padding: 10px 0px 15px 0px;
	
}	

.rule {
	height: 12px;
	width: 494px;
	background: url(images/rule.jpg) no-repeat;
	padding: 0;
}