/* Clean these up at some point    */
/* 
    
#container {
	position: absolute;
    float: left;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#content {
	position: absolute;
    float: left;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 0;
}

.magic {
	float: left;
	padding-left: 20px;
	font-size: 20px;
	color: #AAA;
	line-height: 55px;
}


/*added this
#iframe {
    width: 100%;
    height: 100%;
    position: absolute;
	left: 0;
	top: 0;
}
*/


/*These are critical for js motion detection*/
#canvas-source, #canvas-highlights {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
    opacity: 0;
}

#canvas-blended {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
}

#hotSpots {
	position: relative;
	display: none;
	height: 100%;
}

/*
#hotSpots > * {
	position: absolute;
	-moz-transition: all 80ms linear;
	-webkit-transition: all 80ms linear;
	transition: all 80ms linear;
}
    */

/*added this to make the target the entire area*/
#target {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin-top: 0;
}