html
{
	margin:0;
	padding:0;
	background:#000 url(../images/backgrounds/bkg_html.jpg) repeat left top;
}
body
{
	margin:0;
	padding:0;
	background:transparent url(../images/backgrounds/bkg_body.jpg) repeat-y 120px 0px;
	
	font-size: 11px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; 
	
}

div, h1, h2, h3, h4, h5, h6, ul, ol, li, p
{
	position:relative;
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}

/* Need this class for hide/show toggle of various sections */
.hide {
  display: none;
  position:absolute;
  left:-2000px;
  width:999px;
}


/* [ Stuff needed by SamIFR ] */

.hide_screen
{
	display: none;
}
	
	
/* Generic heading stuff */	
* html h2,
* html h3
{
	height: 1px;
}
	
h2 embed,
h3 embed
{
	display: block;
	position: relative;
	left: -2px; /* Helps with lining up text blocks, adjust so left margins match */
}








/* grid for lining stuff up to */
div#grid
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:transparent url(../images/grid.png) repeat left top;
}






/* z-stacking */
div#footer 		{ z-index:1;}
div#content 	{ z-index:2;}
img#handset		{ z-index:3;}
ul#buttons		{ z-index:4;}
div#name_tag	{ z-index:5;}
div#game_holder	{ z-index:6;}








/* progress indicator */
ul#progress
{
	position:absolute;
	left:450px;
	top:63px;
	width:360px;
	height:81px;
	background:transparent url(../images/backgrounds/bkg_progress.jpg) no-repeat left top;
}
body.crash_scene 		ul#progress { background-position:0px -81px; }
body.point_duty  		ul#progress { background-position:0px -162px; }
body.the_pursuit 		ul#progress { background-position:0px -243px; }
body.finish_crash_scene ul#progress { background-position:0px -324px; }

body.missing_person		ul#progress { background-position:0px -405px; }
body.the_search  		ul#progress { background-position:0px -486px; }
body.cpr		 		ul#progress { background-position:0px -567px; }
body.finish_missing_person ul#progress { background-position:0px -648px; }

body.arson_scene		ul#progress { background-position:0px -729px; }
body.forensics  		ul#progress { background-position:0px -810px; }
body.foot_pursuit 		ul#progress { background-position:0px -891px; }
body.finish_arson_scene ul#progress { background-position:0px -972px; }

body.no_progress_bar 	ul#progress { display:none; }

	ul#progress li
	{
		display:inline;
		margin-left:-9999em;
	}






/* buttons */
ul#buttons
{
	position:absolute;
	left:129px;
	top:227px;
	margin:-1px 0 0 0;
}

	ul#buttons li
	{
		width:102px;
		height:47px;
		margin:-2px 0 0 0;
		list-style-type:none;
	}
	
		ul#buttons li a
		{
			display:block;
			width:102px;
			height:47px;
			text-indent:-9999em;
			background:transparent url(../images/backgrounds/bkg_buttons.gif) no-repeat 0px 0px;
		}

		ul#buttons li#button_about a 	   { background:transparent url(../images/backgrounds/bkg_buttons.gif) no-repeat 0px 0px; }
		ul#buttons li#button_about a:hover { background:transparent url(../images/backgrounds/bkg_buttons.gif) no-repeat -102px 0px; }

		ul#buttons li#button_reset a 	   { background:transparent url(../images/backgrounds/bkg_buttons.gif) no-repeat 0px -47px; }
		ul#buttons li#button_reset a:hover { background:transparent url(../images/backgrounds/bkg_buttons.gif) no-repeat -102px -47px; }




/* main logo */
h1
{
	position:absolute;
	left:0;
	top:0;
	width:900px;
	height:495px;
	margin:0;
	background:transparent url(../images/backgrounds/bkg_h1.jpg) no-repeat left top;
}
h1 img
{
	position:absolute;
	left:117px;
	top:-11px;
}




/* name tag */
div#name_tag
{
	position:absolute;
	left:742px;
	top:0px;
	width:232px;
	height:443px;
}





/* content */
div#content 
{
	padding:153px 129px 0px 249px;
	width:522px;
	min-height:342px;	
}
div#content h2,
div#content h3,
div#content h4,
div#content ul,
div#content ol,
div#content p
{
	padding-right:60px;
}




/* clear */
hr 
{
	clear:both;
	display:block;
	height:9px;
	margin:0 0 -9px;
	padding:0;
	visibility:hidden;
}



/* game */
div#game_holder 
{
	position:absolute;
	left:240px;
	top:144px;
	width:540px;
	height:369px;
}



/* footer */
div#footer
{
	width:900px;
	min-height:99px;
	background:transparent url(../images/backgrounds/bkg_footer.jpg) no-repeat left top;
}

	div#footer img#footer_logo
	{
		position:absolute;
		left:249px;
		top:76px;
	}
	
	div#footer ul#footer_links
	{
		position:absolute;
		right:129px;
		top:68px;
		text-align:right;
		
		font-size: 0.8182em; /* 9px */ 
		line-height: 2em; /* 18px */ 
		margin-top: 2em; 
		margin-bottom: 0em;	
	}
	
		div#footer ul#footer_links li
		{
			display:inline;	
		}
	





/* handset image */
img#handset
{
	position:absolute;
	left:0;
	top:99px;
}






/* typography */

a:link
{
	color:#4D4C73;
	text-decoration:underline;
}
a:hover
{
	color:#4D4C73;
	text-decoration:none;
}
a:visited
{
	color:#6C415F;
	text-decoration:none;
}

h2
{
	font-size: 3.8182em; /* 42px */
	line-height: 1.2857em; /* 54px */ 
	margin-top: 0.25em; 
	margin-bottom: 0em;
	color:#ff6003;
	font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	text-transform:uppercase;	
}

h3
{
	font-size: 2.1818em; /* 24px */ 
	line-height: 1.5em; /* 36px */ 
	margin-top: 0.75em; 
	margin-bottom: 0em;   
	color:#121141;
	letter-spacing:2px; /* strectches it out a bit so it takes up the same about of space as samifr headings */
	font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	text-transform:uppercase;	
}

h4
{ 
	font-size: 1em; /* 11px */ 
	line-height: 1.6364em; /* 18px */ 
	margin: 1.6364em  0 0 0; 
	color:#121141;
	font-weight:bold;
}

p 
{ 
	font-size: 1em; /* 11px */ 
	line-height: 1.6364em; /* 18px */ 
	margin: 0 0 1.6364em 0; 
	color:#404040;
}

p.error
{ 
	color:#ff6003;
	font-weight:bold;
	padding-left:21px;
	background:transparent url(../images/backgrounds/bkg_error.gif) no-repeat left center;
}

label
{
	font-size: 1em; /* 11px */ 
	line-height: 1.6364em; /* 18px */ 
	margin: 1.6364em  0 0 0; 
	color:#121141;
	font-weight:bold;
}

li, dt, dl
{
	line-height: 1.6364em; /* 18px */ 
	margin: 1.6364em  0 0 0; 
}


/* forms */
form, fieldset
{
	margin:0;
	padding:0;
	border:none;
	position:relative;
}
fieldset
{	
	display:block;
	margin:18px -9px 0 -9px;
	padding:0px 9px 0 9px;
	background:transparent url(../images/backgrounds/bkg_form.jpg) no-repeat 0 1px;
}
label.labelText
{
	clear:left;
	float:left;
	width:102px;
	text-align:left;
	margin-right:9px;
}
label.labelCheckbox
{
	float:left;
	text-align:left;
}
input.inputText
{
	float:left;
	width:162px;
	font-size:1em;
	margin: 1.6364em 9px 0 9px; 
	height: 1.6364em;
	color:#404040;
	border-top:1px solid #888;
	border-right:1px solid #ddd;
	border-bottom:1px solid #fff;
	border-left:1px solid #ddd;
}
select.inputSelect
{
  float: left;
  width:162px;
  font-size:1em;
  margin: 1.6364em 9px 0 9px; 
  height: 1.6364em;
  color:#404040;
}
input.inputCheckbox
{
  clear: left;
  float: left;
  width:102px;
  text-align:left;
  margin-right:9px;
  margin-top: 1.6364em;
}
input.inputRadio
{
	position:relative;
	top:0.2727em;
	font-size: 1em; /* 11px */ 
	line-height: 1.6364em; /* 18px */ 
	margin:0 3px 0 0;
}




form#formStartGame input.inputSubmit
{
	position:absolute;
	left:300px;
	top:72px;
	margin:0;
	padding:63px 0 0 0;
	width:222px;
	height:63px;
	border:none;
	
	cursor:pointer;
	background:transparent url(../images/backgrounds/bkg_inputSubmit_startGame.gif) no-repeat 0px 0px;
}
form#formStartGame input.inputSubmit:hover 
{
	background:transparent url(../images/backgrounds/bkg_inputSubmit_startGame.gif) no-repeat 0px -63px;
}



form#formArsonScene
{
	float:left;
	margin:0 18px 18px 0;
	width:222px;
	height:225px;
	background:transparent url(../images/thumbnail_arson_scene.gif) no-repeat 0px 0px;
}
form#formArsonScene input.inputSubmit
{
	margin:162px 0 0 0;
	padding:63px 0 0 0;
	width:222px;
	height:63px;
	border:none;
	
	cursor:pointer;
	background:transparent url(../images/backgrounds/bkg_inputSubmit_arsonscene.gif) no-repeat 0px 0px;
}
form#formArsonScene input.inputSubmit:hover 
{
	background:transparent url(../images/backgrounds/bkg_inputSubmit_arsonscene.gif) no-repeat 0px -63px;
}




form#formMissingPerson 
{
	float:left;
	margin:0 18px 18px 0;
	width:222px;
	height:225px;
	background:transparent url(../images/thumbnail_missing_person.gif) no-repeat 0px 0px;
}
form#formMissingPerson input.inputSubmit
{
	margin:162px 0 0 0;
	padding:63px 0 0 0;
	width:222px;
	height:63px;
	border:none;
	
	cursor:pointer;
	background:transparent url(../images/backgrounds/bkg_inputSubmit_missingperson.gif) no-repeat 0px 0px;
}
form#formMissingPerson input.inputSubmit:hover 
{
	background:transparent url(../images/backgrounds/bkg_inputSubmit_missingperson.gif) no-repeat 0px -63px;
}



form#formCrashScene
{
	float:left;
	margin:0 18px 18px 0;
	width:222px;
	height:225px;
	background:transparent url(../images/thumbnail_crash_scene.gif) no-repeat 0px 0px;
}
form#formCrashScene input.inputSubmit
{
	margin:162px 0 0 0;
	padding:63px 0 0 0;
	width:222px;
	height:63px;
	border:none;
	
	cursor:pointer;
	background:transparent url(../images/backgrounds/bkg_inputSubmit_crashscene.gif) no-repeat 0px 0px;
}
form#formCrashScene input.inputSubmit:hover 
{
	background:transparent url(../images/backgrounds/bkg_inputSubmit_crashscene.gif) no-repeat 0px -63px;
}




form#formQuiz ol
{
	padding:0 0 0 21px;
}
	form#formQuiz em.unanswered
	{
		font-style:normal;
		padding:0 3px 0 3px;
		background-color:#ff6f2b;
		color:#fff;
	}
	form#formQuiz ol li 
	{
		color:#121141;
		font-weight:bold;
		clear:left;
		margin:0;
	}
		form#formQuiz ol li input.inputRadio 
		{
			
		}
		form#formQuiz ol li label 
		{
			color:#404040;
			font-weight:normal;
		}
	form#formQuiz input.inputSubmit
	{
		margin:18px 0 0 0;
		padding:63px 0 0 0;
		width:222px;
		height:63px;
		border:none;
		
		cursor:pointer;
		background:transparent url(../images/backgrounds/bkg_inputSubmit_continue.gif) no-repeat 0px 0px;
	}
	form#formQuiz input.inputSubmit:hover 
	{
		background:transparent url(../images/backgrounds/bkg_inputSubmit_continue.gif) no-repeat 0px -63px;
	}

form#formEntry input.inputSubmit
{
  margin:18px 0 0 0;
  padding:63px 0 0 0;
  width:222px;
  height:63px;
  border:none;
  
  cursor:pointer;
  background:transparent url(../images/backgrounds/bkg_inputSubmit_continue.gif) no-repeat 0px 0px;
}
form#formEntry input.inputSubmit:hover 
{
  background:transparent url(../images/backgrounds/bkg_inputSubmit_continue.gif) no-repeat 0px -63px;
}


/* page specific layout stuff */

body.intro div#content img 
{
	position:absolute;
	right:120px;
	top:218px;
}