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

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

#container_dc{
	position:absolute;
	width:300px;
	height:250px;
	top:0px;
	left:0px;
	margin:auto;
	overflow: hidden;
	display: none;
}

#exit_btn{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:250px;
	background-color:transparent;
	cursor:pointer;
	z-index:30;
}



/* custon styles */
#bg, #light_20, #light_19, #light_18, #light_17, #light_16, #light_15, #light_14, #light_13, #light_12, #light_11, #light_10, #light_9, #light_8, #light_7, #light_6, #light_5, #light_4, #light_3, #light_2, #light_1, #copy, #cta, #lines, #logo, #all_lights {
            position: absolute;
            overflow: hidden;
            width: 300px;
            height: 250px;
            will-change: "auto";
		    image-rendering: -moz-crisp-edges;
			image-rendering:   -o-crisp-edges;
			image-rendering: -webkit-optimize-contrast;
			image-rendering: crisp-edges;
			-ms-interpolation-mode: nearest-neighbor;
          }


        #bg, #light_20, #light_19, #light_18, #light_17, #light_16, #light_15, #light_14, #light_13, #light_12, #light_11, #light_10, #light_9, #light_8, #light_7, #light_6, #light_5, #light_4, #light_3, #light_2, #light_1, #copy, #cta, #lines, #logo {
		   background:url("sprite_sheet.png") no-repeat;
		   opacity: 0;
        }

		#bg { background-position: -0px  0px; opacity: 1;}
		#light_20 { background-position: -300px  0px; }
		#light_19 { background-position: -600px  0px; }
		#light_18 { background-position: -900px  0px; }
		#light_17 { background-position: -1200px  0px; }
		#light_16 { background-position: -0px  -250px; }
		#light_15 { background-position: -300px  -250px; }
		#light_14 { background-position: -600px  -250px; }
		#light_13 { background-position: -900px  -250px; }
		#light_12 { background-position: -1200px  -250px; }
		#light_11 { background-position: -0px  -500px; }
		#light_10 { background-position: -300px  -500px; }
		#light_9 { background-position: -600px  -500px; }
		#light_8 { background-position: -900px  -500px; }
		#light_7 { background-position: -1200px  -500px; }
		#light_6 { background-position: -0px  -750px; }
		#light_5 { background-position: -300px  -750px; }
		#light_4 { background-position: -600px  -750px; }
		#light_3 { background-position: -900px  -750px; }
		#light_2 { background-position: -1200px  -750px; }
		#light_1 { background-position: -0px  -1000px; }
		#copy { background-position: -300px  -1000px; opacity: 1;}
		#cta { background-position: -600px  -1000px; opacity: 1;}
		#lines { background-position: -900px  -1000px; opacity: 1;}
		#logo { background-position: -1200px  -1000px; opacity: 1;}