@charset "UTF-8";
/* CSS Document */

body {
    font-family: Arial, sans-serif;
    margin: 0px;
}

#container_dc {
    display: block;
    border: rgb(145, 153, 153) 1px solid;
    overflow: hidden;
    width: 298px;
    height: 248px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow:hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: auto;
    background:#fff;
    cursor: pointer;
}


.ac {
    position:absolute;
	visibility: hidden;
	top:-1px;
	left:-1px;
}

#fader {
    position: absolute;
	top:0px;
	left:0px;
	z-index:51;
    width:100%;
    height:100%;
    background:#fff;
}

#faderloop {
    position: absolute;
	visibility: hidden;
	top:0px;
	left:0px;
	z-index:49;
    width:100%;
    height:100%;
    background:#fff;
}


#text1 {
    position:absolute;
	top:0px;
	left:0px;
	z-index:20;
    width:300px;
    height:250px;
}

#text2 {
    position:absolute;
	visibility: hidden;
	top:0px;
	left:0px;
	z-index:21;
    width:300px;
    height:250px;
}

#text3 {
    position:absolute;
	visibility: hidden;
	top:0px;
	left:0px;
	z-index:22;
    width:300px;
    height:250px;
}

#cta {
    position:absolute;
	display:none;
	top:0;
	left:0;
	z-index:32;
    width:300px;
    height:250px;
    /* transition: all 0.5s ease-in-out; */
}

#container_dc:hover #cta {
    opacity:0.75 !important;
}

#footprint1 {
    position:absolute;
	visibility: hidden;
	top:0;
	left:-10px;
	z-index:32;
    width:320px;
    height:300px;
}

#footprint2 {
    position:absolute;
	visibility: hidden;
	top:0;
	left:-10px;
	z-index:32;
    width:320px;
    height:300px;
}

#footprint3 {
    position:absolute;
	visibility: hidden;
	top:0;
	left:150px;
	z-index:32;
    width:320px;
    height:300px;
}

#footprint4 {
    position:absolute;
	visibility: hidden;
	top:0;
	left:150px;
	z-index:32;
    width:320px;
    height:300px;
}

#mud1 {
    position:absolute;
	visibility: hidden;
	top:-100px;
	left:-95px;
	z-index:32;
    width:450px;
    height:450px;
}

#mud2 {
    position:absolute;
	visibility: hidden;
	top:-100px;
	left:-95px;
	z-index:32;
    width:450px;
    height:450px;
}

#mud3 {
    position:absolute;
	visibility: hidden;
	top:-120px;
	left:-65px;
	z-index:32;
    width:450px;
    height:450px;
}

#mud4 {
    position:absolute;
	visibility: hidden;
	top:-140px;
	left:-95px;
	z-index:32;
    width:450px;
    height:450px;
}

#mud5 {
    position:absolute;
	visibility: hidden;
	top:-140px;
	left:-95px;
	z-index:32;
    width:450px;
    height:450px;
}

#mud6 {
    position:absolute;
	visibility: hidden;
	top:-140px;
	left:-75px;
	z-index:32;
    width:450px;
    height:450px;
}

#logo {
    position:absolute;
	top:0;
	left:0;
	z-index:50;
    width:300px;
    height:250px;
}

#photo1 {
    position:absolute;
	top:0;
	left:0;
	z-index:1;
    width:300px;
    height:125px;
}

#photo2 {
    position:absolute;
	top:-250px;
	left:0;
	z-index:2;
    width:300px;
    height:250px;
    /* border-bottom:2px solid #fff; */
}

#whitepanel {
    position:absolute;
	top:0;
	left:0;
	z-index:3;
    width:300px;
    height:250px;
    background:#fff;
}