@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;
}


/* Div layer for the entire banner. *******************************************************************  */
#container_dc {
	position: absolute;
	width: 728px;
	height: 90px;
	border:0px solid #666666;
	top: 0px;
	left: 0px;
	margin: auto;
	cursor: pointer;
}

#content_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #000;
	z-index: 100;
	overflow: hidden;
	visibility: hidden;
}


/* Invisible button for background clickthrough. ******************************************************************* */
#background_exit_dc {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 400;
}


:focus {
    outline: none;
}

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


/* BANNER STYLE */
#bg {
	position: absolute;
	left: 0px;
	top: 0px;
	background: black;
    background-size: 100% 100%;
	width: 100%;
	height: 100%;
}
#bg1 {
	position: absolute;
	left: -49px;
	top: -121px;
	background: URL('img/bg_new_1.jpg');
    background-size: 100% 100%;
	width: 318px;
	height: 311px;
}
#bg2 {
	position: absolute;
	left: 0px;
	top: 0px;
	background: URL('img/bg_new_2.jpg');
	background-repeat:no-repeat;
	width: 200px;
	height: 90px;
}
#bg3 {
	position: absolute;
	left: 0px;
	top: 0px;
	background: URL('img/bg_new_3.jpg');
	background-repeat:no-repeat;
	width: 200px;
	height: 90px;
}

#text1 {
	position: absolute;
	left: 276px;
	top: 39px;
	background: URL('img/text1.png');
    background-size: 100% 100%;
	width: 204px;
	height: 15px;
}

#logo {
	position: absolute;
	left: 639px;
	top: 29px;
	background: URL('img/logo.png');
    background-size: 100% 100%;
	width: 57px;
	height: 29px;
}



#text2 {
	position: absolute;
	left: 236px;
	top: 22px;
	background: URL('img/text2.png');
    background-size: 100% 100%;
	width: 265px;
	height: 43px;
}

#text3 {
	position: absolute;
	left: 193px;
	top: 24px;
	background: URL('img/text3.png');
    background-size: 100% 100%;
	width: 339px;
	height: 38px;
}

#light {
	position: absolute;
	left: 12px;
	top: -80px;
	background: URL('img/light.png');
    background-size: 100% 100%;
	width: 204px;
	height: 108px;	
}
#light2 {
	position: absolute;
	left: 170px;
	top: -10px;
	background: URL('img/light.png');
    background-size: 100% 100%;
	width: 204px;
	height: 108px;	
}



#olay_logo {
	position: absolute;
	left: 666px;
	top: 45px;
	background: URL('img/olay_logo.png');
    background-size: 100% 100%;
	width: 31px;
	height: 31px;	
}

#olay_cta {
	position: absolute;
	left: 586px;
	top: 48px;
	background: URL('img/olay_cta.png');
    background-size: 91px 24px;
	background-position: left top;
	width: 91px;
	height: 24px;	
}

.sparkle {
	position: absolute;
	left: 0px;
	top: 0px;
    background-size: 100%x 100%;
}

.sparkle1 {
	background: URL('img/sparkle1.png');
	width: 3px;
	height: 2px;	
}
.sparkle2 {
	background: URL('img/sparkle2.png');
	width: 3px;
	height: 2px;	
}
.sparkle3 {
	background: URL('img/sparkle3.png');
	width: 2px;
	height: 3px;	
}
.sparkle4 {
	background: URL('img/sparkle4.png');
	width: 2px;
	height: 2px;	
}
.sparkle5 {
	background: green;
	width: 3px;
	height: 3px;	
}




.opacity0 {
	opacity: 0;
}