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

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	background-repeat:no-repeat; 
}

/* Div layer for the entire banner. */
#container_dc {
	display:block;
	position: absolute;
	width: 300px;
	height: 250px; 
	background-color: #FFFFFF;
	top: 0px;
	left: 0px;
	margin: auto;  
	overflow:hidden; 
	box-sizing:border-box; 
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #000000;
}
#bigButton{
	display:block; 
	position: absolute; 
	width: 300px;
	height:250px;
	top: 0px;
	left: 0px;
	z-index:9999;
	cursor:pointer;
}

#content_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
}

#background{
	visibility:visible;
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:250px;
	background: url(background.jpg);
}
#ribbon{
	opacity: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	background: url(ribbon.png);
}
#text1{
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	background: url(text1.png);
}
#text2{
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	background: url(text2.png);
}
#text3{
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	background: url(text3.png);
}
#text4{
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	background: url(text4.png);
}
#cta{
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	background: url(cta.png);
}
#legal{
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	background: url(legal.png);
}