@charset "UTF-8";

#testbox{

	height:15px;
	background-color:#bada55;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	margin-left:10px;
	display:none;
}


p{
	font-family: 'Cabin', sans-serif;
	font-weight:lighter;
}

#under{

	height:15px;
	background-color:black;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	margin-left:10px;
	display:none;

}

#seconds{
	height:15px;
	background-color:#DC7560;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-left:10px;
}

#timer{
	font-size:36px;
	font-weight:bold;
}

body, html{
	background-color:#fff;	
	margin:0;
	padding:0;
	color:#000;
	}


header{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#65abd0;
	font-family: 'Cabin', sans-serif;
	color:white;
	font-weight:semibold;
	font-size:18px;
	width:100%;
	height:20px;
	padding:15px;
	}


#container{
	margin:100px auto;
	width:1200px;
}



#main {
		float:left;
		width:800px;
		padding:0px 15px 15px 15px;
		/*background:#9c9;*/
	}
	
#sidebar {
		float:right;
		width:340px;
		padding:0px 15px 15px 15px;
		
	}

img {
	border:none;	
}

	
#subhead{
	position:absolute;top:50px;left:0px;background-color:#5093b7;color:white;
	font-weight:semibold;font-size:18px;width:100%;height:20px;left:0;padding:15px;
}


nav{
	position:absolute;
	left:400px;
	top:15px;
}


nav a:link {
    width: 60px;
	color:white;
	margin:0 25px 15px 0;
	text-decoration:none;
	font-size:14px;
	font-weight:100;
}

nav a:visited{
	color:white;	
}


nav a:hover{
	color:#999;	
}


nav a:active{
	color:#999;	
}

nav a.selected {
	color:black;	
	font-weight:bold;
}
	
#w00t{
	background-color:#24aa98;
	position:absolute;
    z-index:999;
    /*border:solid 1px rgb(220,220,220);*/
    padding:15px;
    width:100%;
    top:50px;
    left:0;
	font-family: 'Cabin', sans-serif;
	color:white;
	font-weight:semibold;
	font-size:18px;
	display:none;
}

#nope{
	background-color:#000000;
	position:absolute;
    z-index:999;
    /*border:solid 1px rgb(220,220,220);*/
    padding:15px;
    width:100%;
    top:50px;
    left:0;
	font-family: 'Cabin', sans-serif;
	color:white;
	font-weight:semibold;
	font-size:18px;
	display:none;
}


#w00t a{
	font-size:12px;
	margin-top:5px;
	color:white;	
}

#reelbox img	{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#reelbox{
	/*margin-top:40px;*/
	width:800px;
	height:800px;
	border:1px solid black;
	clear:both;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	
}

/* buttons */
		#kitchenbutton{
			top:500px;
			margin-left:38px;
			position:absolute;	
			height:250px;
		}
		
		#playroombutton{
			top:750px;
			margin-left:38px;
			position:absolute;	
		}
		
		#foyerbutton{
			top:1000px;
			margin-left:38px;
			position:absolute;	
			height:250px;
		}
		
		
		#livingroombutton{
			top:1250px;
			margin-left:38px;
			position:absolute;	
			height:250px;
		}
		
		#yardbutton{
			top:500px;
			margin-left:38px;
			position:absolute;	
			height:250px;
		}
		
		#bedroombutton{
			top:750px;
			margin-left:38px;
			position:absolute;	
			height:250px;
		}
		
		#kidsroombutton{
			top:1000px;
			margin-left:38px;
			position:absolute;	
			height:250px;
		}
		
		
		#stairsbutton{
			top:1250px;
			margin-left:38px;
			position:absolute;	
			height:250px;
		}

/* completed checkmark */

		#complete{
			z-index:100;
			position:relative;
			top:-110px;
			left:0px;	
		}


h2{
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:24px;}

#image-reel{width:800px;height:800px;overflow:hidden;position:relative;}
#image-reel,#image-reel .reel{display:block;}
#image-reel .reel{-moz-user-select:none;-webkit-user-select:none;}
#image-reel{cursor:move;}
#image-reel.reel-loading{cursor:wait;}
#image-reel .reel-indicator.x{position:absolute;width:0px;height:0px;overflow:hidden;background-color:#000;}
#image-reel .reel-cached{display:none;}
#fixture{display:none;position:absolute;}
#foster_beach{display:none;position:absolute;}
#image-reel .reel-preloader{position:absolute;left:0px;top:148px;height:2px;overflow:hidden;background-color:#000;}
.reel-panning,.reel-panning *{cursor:move;}
.reel-annotation {white-space: nowrap; font-size: 13px; color: white;}
.reel-annotation a{cursor:move;}
	  
/*floorplans*/


#fp_title{
			height:15px;
			background-color:#24aa98;
			border-radius: 5px 5px 0px 0px;
			-moz-border-radius: 5px 5px 0px 0px;
			-webkit-border-radius: 5px 5px 0px 0px;
			padding:8px 10px 15px 10px;
			font-family: 'Cabin', sans-serif;
			color:white;
			font-weight:semibold;
			font-size:18px;
			text-align:center;
			margin-top:0px;

}

		#floorplan{
			background-color:#f2f5f8;
			width:330px;
			padding:5px 5px 10px 5px;
			border-radius: 0px 0px 10px 10px;
			-moz-border-radius: 0px 0px 10px 10px;
			-webkit-border-radius: 0px 0px 10px 10px;
			border: 0px solid #000000;
			text-align:center;
			color:black;
			font-family: 'Cabin', sans-serif;
			line-height:24px;
		}
		
		#floorplan a{
		decoration:none;	
		}
		
		/*#floorplan h3{
			font-family: 'Cabin', sans-serif;
			color:white;
			font-weight:semibold;
			font-size:18px;
			text-align:center;
			padding-top:15px;
		}*/

		#kitchenfloorplan{
			/*background-image:url(../Kitchen/Kitchen_floorplan_300.png);
			border:solid 1px #eee;*/
			width:180px;
			margin:auto;
			  }
		
		#foyerfloorplan{
			margin-left:20px;
			/*background-image:url(../img/foyer_fp.png);
			border:solid 1px #eee;*/
			width:180px;
			margin:auto;
			  }
			  
		#livingroomfloorplan{
			background-image:url(../Livingroom/livingroom_floorplan.png);
			width:180px;
			height:216px;
			border:solid 1px #eee;
			  }	  
		
		#playroomfloorplan{
			/*background-image:url(../Playroom/playroom_floorplan.png);*/
			width:180px;
			/*height:242px;*/
			margin:auto;
			border:solid 1px #eee;
			  }
			  
		#mbfloorplan{
			background-image:url(../Bedroom/masterbedroom_floorplan.png);
			width:300px;
			height:192px;
			border:solid 1px #eee;
			  }	  
				
		  
		#yardfloorplan{
			background-image:url(../Yard/yard_floorplan.png);
			width:300px;
			height:212px;
			border:solid 1px #eee;
			  }	  
			  
		#krfloorplan{
			/*background-image:url(../Kidsroom/kidsroom_floorplan.png);
			border:solid 1px #eee;*/
			width:180px;
			margin:auto;
			
			  }	 
			  
		#stairsfloorplan{
			/*background-image:url(../Stairs/stairs_floorplan.png);*/
			width:180px;
			margin:auto;
			/*height:245px;
			border:solid 1px #eee;*/
			  }	 	   				
				
table {
    border-collapse: collapse;
}

th, td {
    padding: 0;
}

h3{
	font-family: 'Cabin', sans-serif;
	font-weight:600;
	font-size:20px;'
}

h4{
	font-family: 'Cabin', sans-serif;
	font-weight:400;
	font-size:18px;
}

#clickcounter{
	margin-top:-10px;
}


#reset{
	position:fixed;
	right:10px;
	bottom:10px;
	font-size:7px;
	background-color:#fff;
	border:thin solid #eee;
	height:10px;
	padding:2px;
	text-transform:uppercase;
	color:#900;
	letter-spacing:1px;
	width:50px;
	text-align:center;
}

#cheat{
	position:fixed;
	left:10px;
	bottom:10px;
}
#cheat img{
	
	opacity:0.0;
filter:alpha(opacity=0); 
}



#reset a{
	text-decoration:none;
}

table a{
	border:0px;
}

.finder{
	display:none;
/*	border:thin solid #000;
*/}

.finder h4{
	margin-top:-10px;
	margin-bottom:5px;	
}

#welcome img{
	padding:20px 10px 10px 10px;	
}

/*#arrow{
	height:30px;
	width:150px;
	font-family: 'Cabin', sans-serif;
	color:white;
	font-size:14px;
	line-height:30px;
	display:inline-block;
	padding:5px;
	background-repeat:no-repeat;
}*/

.arrow{
	height:30px;
	width:150px;
	display:inline-block;
	padding:0px 5px 10px 5px;
	background-repeat:no-repeat;
	font-family: 'Cabin', sans-serif;
	color:white;
	font-size:14px;
	line-height:30px;
}


#hazards_title{
	height:15px;
	background-color:#db7560;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	padding:8px 10px 15px 10px;
	font-family: 'Cabin', sans-serif;
			color:white;
			font-weight:semibold;
			font-size:18px;
			text-align:center;

}

#timer_title{
	height:15px;
	background-color:#d9c26c;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	padding:8px 10px 15px 10px;
	font-family: 'Cabin', sans-serif;
			color:white;
			font-weight:semibold;
			font-size:18px;
			text-align:center;

}


#hazards{
	width:320px;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 0px solid #000000;
	padding:10px 10px 25px 10px;
}


#hazards h3{
	text-align:center;	
}

	#footer {
		clear:both;
		padding:5px 10px;
		background:#cc9;
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}