* { margin: 0; padding: 0; border: none; outline: 0; }
body { background: #1f1c1b url(../images/bg.jpg) repeat 0 0 fixed; }
ol, ul { list-style: none; }
p { font-family: Arial, Helvetica, sans-serif; color: #eeebe5; }


/*HEADER RULES*/
#header{ margin: 0 auto; width: 844px; }
	#header_top { width: 844px; height: 52px; background: url(../images/line_header.gif) no-repeat 0 0; }
	#header_top h1 { margin-left: 22px; width: 674px; height: 50px; color: #fff; text-indent: -9999px; background: url(../images/header_charity_challenge.gif) no-repeat 0 0; }
	#header_top #header_control 	{ margin-right: 22px; width: 126px; height: 50px; background: url(../images/btn_learn_more_or_less.gif) no-repeat 0 0; }
	#header_top #header_control a 	{ height: 50px; display: block; text-indent: -9999px;  }
	
	#header_slide 		{ width: 844px; height: 500px; }
	#header_slide p		{ margin: 0 37px 15px 37px; font-size: 12px; line-height: 19px; }
	#header_slide p.top { margin: 15px 37px 15px 37px; }
	#header_slide a 	{ color: #fff; text-decoration: none; background-color: #cc0000; }
	#header_slide a:hover 	{ color: #fff; text-decoration: none; background-color: #ff0000; }
	#header_slide #header_logos_etc { width: 844px; height: 129px; }
		
/*MAIN BODY RULES*/

#main_body { margin: 0 auto; width: 844px; height: 698px; background: url(../images/bg_main_body.png) no-repeat 0 0; position: relative; z-index: 100; }
	
	#gadsby { width: 216px; height: 698px; display: block; position: absolute; left: 146px; z-index: 200; }
	#keith 	{ width: 216px; height: 698px; display: block; position: absolute; left: 482px; z-index: 200; }
	
	#support_score { width: 844px; height: 126px; }
		#support_score #support_gadsby 	{ width: 322px; height: 126px; background: url(../images/support_gadsby.gif) no-repeat 0 0; }
		#support_score #support_gadsby a { height: 126px; display: block; text-indent: -9999px;  }	
		#support_score #score			{ width: 200px; height: 126px; background: url(../images/score.gif) no-repeat 0 0; text-indent: -9999px; }
		#support_score #support_keith 	{ width: 322px; height: 126px; background: url(../images/support_keith.gif) no-repeat 0 0; }
		#support_score #support_keith a 	{ height: 126px; display: block; text-indent: -9999px;  }
	
	#see_challenges_run { width: 844px; }
		#see		{ width: 322px; height: 572px; background: url(../images/see.gif) no-repeat 0 0; }
			a#see_about_me { margin: 115px 0 15px 22px; width: 124px; height: 43px; display: block; text-indent: -9999px; background: url(../images/btn_about_me_gadsby.gif) no-repeat 0 0;  }
			a#twitter_gadsby { margin-left: 22px; width: 195px; height: 49px; display: block; text-indent: -9999px; background: url(../images/twitter_gadsby.gif) no-repeat 0 0; }
			
		#challenges	{ width: 200px; height: 572px; background: url(../images/lines_challenges.gif) no-repeat 0 0; }
		#challenges	ul 			{ margin: 9px 0 0 25px; width: 150px; }
		#challenges	ul li 			{ margin-bottom: 16px; width: 150px; }
		#challenges	ul li a			{ width: 150px; height: 80px; display: block; text-indent: -9999px; }
		
		#challenge_01 		{ background: url(../images/sprite_challenges.gif) no-repeat 0 0; }
		#challenge_01:hover	{ background: url(../images/sprite_challenges.gif) no-repeat -150px 0; }
		
		#challenge_02 		{ background: url(../images/sprite_challenges.gif) no-repeat 0 -96px; }
		#challenge_02:hover	{ background: url(../images/sprite_challenges.gif) no-repeat -150px -96px; }
		
		#challenge_03 		{ background: url(../images/sprite_challenges.gif) no-repeat 0 -192px; }
		#challenge_03:hover	{ background: url(../images/sprite_challenges.gif) no-repeat -150px -192px; }
		
		#challenge_04 		{ background: url(../images/sprite_challenges.gif) no-repeat 0 -288px; }
		#challenge_04:hover	{ background: url(../images/sprite_challenges.gif) no-repeat -150px -288px; }
		
		#challenge_05 		{ background: url(../images/sprite_challenges.gif) no-repeat 0 -384px; }
		#challenge_05:hover	{ background: url(../images/sprite_challenges.gif) no-repeat -150px -384px; }

		
		#run		{ width: 322px; height: 572px; background: url(../images/run.gif) no-repeat 0 0; }
			a#run_about_me { margin: 115px 0 15px 175px; width: 124px; height: 43px; display: block; text-indent: -9999px; background: url(../images/btn_about_me_keith.gif) no-repeat 0 0;  }
			a#twitter_keith { margin-left: 105px; width: 195px; height: 49px; display: block; text-indent: -9999px; background: url(../images/twitter_keith.gif) no-repeat 0 0; }

/*GLOBAL CLASSES*/
.inline_left 	{ display: inline; float: left; }
.inline_right 	{ display: inline; float: right; }
.clear:after 	{ height: 0; display: block; clear: both; visibility: hidden; content: "."; }