/* WHT COACHING */
/* Argument from Design <ardes.com> */
/* August 2008 */


/* =ZERO margins & padding, which we define elsewhere, courtesy Eric Meyer */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 	vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { 	text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



/* =LAYOUT */
a:link { color: #DA4416; }
	a:visited { color: #845040; }
	a:hover, a:active { color: #831C00; }


body {
	font: 100% Georgia, "Times New Roman", Verdana, serif; color: #33332D; 
	background: #FEFAE4 url(../images/logos/logo_bg.png)  no-repeat -130px 25px;
	background-attachment: fixed;
}

#masthead { background: transparent url(../images/bgs/header_bg_biz.gif) repeat-x; min-width: 700px; }
	#masthead p { display: none; visibility: hidden; }
	#masthead img.header { float: right; margin-top: 20px; margin-right: 20px; }
	#masthead img.logo { position: relative; left: 25px; top: 23px; }

#container { margin: 0 0 20px 50px;  }

#content, #nav { position: relative; top: -11px; }
	
#content { 
	width: 80%; float: left; 
	border-right: 1px solid #B0B6AE; 
}
	h1, h2, h3, h4, h5, p, #content li { padding-right: 25px; }

	h1, h2, h3, h4, h5, legend { color: #DA4416; line-height: 125%; margin-bottom: 10px; font-weight: bold; text-shadow: 1px 1px 1px #554B19; }
		h1 { font-size: 180%; margin-top: 1.5em;  }
		h2, legend { font-size: 130%; }
		h3 { font-size: 110%; }
		h4 { font-size: 100%; }
		h5 { font-size: 100%; font-style: italic; }
	
	#content iframe { margin: 15px; padding: 5px 20px; }
	
	#content img { float: right; margin: 10px; }
	
	#content ol, #content ul { margin-left: 25px; margin-bottom: 15px; }
		#content ol { list-style: decimal inside; }
		#content ul { list-style: disc inside; }
			#content li { margin-bottom: 0.3em; line-height: 150%; }
	
	#content p { font-size: 100%; line-height: 150%; margin-bottom: 15px; }
		#content p.pitch { font-size: 130%; text-shadow: 1px 1px 1px #B7B3A0; }
		#content p.signed { text-align: right; }
		#content p.testimonial { margin-left: 50px; margin-right: 50px; font-style: italic; }
			#content p.testimonial span { font-style: normal; margin-left: 5px; }
	
	#nav div.newsletter {/* Email marketing newsletter restyling */
		background-color: #FFF!important; clear: both; margin-bottom: 20px; padding: 10px; border-bottom: 1px solid #B0B6AE;
	}
	div.newsletter a:link { display: inline!important; padding: 0!important; }
	div.newsletter p { 
		font-weight: bold; font-size: 13px; color: #006699; 
		font-family: georgia,'times new roman',times,serif; 
		margin-bottom: 5px; 
	}
		div.newsletter p.email_marketing { clear: both; }
	div.newsletter img.icon { float: right; margin: 0 0 0 5px; background-color: #006699; }
	div.newsletter img.safesub { clear: both!important; margin: 5px 0; }

	div.newsletter form { padding-bottom: 10px; }
		div.newsletter form input { 
			float: right; clear: both; margin: 0 0 5px 0!important; 
		}
		div.newsletter form input.input { width: 95%; }

	
	div.list { width: 50%; float: left; padding-top: 0; }
		div.certs img { display: inline; margin: auto; }
	table.certs { clear: both; margin: auto; }
		table.certs td { background-color: #FFF; width: 162px; text-align: center; height: 60px; }

#nav { width: 19.9%; float: left; }
	
#footer { font-size: 80%; border-top: 1px solid #B0B6AE; padding: 15px 0 15px; clear: both; }


/* =NAV */
#nav { position: relative; }
	#nav a { display: block; padding: 8px; }
		#nav a:link, #nav a:visited, #nav a:hover, #nav a:active { text-decoration: none; color: #33332D; }

	#nav li { border-bottom: 1px solid #B0B6AE;}
		#nav li:hover { background-color: #B0B6AE; }

		#nav li ul { /* Design of sub-menus, i.e., for indies & groups */
			display: none; font-size: 80%; 
			border-top: 1px solid #B0B6AE; border-left: 1px solid #B0B6AE; 
			border-bottom: 2px solid #7A7E78;  
		}
			#nav li.indies:hover ul, #nav li.groups:hover ul { /* Positioning of submenu */
				display: block; 
				position: absolute; left: 45px; right: 0; margin-top: -3px; /* Use margin-top instead of top to position correctly */
			}
				#nav li li, #nav li li { background-color: #FFF; /* Differentiate the bg colour */  }
					#nav li li:hover, #nav li li:hover { background-color: #B0B6AE; }
					#nav li li.bio, #nav li li.bio { border-bottom: 0px; }

	body#home #nav li.home, body#about #nav li.about, body#indies #nav li.indies, 
	body#groups #nav li.groups, body#contact #nav li.contact, body#faq #nav li.faq, 
	body#links_external #nav li.links_external { /* nav 'on' effect--what page you're currently on */
		background-color: #F9F9F9; border-bottom: 1px solid #B0B6AE; 
	}
		body#home #nav li.home:hover, body#about #nav li.about:hover, 
		body#indies #nav li.indies:hover, body#groups #nav li.groups:hover, 
		body#contact #nav li.contact:hover, body#faq #nav li.faq:hover, 
		body#links_external #nav li.links_external:hover, body#indies #nav li.indies li:hover, 
		body#groups #nav li.groups li:hover { /* Brings back hover colour */ 
			background-color: #B0B6AE; 
		} 


/* =FORMS */
body#contact { min-width: 996px; }
	body#contact #content { min-width: 700px; }

input, textarea, select { font: 85% Verdana, sans-serif; }

fieldset { float: right; width: 40%; padding-right: 5%; border: solid 0 transparent; min-width: 320px; }

legend { padding-bottom: 20px; }

label { 
	font-size: 95%; float: left; text-align: right; margin-right: 10px; width: 135px; }
	label.reqd { font-weight: bold; }

div.field { clear: both; height: 1.5em; padding-bottom: 10px; }
	div.field input { float: left; width: 160px; }

select { width: 100px; height: 20px; }

textarea { width: 100%; height: 225px; }

form p.error, form p.note { font-size: 80%!important; margin-left: 145px; }
	form p.error { font-weight: bold!important; color: #D10000!important; }

div.buttons { clear: both; float: right; padding-top: 20px; }
	div.buttons input, div.newsletter input.submit { 
		margin-right: 20px; padding: 5px;
		color: #FFF; background-color: #40565F;
		font-weight: bold;  font-size: 90%;
	}
	div.newsletter input.submit { font-size: 80%; padding: 4px; }