/* @override http://supernovaconsulting.com/framework/css/style.css */

/* @override http://supernovaconsulting.com/framework/css/style.css */

/* @override http://supernovaconsulting.com/framework/css/style.css */

/* @override http://supernovaconsulting.com/framework/css/style.css */

/* @override http://supernovaconsulting.com/framework/css/style.css */

/*======================= CSS STYLE RESET ======================== */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*========================== SITE CSS =========================== */
body{
	position: relative;
	background:#ACADB1;
	color: #999;
	margin: 15px auto 15px auto;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	width: 900px;
	}
	/*=============== GENERAL STYLING ==================*/
	a:link{color: #666; text-decoration: none;}
	a:visited{color: #666; text-decoration: none;}
	a:hover{color: #000; text-decoration: none;}
	a:active{color: #900; text-decoration: none;}
	
	.buy:link{color: #f00; text-decoration: underline;}
	.buy:visited{color: #900; text-decoration: none;}
	.buy:hover{color: #f00; text-decoration: none;}
	.buy:active{color: #900; text-decoration: none;}
	
	p a:link{text-decoration: underline;}
	p a:visited{text-decoration: underline;}
	p a:hover{text-decoration: underline;}
	p a:active{text-decoration: underline;}
	
	h1{color: #666; font-size: 14px; font-weight: normal; margin: 7px 0px 7px 0px; line-height: 20px;}
	h2{color: #666; font-size: 14px; font-weight: normal; margin: 25px 0px 7px 0px; line-height: 20px;}
	
	p{line-height: 1.4em; margin: 10px 0px 10px 0px;}
	ul, dl{padding-left: 10px;}
	li{padding: 7px 0px 7px 0px;}
	dt{font-weight:bold; padding: 7px 0px 7px 0px;}
	dd{margin:-4px 0px 10px 0px;}
	hr{border:1px dotted #bbb;}
	
	/*============= BLOG SECTION =============*/
	.blog .entries h1{color: #666; font-size: 14px; font-weight: bold; margin: 7px 0px 0px 0px; line-height: 20px;}
	.blog .entries h3{color: #900; font-size: 9px; font-weight: bold; margin:0px;}
	
	
	/*============= MENU SELECTION NOTIFICATION ================== */
	.model .m_model{border-left: 4px solid #C00; padding-left:4px;}
	
	
	
	.leading .m_leading{border-left: 4px solid #C00; padding-left:4px;}
	.engagement .m_engagement{border-left: 4px solid #C00; padding-left:4px;}
	.book .m_book{border-left: 4px solid #C00; padding-left:4px;}
	.resources .m_resources{border-left: 4px solid #C00; padding-left:4px;}
	.blog .m_blog{border-left: 4px solid #C00; padding-left:4px;}
	.contact .m_contact{border-left: 4px solid #C00; padding-left:4px;}
			
	
	/*============= CONTACT FORM =============*/
	.hidden{display:none; visibility:hidden; height:1px; width:1px;}
	#frmContactWrapper{
		background:#FFFFFF none repeat scroll 0%;
		border:1px solid #CCCCCC;
		height:320px;
		padding:2px;
		width:505px;
		}
	#frmContact {
		background:#EFEFEF none repeat scroll 0%;
		height:300px;
		padding:10px;
		position:relative;
		width:485px;
		}
	#frmContact label {
		padding-right:3px;
		position:relative;
		top:-8px;
		font-weight:bold;
		}
	#frmContact .input {
		background:#F8F8F8 none repeat scroll 0%;
		border:1px solid #CCCCCC;
		margin-bottom:7px;
		height:15px;
		width:200px;
		}
	#frmContact hr{border:1px solid #DFDFDF;}
	#frmContact #message{height:150px; width:480px;}
	#frmContact .textarea {
		background:#F8F8F8 none repeat scroll 0%;
		border:1px solid #CCCCCC;
		margin-bottom:7px;
		}

	#frmContact .inputborder {
		background:#DDDDDD none repeat scroll 0%;
		border:1px solid #AAAAAA;
		margin-bottom:7px;
		height:15px;
		width:200px;
		}
	.clrTextArea .inputborder {
		background:#DDDDDD none repeat scroll 0%;
		border:1px solid #AAAAAA;
		margin-bottom:7px;
		height:150px;
		width:480px;
		}
	#frmContact .submitbutton {
		cursor:pointer;
		float:right;
		left:-5px;
		position:relative;
		width:60px;
		background: #e4e4e4;
		border:1px solid #AFAFAF;
		}
	
	
	
	/*============= POSITIONING & CONTENT =============*/

#BC_tabbed div.tab-wrapper div.tab-container img {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}

#BC_tabbed div.tab-wrapper div.tab-container h3 {
	padding-top: 9px;
}

#BC_tabbed div.tab-wrapper div.tab-container p.coaches-quote {
	border-bottom: 1px dotted #BBB;
	padding-bottom: 15px;
	padding-left: 28px;
	padding-right: 15px;
	
}

blockquote {
  font: italic 14px/20px helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 5px;
  padding-left: 7px;
  border-left: 4px solid #C00;
  
}
	
	
	
	#oWrapper{
		position: relative;
		background: url(../../images/shadow.png) repeat-y 0px 0px;
		width: 900px;
		margin-left: 8px
		}
		#iWrapper{
			position: relative;
			width: 847px;
			text-align: left;
			padding: 20px;
			margin: 0 auto;
			background: #fff;
			left: -3px;
			}
			#header{
				position: relative;
				width: 100%;
				height: 90px;
				border-bottom: 2px solid #999;
				margin-bottom: 30px;
				}
				#body{
					position: relative;
					width: inherit;
					height: 100%;
					}
					#menu{
						position: relative;
						float: left;
						width: 190px;
						padding-top: 320px; /*min-height fix*/
						}
						#menu dl{
							position: relative;
							margin-top: -320px; /*min-height fix*/
							left: 20px;
							top: 5px;							
							}
							#menu dt{font-weight: bold;	margin: 10px 0px 4px 0px;}
							#menu dd{margin: 3px 0px 0px 15px;}
							#menu dd a {color:#999;}
							#menu dd a:hover{color: #666;}

							
					#content,
					#bcontent{
						position: relative;
						float: right;
						width: 640px;
						border-left: 1px dotted #BBB;
						}
						#bcontent #content{border-left: 0;}
						#TC{
							position: relative;
							width: 360px;
							float: left;
							left: 0px;
							padding: 0px 0px 10px 10px;
							margin-right: 20px;
							border-bottom: 1px dotted #BBB;
							}
							.homeTC h1{margin:0px;}
							.last{padding:10px 0px 0px 0px;}
							
						#TC_full{
							position: relative;
							width: 630px;
							float: left;
							left: 0px;
							padding: 0px 0px 10px 10px;
							margin-right: 20px;
							border-bottom: 1px dotted #BBB;
							}
							
							/*============= CSS FOR JAVASCRIPT GENERATED TABS =============*/
							.tab-menu{ 
								padding-bottom: 10px;
								border-bottom: 1px dotted #BBB;
								position: relative;
								left:-10px;
								width: 355px;
								}
								.tab-menu li a{border-left: 4px solid #E2E2E2; padding-left:4px; color: #BBB;}
								.tab-menu li.tab-selected a{ /*selected item*/
									border-left: 4px solid #C00;
									padding-left:4px;
									font-weight: bold;
									color: #666;
									}
						
						#NV{
							position: relative;
							float: left;
							clear: left;
							left: 0px;
							width: 360px;
							padding: 5px 0px 0px 10px;
							
							}
							
							#NVnav{
							border-bottom: 1px dotted #BBB;
							position: relative;
							right: 11px;
							}
							
							#NVnav a {
							border-left: 4px solid #E2E2E2; 
							padding-left:4px; 
							color: #999;
							position: relative;	
							left: 11px;
							}
							
							#NV div img {
							float: left;
							padding-right: 5px;
							padding-top: 5px;
							padding-left: 5px;
							}

							#NV div h3 {
							padding-top: 5px;
							}	

							
							#selected{
							border-left: 4px solid #C00; 
							padding-left:4px;
							position: relative;
							left: 11px;
							font-weight: bold;
							}
							
							
							
										
						#BC{
							position: relative;
							float: left;
							clear: left;
							left: 0px;
							width: 360px;
							padding: 5px 0px 0px 10px;
							}
						#BC_full{
							position: relative;
							float: left;
							clear: left;
							left: 0px;
							width: 630px;
							padding: 5px 0px 0px 10px;
							}
						#BC_tabbed{
							position: relative;
							float: left;
							clear: left;
							left: 0px;
							width: 360px;
							padding: 5px 20px 0px 10px;
							}
						#flash{
							position: relative;
							border: 4px solid #E2E2E2;
							padding: 2px;
							width: 346px;
							height: 75px;
							}
						.mp3{
							position: relative;
							background: #f8f8f8;
							border: 2px solid #d8d8d8;
							padding: 5px;
							width: 346px;
							height: 75px;
							}
			#footer{
				position: relative;
				width: 100%;
				height: 20px;
				border-top: 2px solid #999;
				margin-top: 70px;
				}