body{
	background-color: white;
	margin: 0;
	padding: 0;
}
noscript{
	position: absolute;
	top: 0; 
	left: 0;
	width: 300px; 
	height: 250px;
	z-index: 1000;
}
#container_dc {
	width: 500px;
	height: 250px;
	overflow: hidden;
}
#container_dc a{
	background: url("imgBackground.jpg") no-repeat;
	background-position-x: -100px; 
	width: 300px;
	height: 250px;
	position: absolute;
	/*left: 100px;*/
	overflow: hidden;
	text-decoration: none;
}
#container_dc p{
	font-size: 15px;
	text-align: center;
	margin: 0;
	font-weight: lighter;
}
#collapsed
{
	background: url("imgBackground.jpg") no-repeat;
	background-position-x: -100px; 
	width: 300px; 
	height: 250px;;
	position: absolute;
	overflow: hidden;
}
#collapsed_background_exit_dc
{
	cursor: pointer;
	width: 300px; 
	height: 250px;;
	position: absolute;
	z-index: 99;
    opacity: 0;
}
#background_exit_dc
{
	cursor: pointer;
	width: 500px; 
	height: 250px;;
	position: absolute;
	z-index: 99;
    opacity: 0;
}
#logoCollapsed{
	/*opacity: 0;*/
	background: url("imgLogo.png") no-repeat;
	width: 94px;
	height: 15px;
	position: relative;
	top: 7px;
	left: 98px;
}
#titleCollapsed{
	opacity: 0;
	background: url("imgTitle.png") no-repeat;
	width: 124px;
	height: 53px;
	position: relative;
	top: 10px;
	left: 85px;

	-ms-transform: scale(0.9,0.9); /* IE 9 */
    -webkit-transform: scale(0.9,0.9); /* Safari */
    transform: scale(0.9,0.9);
}
#finalImgCollapsed{
	opacity: 0;
	background: url("imgEndFrame.png") no-repeat;
	width: 288px;
	height: 124px;
	position: absolute;
	top: 88px;
	left: 0px;
}
/***************************************************/
#expanded 
{
	display: none;
	background: url("imgBackground.jpg") no-repeat;
	width: 500px; 
	height: 250px;;
	position: absolute;
	overflow: hidden;
}
#logoExpanded{
	opacity: 0;
	background: url("imgLogo2.png") no-repeat;
	width: 123px;
	height: 20px;
	position: absolute;
	top: 25px;
	left: 63px;
}
#titleExpanded{
	opacity: 0;
	background: url("imgTitle2.png") no-repeat;
	width: 163px;
	height: 69px;
	position: absolute;
	top: 49px;
	left: 45px;

	-ms-transform: scale(0.9,0.9); /* IE 9 */
    -webkit-transform: scale(0.9,0.9); /* Safari */
    transform: scale(0.9,0.9);
}
#finalImgExpanded{
	opacity: 0;
	background: url("imgEndFrame2.png") no-repeat;
	width: 224px;
	height: 131px;
	position: absolute;
	top: 8px;
	left: 231px;
}

#copyExpanded{
	opacity: 0;
	position: relative;
	top: 146px;
	line-height: 22px;
	width: 445px;
	margin: 0 auto;
}
#ctaCollapsed{
	background-position: top;
	background-image: url(expandBtn.png);
	position: absolute;
	top: 213px;
	left: 108px;
	width: 84px;
	height: 22px;
	display: none;
	opacity: 0;
	cursor: pointer;
	z-index: 999;
}
#ctaCollapsed:hover{
	background-position: bottom;
}
#ctaExpended{
	display: none;
	background-image: url("imgCTA.png");
	background-position: top;
	top: 159px;
	left: 194px;
	width: 111px;
	height: 26px;
	padding-top: 3px;
	position: relative;
	z-index: 999;
}
#ctaExpended:hover{
	background-position: bottom;
}
#closeButton{
	z-index: 999;
	opacity: 0;
	background: url("imgCloseButton.png") no-repeat;
	background-position: top;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 9px;
	left: 480px;
	cursor: pointer;
}
#closeButton:hover
{
	background-position: bottom;
}