#container{
		-webkit-perspective: 1400px;
		-webkit-transform-style: preserve-3d;
}
#floor{
	position: absolute;
	width:1296px;
	height:864px;
	background: url('../images/allegiance.jpg') no-repeat;
	background-size: 100% 100%;
top:00px;
	
}



.modal{
position: absolute;
}
#modal1{
width:676px; height:278px; /* retina */
left: 285px;
top:70px;
    background-image: url("../images/sock-mid.png");
    background-size: cover;
    overflow: visible;

}
#modal1dark{
width:676px; height:278px; /* retina */
left: 50%;
margin-left: -318px;
top:160px;
    background-image: url("../images/sock-low.png");
    background-size: cover;
    overflow: visible;
    opacity:0;

}
#modal1light{
width:676px; height:278px; /* retina */
left: 50%;
margin-left: -318px;
top:160px;
    background-image: url("../images/sock-high.png");
    background-size: cover;
    overflow: visible;

}
.modalSlice{
z-index: -2;
content:"";
	overflow: visible;
	position: absolute;

}
.darkSlice{
z-index: -1;
content:"";
	overflow: visible;
	position: absolute;
	opacity:0;

}
.modalMom{
	position: absolute;
	top:0px;
	z-index: 100;
	height:300px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;


}