/* STRUCTURE 
	----------------------------------------- */
	
	body {
		font: 62.5% Arial, Verdana, sans-serif;
		background: url("/images/bg-body.jpg") repeat-y #38543c;
		background-position: center top; color: #1b1d1b; }
		
	#container { margin: 0 auto; width: 976px; }
	
	.left 	{ float: left; }
	.right 	{ float: right; }
	
	p { font-size: 1.5em; line-height: 1.5em; color: #1b1b1b; }
	
	
	/* HEADER 
	----------------------------------------- */	

	#header 	{ height: 152px; background: url("/images/bg-header.jpg") no-repeat; }	
	#header nav	{ margin: 0 0 0 615px; padding: 24px 0 0 0; }
	
	#header nav a 				{ display: block; width: 224px; height: 47px; }
	#header nav a:hover 		{ background-position: 0 -47px; }
	#header nav .btn-problem 	{ background: url("/images/btn-problem.gif") no-repeat; }
	#header nav .btn-solution 	{ margin: 2px 0 0 70px; background: url("/images/btn-solution.gif") no-repeat; }


	/* BLURB 
	----------------------------------------- */	
	
	.blurb img	{ float: left; }
	
	.blurb a	{
		display: block; width: 97px; height: 31px; float: left;
		background: url("/images/btn-learn-how.gif") no-repeat; }
		
	.blurb a:hover { background-position: 0 -31px; }
	
	
	/* START 
	----------------------------------------- */	

	#start .center 				{ float: left; width: 500px; height: 497px; background: #fff; }
	#start .left, #start .right { height: 497px; }
	#start p					{ font-size: 1.4em; padding: 16px 30px 0 30px; }
	#start .blurb				{ margin: 21px 0 0 26px; }
	

	/* PROBLEM 
	----------------------------------------- */
	
	#problem .left 		{ width: 390px; height: 359px; background: url("/images/bg-problem-left.jpg") no-repeat bottom; }
	#problem .left p 	{ padding: 0 0 12px 50px; }
	#problem .right 	{ width: 586px; height: 359px; background: url("/images/bg-problem-right.jpg") no-repeat; }
	#problem .video 	{ margin: 54px 0 0 28px; }
	#problem .blurb 	{ width: 405px; }
	#problem .blurb h1 	{ margin: 22px 0 0 70px; }
	
	
	/* SOLUTION 
	----------------------------------------- */
	
	#solution .left 	{ width: 576px; height: 318px; background: url("/images/bg-solution-left.jpg") no-repeat; }
	#solution .video	{ margin: 12px 0 0 224px; }
	#solution .blurb	{ width: 430px; margin: 20px 0 0 114px; }
	#solution .blurb h2	{ margin: 0 0 0 195px; }
	#solution p			{ padding: 0 55px 0 26px; }
	#solution .right 	{ width: 400px; height: 318px; background: url("/images/bg-solution-right.jpg") no-repeat; }
	#solution .right h1 { margin: 32px 0 0 0; }


	/* FACTS 
	----------------------------------------- */
	
	#facts .left 	{ width: 276px; height: 306px; background: url("/images/bg-facts-left.jpg") no-repeat; }
	#facts .right 	{ width: 700px; height: 306px; background: url("/images/bg-facts-right.jpg") no-repeat; }
	#facts h1		{ margin: 20px 0 0 0; }
	
	#facts .blurb 		{ width: 207px; float: right; }
	#facts .blurb img 	{ float: right; }
	#facts .blurb a 	{ float: right; }
	
	#facts ul {
		width: 505px; font-size: 2.4em; font-weight: bold; color: #fff;
		letter-spacing: -1px; list-style: none; padding: 45px 0 0 70px; }
		
	#facts li {
		padding: 0 0 20px 45px; line-height: 1.1em;
		background: url("/images/icon-chalk.png") no-repeat;
		background-position: 0 7px; }
	
	#facts span {
		display: block; font-size: .4em; font-weight: normal;
		letter-spacing: normal; line-height: 1.2em; }
	
	
	/* BECOME A TEACHER - KNOW SOMEONE 
	----------------------------------------- */
	
	#become {
		background: url("/images/bg-know-someone.gif") repeat-y;
		background-position: 491px; }
	
	#become .left 	{ width: 479px; padding: 0 0 20px 0; }
	#become .right 	{ width: 496px; }
	
	#become .left p 	{ padding: 18px 30px 0 55px; float: left; font-size: 1.6em; line-height: 1.2em; }
	#become .left img 	{ float: left; }
	
	#become .right p 	{ padding: 0 50px 20px 60px; font-size: 1.8em; line-height: 1.2em; }
	#become .right div	{ padding: 0 0 0 60px; margin: 0 0 8px 0; }
	
	#become label {
		display: block; float: left; width: 75px; height: 24px; padding: 6px 10px 0 0;
		font-size: 1.4em; font-weight: bold; text-align: right;
		background: #1c1c1c; color: #fff; }
		
	#become input {
		border: 1px solid #c0c0c0; width: 185px; height: 23px;
		padding: 5px 0 0 3px; font-size: 1.4em; font-family: inherit; }
	
	#become textarea {
		border: 1px solid #c0c0c0; width: 285px; height: 75px;
		padding: 5px 0 0 3px; float: left; font-size: 1.4em; font-family: inherit; }
	
	#become .hint { padding: 0 0 0 8px; color: #8c8c8c; }
	
	#become button {
		width: 118px; height: 34px; display: block; background: #ac1212;
		font-family: inherit; font-size: 1.3em; font-weight: bold;
		margin: 8px 0 0 145px; border: none; color: #fff; cursor: pointer; }
		
	#become button:hover { background: #207d2e; }
	
	.done p { color: #207d2e; }


	/* LEARN MORE 
	----------------------------------------- */
	
	#learn { background: url("/images/bg-learn-more.gif") no-repeat top right; }
	
	#learn .left 			{ width: 325px; }
	#learn .left p 			{ font-size: 1.7em; padding: 0 35px 0 50px; }
	#learn .left a 			{ font-weight: bold; color: #1b1b1b; }
	#learn .left a:hover 	{ text-decoration: none; }
	
	#learn .center {
		margin: 19px 0 0 0; float: left; width: 369px; border-left: 1px solid #c0c0c0;
		border-right: 1px solid #c0c0c0; }
		
	#learn .center h1 	{ padding: 35px 0 16px 34px; }
	#learn .center div	{ padding: 0 0 0 34px; margin: 0 0 8px 0; }
	
	#learn label {
		display: block; float: left; width: 85px; height: 24px; padding: 6px 10px 0 0;
		font-size: 1.4em; font-weight: bold; text-align: right;
		background: #1c1c1c; color: #fff; }
		
	#learn input { 
		border: 1px solid #c0c0c0; width: 207px; height: 23px;
		padding: 5px 0 0 3px; font-size: 1.4em; font-family: inherit; }
	
	#learn select { margin: 6px 0 0 8px; width: 200px; }
	
	#learn button {
		width: 80px; height: 30px; display: block; background: #ac1212;
		font-family: inherit; font-size: 1.3em; font-weight: bold;
		margin: 8px 0 20px 135px; border: none; color: #fff; cursor: pointer; }
		
	#learn button:hover { background: #207d2e; }
	
	#learn .right 			{ width: 220px; float: left; padding: 0 0 0 24px; }
	#learn .right h1 		{ padding: 50px 0 16px 0; }
	#learn .right p 		{ font-size: 1.6em; font-weight: bold; }
	#learn .right a 		{ color: #1b1b1b; }
	#learn .right a:hover           { text-decoration: none; }
					
	
	/* FOOTER 
	----------------------------------------- */			
		
	#footer {
		height: 104px; background: url("/images/bg-footer.jpg") no-repeat;
		background-position: center top; }
		
	#footer p { padding: 14px 0 0 50px; font-size: 1.1em; color: #fff; }
	#footer a { text-decoration: none; color: #fff; }
	#footer a:hover { text-decoration: underline; }
	
	#footer span { padding: 0 6px 0 6px; }
	
	#footer .copyright 	{ float: left; }
	#footer .credits 	{ float: right; padding: 17px 45px 0 0; }
	#footer .credits a 	{ float: left; margin: 0 0 0 14px; }
	
	
	/* MISC 
	----------------------------------------- */	
	
	.replace 		{ display: block; width: 0; height: 0; overflow: hidden; }
	.skip 			{ position: absolute; left: -1000em; width: 20em; z-index: 2; }
	
	.clear:after 				{ content: " "; display: block; height: 0; font-size: 0; clear:both; visibility: hidden; }
	* html .clear            	{ zoom: 1; } /* IE6 */
	*:first-child+html .clear 	{ zoom: 1; } /* IE7 */