/***** Reset *****/
	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/***** Container *****/

	body{
		font-size: 10px; font-family: georgia, helvetica, times; font-weight:bold;
		margin: 0; padding: 0;
		text-align: center;
	}
		.logo{
			display: block;
			height: 73px; width: 390px;
			position: absolute; top: 0; left: 0;
			text-indent: -5000px;
			outline: 0;
		}
	
		h1{
			margin: 0; padding: 0;
			display: block;
			width: 199px; height: 43px;
			text-indent: -5000px;
			background: transparent;
			position: absolute; bottom: 30px; right: 30px; z-index: 100000;
		}
			h1 a{
				display: block;
				width: 199px; height: 43px;
				background: transparent url(/_img/travel_portland.png) 0 0 no-repeat;
				position: relative;
			}

		#container{
			background: transparent url(/_img/bg.jpg) 0 0 no-repeat;
			display: block;
			margin: 0 auto; padding: 0;
			text-align: left;
			width: 964px;
			position: relative;
			overflow: hidden;
		}
		
		#projector_on{
			position: absolute; bottom: 187px; left: 299px;
			display: none;
			width: 174px; height: 94px;
			background: transparent url(/_img/projector_on.jpg) 0 0 no-repeat; z-index: 1;
		}
		
/***** Content *****/

			#content{
				background: transparent;
				border: 2px solid #000;
				display: block;
				margin: 0; padding: 0;
				width: 958px; height: 766px;
				position: relative;
				float: left; clear: both;
			}
			
/***** Loading Cover*****/

	.cover{
		display: block;
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 772px; z-index: 9999999;
		background: #fff;
	}
		.cover span{
			position: absolute;
			top: 50%; left: 50%;
			font-size: 20px;
			color: #999;
		}
			.cover span img{
				margin: 0 10px -10px 0;
			}
			
/***** Header *****/

			#header{
				background: transparent;
				display: block;
				margin: 0; padding: 0;
				width: 960px; height: 76px;
				position: relative;
				float: left; clear: both;
				position: absolute; top: 0; left: 0; z-index: 1000;
			}
			
				#header ul#some_links{
					display: block;
					margin: 20px 60px;
					width: 300px;
					float: right; clear: none;
					list-style: none;
				}
				
					ul#some_links li{
						display: inline;
					}
					
						ul#some_links li a{
							display: block;
							margin: 0 4px; padding: 0;
							width: 32px; height: 33px;
							text-indent: -5000px;
							float: right; clear: none;
						}
						
							#some_links li a.btn_email{
								background: transparent url(/_img/btn_email.png) 0 0 no-repeat;
							}
							
							#some_links li a.btn_facebook{
								background: transparent url(/_img/btn_facebook.png) 0 0 no-repeat;
							}
							
							#some_links li a.btn_twitter{
								background: transparent url(/_img/btn_twitter.png) 0 0 no-repeat;
							}
							
							.haveinfo{
								width: 250px !important;
							}

/***** Footer *****/

			#footer{
				background: transparent;
				display: block;
				margin: 0; padding: 0;
				width: 960px; height: 50px;
				position: relative;				
				font-weight: normal;
				padding-top: 10px;
				float: left; clear: both;
			}
			
			

/***** Intro *****/
			
			#pop_intro{
				background: transparent url(/_img/bg_intro.png) 0 0 no-repeat;
				display: block;
				padding: 170px 40px 50px; margin: 0;
				width: 554px; height: 248px;
				position: absolute; top: 144px; left: 85px; z-index: 1000;
				text-align: center;
				font-size: 15px;
				color: #666;
				font-weight: normal;
			}
				#pop_intro p{
					padding: 0;
				}
			
				#pop_intro .lists{
					display: block;
					padding: 5px 25px;
					width: 504px;
					text-align: left;
					float: left; clear: both;
				}
					#pop_intro ul{
						margin: 0; padding: 0;
					}
						#pop_intro ul.left{
							width: 200px;
						}
						#pop_intro ul.right{
							width: 300px;
						}
						#pop_intro ul li{
							list-style-image: url(/_img/chk_blue.png);
						}
				
				#btn_start{
					display: block;
					margin: 10px auto 0; padding: 0;
					background: transparent url(/_img/btn_play_now.png) 0 0 no-repeat;
					width: 100px; height: 44px;
					text-indent: -5000px;
					outline: 0;
				}

			#bg_person{
				background: transparent url(/_img/woman.png) 0 0 no-repeat;
				display: block;
				width: 510px; height: 692px;
				position: absolute; bottom: 0; right: 0; z-index: 900;
			}
			
			
/***** Game *****/

			#pop_links{
				
				background: #000 url(/_img/pop_links.png) 0 0 no-repeat;
				display: block;
				padding: 40px 0px 30px;
				width: 217px; height: 462px;
				position: absolute; top: 94px; right: 19px; z-index: 800;
			}
				
				#pop_links ul{
					list-style: none;
				}
				
					#pop_links ul li{
						padding: 7px 0; margin: 0;
					}
					
						#pop_links ul li a{
							display: block;
							width: 181px;
							font-size: 12px;
							padding-left: 35px;
						}
						
				.form_email{
					display: block;
					width: 197px; height: 80px;
					position: absolute; bottom: 0px; left: 30px;
					color: #666;
				}
				
					.form_email .fld_email{
						border: 1px solid #999;
						padding: 2px 4px;
						width: 140px;
					}
					
					.form_email #btn_email_links{
						width: 155px;
					}
					
			#projector_screen{
				/* background: transparent url(/_img/screen_bg.png) 0 0 no-repeat; */
				display: block;
				margin: 0; padding: 25px 140px 40px;
				width: 270px; height: 185px;
				position: absolute; top: 76px; left: 230px; z-index: 500;
			}
			
			#flash_screen{
				display: block;
				width: 550px; height: 250px;
				position: absolute; top: 0; left: 0; z-index: 90;
			}
			
				#screen{
					display: block;
					width: 283px; height: 165px;
					line-height: 140%;
					font-size: 11px;
					position: relative; z-index: 1000;
				}
				
					.btn_start_play,
					.btn_play,
					.btn_play_again,
					.btn_gototoolkit,
					.btn_send_book{
						display: block;
						width: 117px; height: 41px;
						text-indent: -5000px;
						outline: 0;
					}
						.btn_start_play{
							position: absolute; bottom: 0; right: 0;
							background: transparent url(/_img/btn_start_play.png) 0 0 no-repeat;
						}
						.btn_play{
							position: absolute; bottom: 0; right: 0;
							background: transparent url(/_img/btn_continue_play.png) 0 0 no-repeat;
						}
						.btn_play_again{
							position: absolute; bottom: 0; right: 0;
							background: transparent url(/_img/btn_play_again.png) 0 0 no-repeat;
						}
						.btn_gototoolkit{
							position: absolute; bottom: 0; right: 0;
							background: transparent url(/_img/btn_gototoolkit.png) 0 0 no-repeat;
						}
						.btn_send_book{
							position: absolute; bottom: 0; left: 0;
							background: transparent url(/_img/btn_send_book.png) 0 0 no-repeat;
						}
						

/***** Track *****/
	
	#track{
		display: block;
		width: 583px; height: 601x;
		position: relative; top: 150px; left: 85px;
		z-index: 1;
	}
			
/***** Attractions *****/

	.attraction{
		display: block;
		width: 54px; height: 54px;
		z-index: 900;
		position: relative;
	}
		.attraction .the_img{
			display: block;
			width: 54px; height: 54px;
			position: absolute; top: 0; left: 0; z-index: 2000;
		}
	
		.attraction span{
			display: none;
			width: 250px;
			background: transparent;
			position: absolute; z-index: 1000; 
		}
		
			.attr_header{
				background: transparent url(../_img/attr_header_bg.png) 0 0 no-repeat;
				display: block;
				margin: 0; padding: 12px 18px 0 40px;
				width: 282px; height: 29px;
				float: left; clear: both;
				color: #fff; font-weight: bold;
				font-size: 14px;
				position: relative;
			}
				
				.attr_header .btn_close{
					background: transparent url(../_img/attr_x.png) 0 0 no-repeat;
					display: block;
					margin: 0; padding: 0;
					width: 19px; height: 20px;
					position: absolute; top: 12px; right: 19px;
					text-indent: -5000px;
					outline: 0;
				}
			
			.attr_cont{
				background: transparent url(../_img/attr_cont_bg.png) 0 0 repeat-y;
				display: block;
				margin: 0; padding: 0 18px 0 40px;
				width: 282px;;
				float: left; clear: both;
				font-weight: both;
				color: #333;
				position: relative;
			}
			
				.attr_cont a{ position: relative;}
			
			.attr_footer{
				background: transparent url(../_img/attr_footer_bg.png) 0 0 no-repeat;
				display: block;
				margin: 0; padding: 0;
				width: 338px; height: 19px;
				float: left; clear: both;
			}
			
		.the_img img{ width: 100%; height: 100%; }
		
		.car{ position: absolute; top: 265px; left: 185px; }
			/* .car .the_img{ background: transparent url(/_img/attractions/attraction_car.png) 0 0 no-repeat; } */
			.car span{ top: 50%; left: 50%;}
			
		.mug{ position: absolute; top: 437px; left: 340px; }
			/* .mug .the_img{ background: transparent url(/_img/attractions/attraction_mug.png) 0 0 no-repeat; } */
			.mug span{ bottom: 50%; right: 110px;}
		
		.files{ position: absolute; top: 329px; left: 626px; }
			/* .files .the_img{ background: transparent url(/_img/attractions/attraction_files.png) 0 0 no-repeat; } */
			.files span{ top: 50%; right: 110px;}
		
		.chair{ position: absolute; top: 540px; left: 651px; }
			/* .chair .the_img{ background: transparent url(/_img/attractions/attraction_chair.png) 0 0 no-repeat; } */
			.chair span{ bottom: 50%; right: 110px;}
		
		.meeting{ position: absolute; top: 542px; left: 445px; }
			/* .meeting .the_img{ background: transparent url(/_img/attractions/attraction_meeting.png) 0 0 no-repeat; } */
			.meeting span{ bottom: 50%; right: 110px;}

		.marker{ position: absolute; top: 668px; left: 311px; }
			/* .marker .the_img{ background: transparent url(/_img/attractions/attraction_marker.png) 0 0 no-repeat; } */
			.marker span{ bottom: 50%; left: 50%;}
		
		.steps{ position: absolute; top: 620px; left: 175px; }
			/* .steps .the_img{ background: transparent url(/_img/attractions/attraction_steps.png) 0 0 no-repeat; } */
			.steps span{ bottom: 50%; left: 50%;}

/***** Popup *****/

	.popup{
		display: block;
		position: absolute; top: 100px; left: 307px; z-index: 99999999;
	}
		#the_popup{
			position: relative; top: 0; left: 0; z-index: 9999999;
		}
		#popup_output{
			padding: 0 0 10px 0;
			position: relative
		}
		.popup_header{
			background: transparent url(/_img/pop_head_bg.png) 0 0 no-repeat;
			display: block;
			margin: 0; padding: 21px 0 0 0;
			width: 345px; height: 33px;
			float: left; clear: both;
			text-align: center;
			color: #fff; font-size: 16px;
			position: relative;
		}
			.popup_header .btn_close{
				background: transparent url(../_img/attr_x.png) 0 0 no-repeat;
				display: block;
				margin: 0; padding: 0;
				width: 19px; height: 20px;
				position: absolute; top: 22px; right: 19px;
				text-indent: -5000px;
				outline: 0;
			}
		
		.popup_content{
			background: transparent url(/_img/pop_cont_bg.png) 0 0 repeat-y;
			display: block;
			margin: 0; padding: 5px 25px 0;
			width: 295px;
			float: left; clear: both;
			text-align: left;
			position: relative;
		}
			
			.popup_content form{
				display: block;
				margin: 0 20px; padding: 0;
				width: 245px;
				position: relative;
			}
			
				.popup_content form fieldset{
					border: 0;
					margin: 0; padding: 0;
				}
				
					.popup form fieldset div{
						display: block;
						margin: 0; padding: 10px 0;
						width: 245px;
						float: left; clear: both;
					}
					
						.popup form fieldset div.field label{
							display: block;
							margin: 0; padding: 0;
							width: 245px;
							float: left; clear: both;	
						}
						
						.popup form fieldset div.field input{
							border: 1px solid #00a;
							padding: 3px 5px;
							width: 233px;
						}	
						
						.popup form fieldset div.checkbox label{
							
						}
						
						.popup form fieldset div.buttons input{
						
						}
						
						.popup form fieldset div.field div{
							display: block;
							margin: 0; padding: 0 !important;
							width: 120px;
						}
						
							.popup form fieldset div.field div label{
								display: block;
								margin: 0; padding: 0;
								width: 120px;
								float: left; clear: both;	
							}
							
							.popup form fieldset div.field div input{
								border: 1px solid #00a;
								padding: 3px 5px;
								width: 108px;
							}
							
							.popup form fieldset div.field div select{
								width:100px;
							}
						
		
		.popup_footer{
			background: transparent url(/_img/pop_foot_bg.png) 0 0 no-repeat;
			display: block;
			width: 345px; height: 32px;
			float: left; clear: both;
			position: relative;
		}
		
		.js_log{
			display: none;
			width: 300px;
			background: #fff;
			position: absolute; top: 0; right: 0;
		}
	
				
		
		
/***** Etc... *****/

	.hidden{ display: none; }
	p{ padding: 7px 0; line-height: 140%; }
	ul{padding: 4px 0; }
		ul li{ padding: 3px 0; margin-left: 30px;}
	.link_disable{
		text-decoration: none;
		color: #999;
	}
	.link_enable{
		text-decoration: none;
		color: #000;
		background: transparent url(/_img/check.png) 8px 0 no-repeat;
	}
	.left {float: left !important; clear: none !important;}
	.right{float: right !important; clear: none !important;}
	.error{color: #a00;}
	.success{color: #0a0;}
	a{
		color: #1199d7;
		text-decoration: none;
		outline: 0;
	}
	a[rel=popup]{
		color: #1199d7;
	}
	p.forward{ color: #4a9e00; }
	p.back{ color: #ca0000; }