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


body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

/* Div layer for the entire collapse banner. */
#collapse_container_dc {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	display:none;
	overflow: hidden;
	width: 728px;
	height: 90px;
}

#cta{
	position:absolute;
	background:rgba(0,0,255,0.3);
	width: 148px;
	height:90px;
	border-left:#fff 1px solid;
	left:728px;
	transition: 0.3s ease-out all;
}

#cta.in{ left:580px; }

#cta #copy{ position:absolute; left:9px; top:22px; opacity:0; transition: 0.3s ease-out all; }
#cta #copy.in{ opacity:1; }

#cta #arrow{ position:absolute; left:58px; top:48px; opacity:0; transform:scale(1.5,1.5); transition: 0.3s ease-out all; }
#cta #arrow.in{ opacity:1; transform:scale(1,1); }
#cta #arrow.off{ opacity:0; transform:scale(0.6,0.6); }

#collapse_content_dc {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 726px;
	height: 88px;	
	border: 1px solid #000;
	background:url(collapsed_728x90_bg.jpg);	
}

/* Invisible button for cta. */
#cta_dc {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	z-index: 400;
}


/* Div layer for the entire expanded. */
#expand_container_dc {
	position: absolute;
	margin: auto;
	display:none;
	overflow:hidden;
	width: 728px;
	height: 1024px;
}

#exitTrigger{ position:absolute; top:0px; left:0px; width:728px; height:1024px; }

#expand_content_dc {
	position: absolute;
	width:728px;
	height:1024px;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	z-index: 100;
	overflow:hidden;
	width: 726px;
	height: 1022px;	
	border: 1px solid #000;
}

#expand_content_dc #bgShapesTop{ position:absolute; top:0; left:0; background:url(backgroundShapes.jpg); width:728px; height:328px; }
#expand_content_dc #bgShapesBottom{ position:absolute; top:758px; left:0; background:url(backgroundShapes.jpg); width:728px; height:266px; }
#expand_content_dc #mainKioskImage{ position:absolute; top:329px; left:0; background:url(kioskImage.jpg); width:728px; height:426px; border-top:1px solid #fff; border-bottom:1px solid #fff;}

#expand_content_dc #logo {
	position:absolute;
	background:url(copies.png);
	background-position:-160px 0;
	width:310px;
	height:103px;
	top:48px;
	left:215px;
}

#expand_content_dc #copy_block_1{
	position:absolute;
	background:url(copies.png);
	background-position:-16px -128px;
	width:575px;
	height:129px;
	left:70px;
	top:178px;
}

#expand_content_dc #copy_block_2{
	position:absolute;
	background:url(copies.png);
	background-position:0px -259px;
	width:628px;
	height:157px;
	left:54px;
	top:787px;
}

#expand_content_dc #ctaMain{
	position:absolute;
	background:url(ctaMain.png);
	top:960px;
	left:194px;
	width:338px;
	height:46px;
	cursor:pointer;
}



/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	background-color: #FF0000;
	z-index: 300;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}