html, body {
	margin: 0px;
	padding: 0px;
}

img {
	width: auto;
	height: auto;
}

/* FIXES SAFARI IMAGE BLURRING */
img[src$=".gif"], img[src$=".png"] {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

.pos_abs {
	position: absolute;
}

.full {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#banner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	background-color: #000;
	width: 300px;
	height: 250px;
	cursor:pointer;
}

#outline {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #bcbec0;
	width: 100%;
	height: 100%;
}

#intro_fade {
	background-color: #FFFFFF;
}

#doorR {
	left: 158px;
}
.door_flip img {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}
#door_tile_2 {
	top: 250px;
}
#door_tile_3 {
	top: 88px;
}

.copyL , .copyR {
  width: inherit;
  height: inherit;
}
.copyL p , .copyR p {
	position: absolute;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	top: 50%;
	left: 0%;
}
#copy1a{
	left: 39px;
  top: 100px;
}

#copy1b{
	left: 106px;
top: 122px;

}

#copy2a{
	left: 7px;
	top: 153px;
}

#copy2b{
	left: 20px;
	top: 173px;
}

#copy2c{
	left: 7px;
top: 194px;
}


#copy3a{
	left: 5px;
    top: 15px;
}

#copy3b{
	left: 21px;
top: 34px;
}

#copy3c{
	left: 7px;
	top: 53px;
}

#copy4a{
	left: 5px;
    top: 15px;
}

#copy4b{
	left: 21px;
top: 34px;
}

#copy4c{
	left: 7px;
	top: 53px;
}

#copy5a{
	left: 17px;
	top: 71px;
}

#copy5b{
	left: 25px;
	top: 93px;
}




.bg {
  display: block;
  width: inherit;
  height: inherit;
}
.bg img {
  position: relative;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

#sleeper img{

}
#ipad_glow {
	top: 40px;
	left: 55px;
	opacity: 0;
}

#ipad_man_bg{
	top: -177px;
	left: -29px;
}

#ipad_man_gradient{
	position:absolute;
	top:500px;
}

.cta {
	top: 129px;
	left: 25px;
}
#cta_glow {
	opacity: 0;
}

#logo_red {
	bottom: -4px;
	right: 17px;

}

#logo_hello {
	bottom: 21px;
	    right: 72px;
	opacity: 0;
}

#replay {
	top: 7px;
right: 13px;
	opacity: 0;
}