/*  
	---------------------------

	Forkpro
		T-bone Productions
	
	---------------------------
	
*/



/*--- Resets ---*/

*											{ margin: 0; padding: 0; }


/*--- Elements ---*/

html, body								{ font-size: 100%;}
body										{ font: 62.5%/100% "Lucida Grande", Tahoma, sans-serif; color: #000; background: #fff url("/img/bg/bg.jpg") center 0 repeat-x; }

p											{ font-size: 1.2em; line-height: 150%; margin-bottom: 1.5em; }
blockquote								{ padding: 0 70px; text-align: justify; }

ul, ol									{ margin: 1em 0 1.5em 3.5em; }
li											{ font-size: 1.2em; line-height: 150%; margin-bottom: 0.5em; }

abbr										{ cursor: help; }

a											{ color: #e26424; text-decoration: none; border-bottom: 1px dotted #e26424; /*#898888;*/ }
a:hover									{ color: #000; border-bottom: 1px solid #000; }
a img										{ border: 0; }

.clear									{ clear: both; }
.hr										{ height: 0px; border-bottom: 1px solid blue; margin-bottom: 1.5em; overflow: hidden; }
.hr hr									{ display: none; }

.right									{ float: right; }
.left										{ float: left; }
img.right								{ margin: 0 0 10px 20px; }
img.left									{ margin: 0 20px 10px 0; }

::selection 							{ background: #E26424; color: white; /* Safari */ } 
::-moz-selection 						{ background: #E26424; color: white; /* Firefox */ } 


/*--- Layout ---*/

#container								{ width: 960px; margin: 0 auto 30px auto; }
#main										{ background: #fff; background-repeat: no-repeat; padding: 125px 0 30px 0; }
#content									{ padding: 0 30px; background: url("/img/bg/divider.gif") 706px 0 repeat-y; }
#content.single						{ background: none; }

.split-main								{ float: left; width: 650px; }
.split-support							{ float: right; width: 200px; }


/*--- Masthead ---*/

#masthead								{ height: 112px; }
.home #masthead						{ height: 109px; }
#logo										{ border: 0; float: left; position: relative; top: 13px; left: 20px; }
#head-phone								{ display: none; }


/*--- Global Navigation ---*/

#global-nav 							{ list-style: none; margin: 0; padding: 50px 35px 0 0; float: right; }
#global-nav li							{ display: inline; font-size: 1.3em; border-right: 1px solid #f9bb66; margin-right: 15px; padding-right: 15px; }
#global-nav li.contact				{ margin: 0; border: 0; padding: 0; }
#global-nav a							{ color: #000; border-bottom: 1px dotted #000; }
#global-nav a:hover					{ color: #fefefe; border-bottom: 1px solid #f9b966; }

/* Active States */
.about #global-nav li.about a,
.courses #global-nav li.courses a,
.resources #global-nav li.resources a,
.records #global-nav li.records a,
.contact #global-nav li.contact a		{ color: #fefefe; border: 0; font-weight: bold; }


/*--- Side Nav ---*/

#support-nav							{ list-style: none; margin: 0 0 2.5em 0; }
#support-nav li						{ font-size: 1em; color: #818386; margin-bottom: 2em; }
#support-nav a							{ font-size: 1.2em; font-weight: bold; line-height: 140%; color: #000; border-bottom-color: #898888; }
#support-nav a:hover					{ color: #e26424; border-bottom-color: #e26424; }


.n-1 #support-nav li.n-1,
.n-2 #support-nav li.n-2,
.n-3 #support-nav li.n-3,
.n-4 #support-nav li.n-4,
.n-5 #support-nav li.n-5,
.n-6 #support-nav li.n-6,
.n-7 #support-nav li.n-7,
.n-8 #support-nav li.n-8,
.n-9 #support-nav li.n-9,
.n-10 #support-nav li.n-10,
#support-nav li.current				{ color: #000; }
.n-1 #support-nav li.n-1 a,
.n-2 #support-nav li.n-2 a,
.n-3 #support-nav li.n-3 a,
.n-4 #support-nav li.n-4 a,
.n-5 #support-nav li.n-5 a,
.n-6 #support-nav li.n-6 a,
.n-7 #support-nav li.n-7 a,
.n-8 #support-nav li.n-8 a,
.n-9 #support-nav li.n-9 a,
.n-10 #support-nav li.n-10 a,
#support-nav li.current a			{ border: 0; color: #e26424; }


/*--- Headings ---*/

h1, h2, h3, h4							{ line-height: 150%; }
h1											{ display: none; }
h2											{ font-size: 1.8em; color: #e26424; margin: 0.5em 0 0.5em 0; }
h3											{ font-size: 1.4em; color: #e26424; margin: 0.5em 0 0.2em 0; }

#code										{ color: #818386; font-weight: bold; margin-bottom: -1em; }

/* Sections */
.about #main							{ background-image: url("/img/bg/content-about.jpg"); }
.courses #main							{ background-image: url("/img/bg/content-courses.jpg"); }
.resources #main						{ background-image: url("/img/bg/content-resources.jpg"); }
.records #main							{ background-image: url("/img/bg/content-records.jpg"); }
.contact #main							{ background-image: url("/img/bg/content-contact.jpg"); }


/*--- Homepage ---*/

#home-hero								{ background: url("/img/bg/hero.jpg"); height: 363px; text-indent: -999em; margin-bottom: 16px; }

#home-boxes								{ background: url("/img/bg/enews.png") 660px 0 no-repeat; margin-bottom: 30px; height: 216px; }
#home-boxes .box						{ float: left; width: 300px; margin-right: 30px; padding-top: 12px; }
#home-boxes .box#enews				{ margin: 0; float: right; width: 260px; padding-right: 20px; }
#home-boxes .box#meet				{ background: url("/img/bg/meet-todd.jpg") right 0 no-repeat; padding-right: 100px; width: 200px;
											  margin-left: 5px; }
#home-boxes h2							{ margin-bottom: 0.5em; }
#home-boxes .box li					{ margin-bottom: 0; }

#home-boxes a							{ color: #000; border-bottom-color: #898888; }
#home-boxes a:hover					{ color: #e26424; border-bottom-color: #e26424; }

#home-boxes #signup					{ margin: -8px 0 10px 0; }
#home-boxes #enews input			{ float: left; padding: 5px; border: 1px solid #ccc; width: 130px; margin-top: 5px; }
#home-boxes #enews .btn				{ background: url("/img/bg/btn-signup.png"); width: 97px; height: 37px; text-indent: -999em; overflow: hidden; border: 0;
											  display: block; float: right; }
#home-boxes #enews .btn:hover		{ background-position: 0 -45px; }


/*--- Footer ---*/

#footer									{ border-top: 1px solid #b5b5b5; padding-top: 20px; text-align: right; }
#foot-nav								{ font-size: 1.1em; float: left; color: #a6a6a6; }
#foot-nav a								{ color: #000; border-bottom-color: #898888; }
#foot-nav a:hover						{ color: #e26424; border-bottom-color: #e26424; }

#tbone									{ border: 0; }


/*--- Form ---*/

.form										{ margin: 2.5em 0 2.5em 0; }
.form p									{ position: relative; }
.form label								{ display: block; width: 150px; float: left; margin-right: 15px; font-weight: bold; line-height: 2.2em;
											  text-align: right; }
.form label i							{ display: block; font-size: 0.9em; font-weight: normal; font-style: normal; margin-top: 0.8em; }
.form span.input						{ width: 400px; overflow: hidden; display: block; }
.form input, .form textarea		{ padding: 5px; border: 1px solid #BDBDBD; font-size: 1em; width: 300px;
											  font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }
.form input:focus, .form textarea:focus
											{ border: 1px solid #FEAB00; background: #FFF9F2; }
.form textarea							{ width: 300px; height: 150px; }
.form input.btn						{ width: auto; background: #F3F3F3; }
.form input.error, .form textarea.error, .errorInput
											{ border: 1px solid #DA0000; }
.form span.error						{ font-size: 0.9em; background: #DA0000; color: #FFF; padding: 2px 5px; position: absolute; top: 2px; left: 486px; 
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none; }
											  

/*--- Course List ---*/

.category								{ width: 430px; float: left; margin-right: 20px; clear: both; }
.category.alt							{ margin-right: 0; clear: none; }
#course-list h2						{ float: left; padding-right: 1em; width: 100px; text-align: right; font-size: 1.5em; }
#course-list h2 em					{ color: #bfbfbf; font-size: 0.75em; line-height: 120%; display: block; font-weight: normal; }
#course-list ul						{ border-left: 1px solid #B5B5B5; margin-left: 0; padding-left: 2.5em; overflow: hidden; zoom: 1; }
#course-list a							{ color: #000; border-color: #bfbfbf; }
#course-list a:hover					{ color: #E26424; border-color: #E26424; }


/*--- Checklist ---*/

.checklist								{ list-style: none; margin-left: 0; }
.checklist li							{ padding-left: 70px; background: url("/img/bg/checkbox.png") 40px 0.35em no-repeat; margin-bottom: 1.5em; }



/*--- PDF Download ---*/

.pdf										{ float: right; font-size: 1.2em; line-height: 120%; margin-top: 1.7em; }
.pdf img									{ vertical-align: bottom; }
.pdf a									{ color: #000; border-bottom-color: #898888; }
.pdf a:hover							{ color: #e26424; border-bottom-color: #e26424; }



/*--- Clearfix ---*/

.clearfix:after						{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix								{ display: inline-block; }
html[xmlns] .clearfix				{ display: block; }
* html .clearfix						{ height: 1%; }