@charset "UTF-8";

@font-face{
    font-family:Historical;
    src:url('../fonts/ImFellEnglish.eot') format('eot'),
        url('../fonts/ImFellEnglish.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

*{
	font-family:Historical, Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
}

body{
	background:#828282 url(../images/background_texture.png) repeat;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

h1{
	font-size:32px;
	line-height:normal;
	margin-bottom:18px;
	text-shadow:0 1px 0 #555;
}
h2{
	font-size:24px;
	line-height:normal;
	margin-bottom:18px;
	text-shadow:0 1px 0 #555;
}
p{
	font-size:18px;
	line-height:24px;
	margin:0 0 24px 0;
	text-shadow:0 1px 0 #555;
}
a:link,
a:visited{
	color:#222222;
	text-decoration:underline;
}
a:hover{
	color:#DDDDDD;
	text-decoration:underline;
}
a:active{
	color:#FFFFFF;
	text-decoration:none;
}

a:link.white,
a:visited.white{
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover.white{
	color:#AAAAAA;
	text-decoration:underline;
}
a:active.white{
	color:#222222;
	text-decoration:none;
}


a:link.button,
a:visited.button{
	padding:2px 7px;
	color:#222;
	line-height:32px;
	text-shadow:none;
	background:#FFF;
	border-radius:3px;
}
a:hover.button{
	color:#222;
	background:#DDD;
}
a:active.button{
	color:#FFF;
	background:#222;
}


hr{
	margin-bottom:20px;
	border:none;
	border-bottom:2px solid #FFF;
}

form{

}
table{

}
tr{

}
td{

}
#sendFriendTable td{
	width:50%;
}

label{
	font-size:18px;
	line-height:20px;
}
input{
	width:90%;
	padding:1% 2%;
	font-size:18px;
	color:#222222;
	margin-bottom:18px;
}

label.error{
	line-height:28px;
	font-size:12px;
	
	background:#CC0000;
}
input.error{
	margin-bottom:0px;
	border-style:solid;
	border-color:#CC0000;
}

textarea{
	width:96%;
	padding:1% 1%;
	font-size:18px;
	color:#222222;
	margin-bottom:18px;
}
input[type=submit]{
	width:auto;
	color:#222222;
}

#navigation-wrapper{
}
	#navigation{
		position:relative;
		display:block;
		width:230px;
		height:160px;
		margin:20px auto 0 auto;
	}
	#navigation li a{
		position:absolute;
		display:block;
		width:100px;
		height:111px;
		height:45px;
		text-indent:-9999px;
		background:url(../images/navigation.png) no-repeat;
	}
	#navigation li a#nav-content1{
		left:10px;
		top:45px;
		width:90px;
		background-position:0 -10px;
	}
	#navigation li a#nav-content2{
		left:15px;
		top:100px;
		width:81px;
		background-position:-119px -10px;
	}
	#navigation li a#nav-content3{
		left:0;
		top:0;
		width:230px;
		height:33px;
		background: url(../images/navigation_iphone.png) 0 0;
}
	#navigation li a#nav-content4{
		left:140px;
		top:45px;
		width:71px;
		background-position:-731px -10px;
	}
	#navigation li a#nav-content5{
		left:125px;
		top:100px;
		width:110px;
		background-position:-836px -10px;
	}
	#navigation li a#nav-content1.active,
	#navigation li a:hover#nav-content1{
		background-position:0 -121px;
	}
	#navigation li a#nav-content2.active,
	#navigation li a:hover#nav-content2{
		background-position:-119px -121px;
	}
	#navigation li a#nav-content3.active,
	#navigation li a:hover#nav-content3{
		background-position:-236px -111px;
		background-position:0 0;
	}
	#navigation li a#nav-content4.active,
	#navigation li a:hover#nav-content4{
		background-position:-731px -121px;
	}
	#navigation li a#nav-content5.active,
	#navigation li a:hover#nav-content5{
		background-position:-836px -121px;
	}
	
	#content-wrapper{
	}
		.content{
			width:100%;
			top:0;
			margin:0px;
			padding:20px 0 0px;
			border-top:2px solid #222222;
			overflow:visible!important;
		}
			.content-inner{
				width:90%;
				margin:0 5%;
			}
			#sponsorsTable{
				font-size:14px;
				line-height:14px;
			}
			#sponsorsTable td.singleCol{
				width:50%;
			}
			#sponsorsTable h2{
				margin-bottom:10px;
			}
			#sponsorsTable ul{
				margin-bottom:30px;
			}
			#sponsorsTable li{
				width:90%;
				list-style-type:disc;
				padding-bottom:12px;
			}
			
.grid_50{
	width:50%;
	margin-bottom:10px;
	float:left;
}
.clearBoth{
	clear:both;
}
			
@media only screen and (min-width: 700px) {

	body{
		width:100%;
		height:100%;
		background:#828282;
	}
	
	#wrapper{
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		overflow:hidden;
	}
	
	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
	}
	
	h1{
		font-size:32px;
		line-height:normal;
		margin-bottom:18px;
		text-shadow:0 1px 0 #555;
	}
	p{
		font-size:18px;
		line-height:24px;
		margin:0 0 24px 0;
		text-shadow:0 1px 0 #555;
	}
	a:link,
	a:visited{
		color:#222222;
		text-decoration:underline;
	}
	a:hover{
		color:#DDDDDD;
		text-decoration:underline;
	}
	a:active{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	form{
	
	}
	label{
		font-size:18px;
		line-height:20px;
	}
	input{
		width:90%;
		padding:1% 2%;
		font-size:18px;
		color:#222222;
		margin-bottom:18px;
	}
	textarea{
		width:96%;
		padding:1% 1%;
		font-size:18px;
		color:#222222;
		margin-bottom:18px;
	}
	input[type=submit]{
		width:auto;
		color:#222222;
	}
	
	#navigation-wrapper{
		position:absolute;
		display:block;
		left:50%;
		top:0;
		width:50%;
		height:15%;
		min-height:121px;
		z-index:900;	
	}
		#navigation{
			position:absolute;
			display:block;
			bottom:0;
			width:704px;
			height:111px;
			margin:0 0 0 -352px;
		}
		#navigation li a{
			position:absolute;
			display:block;
			width:100px;
			height:111px;
			height:45px;
			text-indent:-9999px;
			background:url(../images/navigation.png) no-repeat;
		}
		#navigation li a#nav-content1{
			left:0;
			top:5px;
			width:90px;
			background-position:0 -10px;
		}
		#navigation li a#nav-content2{
			left:5px;
			top:60px;
			width:81px;
			background-position:-119px -10px;
		}
		#navigation li a#nav-content3{
			/*
			display:block;
			visibility:visible;
			*/
			height:111px;
			left:110px;
			top:0;
			width:464px;
			background-image:url(../images/navigation.png);
			background-position:-236px 0;
		}
		#navigation li a#nav-content4{
			left:610px;
			top:5px;
			width:71px;
			background-position:-731px -10px;
		}
		#navigation li a#nav-content5{
			left:594px;
			top:60px;
			width:110px;
			background-position:-836px -10px;
		}
		#navigation li a#nav-content1.active,
		#navigation li a:hover#nav-content1{
			background-position:0 -121px;
		}
		#navigation li a#nav-content2.active,
		#navigation li a:hover#nav-content2{
			background-position:-119px -121px;
		}
		#navigation li a#nav-content3.active,
		#navigation li a:hover#nav-content3{
			background-position:-236px -111px;
		}
		#navigation li a#nav-content4.active,
		#navigation li a:hover#nav-content4{
			background-position:-731px -121px;
		}
		#navigation li a#nav-content5.active,
		#navigation li a:hover#nav-content5{
			background-position:-836px -121px;
		}
		
		
	#scene-wrapper{
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		left:0;
		top:0;
		z-index:0;
		overflow:hidden;
		background-color:rgba(0, 0, 0, .1);
	}
		
		#people-wrapper{
			position:absolute;
			display:block;
			width:700%;
			height:100%;
			z-index:300;
			width:800%;
		}
			#people-sad{
				position:absolute;
				left:0;
				top:0;
				width:50%;
				height:100%;
			}
			#people-happy{
				position:absolute;
				left:50%;
				top:0;
				width:50%;
				height:100%;
			}
			
				.person{
					position:absolute;
					display:block;
				}
				#people_scene1{
					width:458px;
					height:562px;
					bottom:12%;
					left:21%;
					margin: 0 0 -180px -229px;
					background:url(../images/people_scene1.png) no-repeat 0 0;
				}
				#people_scene2{
					width:391px;
					height:449px;
					bottom:20%;
					left:62%;
					margin: 0 0 -110px -195px;
					background:url(../images/people_scene2.png) no-repeat 0 0;
				}
				#people_scene3-happy{
					width:962px;
					height:619px;
					bottom:5%;
					left:0%;
					margin: 0 0 -140px -505px;
					background:url(../images/people_scene3.png) no-repeat 0 0;
				}
				
				#people_scene4{
					width:443px;
					height:437px;
					bottom:20%;
					left:52%;
					margin: 0 0 -110px -220px;
					background:url(../images/people_scene4.png) no-repeat 0 0;
				}
				#people_scene5{
					width:466px;
					height:538px;
					bottom:12%;
					left:96%;
					margin: 0 0 -110px -233px;
					background:url(../images/people_scene5.png) no-repeat 0 0;
				}
				
		#content-wrapper{
			position:absolute;
			display:block;
			width:100%;
			height:100%;
			z-index:500;
		}
			.content{
				position:absolute;
				display:block;
				width:100%;
				top:0;
				margin:0;
				padding:0;
				overflow:auto!important;
				border:none;
			}
			.content#content1{
				left:0;
			}
			.content#content2{
				left:150%;
			}
			.content#content3{
				left:300%;
			}
				.content#content3 .content-inner{
					display:none;
					visibility:hidden;
				}
			.content#content4{
				left:450%;
			}
			.content#content5{
				left:600%;
			}
				.content-inner{
					display:block;
					width:400px;
					height:auto;
					margin:18%  auto 50px auto;
					padding:0 304px 0 0;
				}
				.content .spacer{
					display:block;
					width:100%;
					height:15%;
					min-height:111px;
				}
		
		#background-wrapper{
			position:absolute;
			display:block;
			width:700%;
			height:100%;
		}
			#bg-sad{
				position:absolute;
				right:50%;
				top:0;
				width:100%;
				height:100%;
				background:#636363 url(../images/background_texture.png) repeat right 0;
			}
			#bg-happy{
				position:absolute;
				left:50%;
				top:0;
				width:100%;
				height:100%;
				background:#828282 url(../images/background_texture.png) repeat left 0;
			}
				.floor{
					position:absolute;
					bottom:0;
					width:100%;
					height:25%;
					background-image:url(../images/background_texture.png);
				}
				#bg-sad .floor{
					background-color:#4b4b4b;
					background-position:right 0;
				}
				#bg-happy .floor{
					background-color:#626262;
				}
				.furniture{
					position:absolute;
					display:block;
				}
				#furniture1{
					width:873px;
					height:556px;
					bottom:25%;
					left:55%;
					margin:0 0 -429px -436px;
					background:url(../images/furniture_scene1.png) no-repeat 0 0;
				}
				#furniture1-2{
					width:389px;
					height:429px;
					bottom:25%;
					left:72%;
					margin:0 0 -86px -195px;
					background:url(../images/furniture_scene1-2.png) no-repeat 0 0;
				}
				#furniture2-3{
					width:436px;
					height:543px;
					bottom:25%;
					left:90%;
					margin:0 0 -198px -218px;
					background:url(../images/furniture_scene2-3.png) no-repeat 0 0;
				}
				#furniture3-4{
					width:513px;
					height:704px;
					bottom:25%;
					left:10%;
					margin:0 0 -222px -255px;
					background:url(../images/furniture_scene3-4.png) no-repeat 0 0;
				}
				#furniture4-5{
					width:681px;
					height:474px;
					bottom:25%;
					left:28%;
					margin:0 0 -148px -340px;
					background:url(../images/furniture_scene4-5.png) no-repeat 0 0;
				}
				#furniture5{
					width:485px;
					height:539px;
					bottom:25%;
					left:45%;
					margin:0 0 -155px -242px;
					background:url(../images/furniture_scene5.png) no-repeat 0 0;
				}
				
	.overflowScroll{
		overflow:scroll;
	}
}

@media only screen and (min-width: 970px) {
	
	#navigation-wrapper{
		position:absolute;
		display:block;
		left:50%;
		top:0;
		width:50%;
		height:15%;
		min-height:121px;
		z-index:900;	
	}
		#navigation{
			position:absolute;
			display:block;
			bottom:0;
			width:946px;
			height:111px;
			margin:0 0 0 -473px;
		}
		#navigation li a{
			position:absolute;
			display:block;
			width:100px;
			height:111px;
			text-indent:-9999px;
			background:url(../images/navigation.png) no-repeat;
		}
		#navigation li a#nav-content1{
			left:0;
			top:0;
			width:90px;
			background-position:0 0;
		}
		#navigation li a#nav-content2{
			left:119px;
			top:0;
			width:81px;
			background-position:-119px 0;
		}
		#navigation li a#nav-content3{
			left:236px;
			top:0;
			width:464px;
			background-position:-236px 0;
		}
		#navigation li a#nav-content4{
			left:731px;
			top:0;
			width:71px;
			background-position:-731px 0;
		}
		#navigation li a#nav-content5{
			left:836px;
			top:0;
			width:110px;
			background-position:-836px 0;
		}
		#navigation li a#nav-content1.active,
		#navigation li a:hover#nav-content1{
			background-position:0 -111px;
		}
		#navigation li a#nav-content2.active,
		#navigation li a:hover#nav-content2{
			background-position:-119px -111px;
		}
		#navigation li a#nav-content3.active,
		#navigation li a:hover#nav-content3{
			background-position:-236px -111px;
		}
		#navigation li a#nav-content4.active,
		#navigation li a:hover#nav-content4{
			background-position:-731px -111px;
		}
		#navigation li a#nav-content5.active,
		#navigation li a:hover#nav-content5{
			background-position:-836px -111px;
		}
				.person{
					position:absolute;
					display:block;
				}
				#people_scene1{
					width:458px;
					height:562px;
					bottom:12%;
					left:18%;
					margin: 0 0 -180px -229px;
					background:url(../images/people_scene1.png) no-repeat 0 0;
				}
				#people_scene2{
					width:391px;
					height:449px;
					bottom:20%;
					left:60%;
					margin: 0 0 -110px -195px;
					background:url(../images/people_scene2.png) no-repeat 0 0;
				}
				#people_scene3-happy{
					width:962px;
					height:619px;
					bottom:5%;
					left:0%;
					margin: 0 0 -140px -505px;
					background:url(../images/people_scene3.png) no-repeat 0 0;
				}
				
				#people_scene4{
					width:443px;
					height:437px;
					bottom:20%;
					left:48%;
					margin: 0 0 -110px -220px;
					background:url(../images/people_scene4.png) no-repeat 0 0;
				}
				#people_scene5{
					width:466px;
					height:538px;
					bottom:12%;
					left:92%;
					margin: 0 0 -110px -233px;
					background:url(../images/people_scene5.png) no-repeat 0 0;
				}
				.content-inner{
					display:block;
					width:400px;
					height:auto;
					margin:14%  auto 50px auto;
					padding:0 546px 0 0;
				}
				.furniture{
					position:absolute;
					display:block;
				}
				#furniture1{
					width:873px;
					height:556px;
					bottom:25%;
					left:55%;
					margin:0 0 -429px -436px;
					background:url(../images/furniture_scene1.png) no-repeat 0 0;
				}
				#furniture1-2{
					width:389px;
					height:429px;
					bottom:25%;
					left:72%;
					margin:0 0 -86px -195px;
					background:url(../images/furniture_scene1-2.png) no-repeat 0 0;
				}
				#furniture2-3{
					width:436px;
					height:543px;
					bottom:25%;
					left:90%;
					margin:0 0 -198px -218px;
					background:url(../images/furniture_scene2-3.png) no-repeat 0 0;
				}
				#furniture3-4{
					width:513px;
					height:704px;
					bottom:25%;
					left:10%;
					margin:0 0 -222px -255px;
					background:url(../images/furniture_scene3-4.png) no-repeat 0 0;
				}
				#furniture4-5{
					width:681px;
					height:474px;
					bottom:25%;
					left:28%;
					margin:0 0 -148px -340px;
					background:url(../images/furniture_scene4-5.png) no-repeat 0 0;
				}
				#furniture5{
					width:485px;
					height:539px;
					bottom:25%;
					left:45%;
					margin:0 0 -155px -242px;
					background:url(../images/furniture_scene5.png) no-repeat 0 0;
				}
				
}


/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	
}