html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.hide {
    display: none;
}

#black{
	width: 300px;
    height: 250px;
    background-color: black;
    top:0px;
    left:0px;
    position: absolute;
	opacity: 1;
	
	display:none;
	
  
}

#neogda-ad {
    width: 300px; /* resize */
    height: 250px; /* resize */
    position: absolute;
    overflow: hidden;
	 background-color: black;
}

#neogda-top {
	top:0px;
	left:0px;
    width:100%; /* resize */
    height:1px; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-left {
	top:0px;
	left: 0px;
    width: 1px; /* resize */
    height: 100%; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-bottom {
	bottom:0px;
	left: 0px;
    width: 100%; /* resize */
    height: 1px; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-right {
	top:0px;
	right: 0px;
    width: 1px; /* resize */
    height: 100%; /* resize */
    background-color: black;
    position: absolute;
}

#neogda-ad .date {
}

#neogda-ad.nowplaying .date {
    background-position: 0 -320px;
}
#neogda-ad.tonight .date {
    background-position: 0 -240px;
}
#neogda-ad.tomorrow .date {
    background-position: 0 -160px;
}
#neogda-ad.thursday .date {
    background-position: 0 -80px;
}
#neogda-ad.releasedate .date {
    background-position: 0 0px;
}


#neogda-ad .cta {

}

#neogda-ad.nowplaying .cta {
    background-position: center 0;
}

#neogda-ad.tomorrow .cta {
    background-position: center 0px;
}
#neogda-ad.friday .cta, 
#neogda-ad.releasedate .cta {
    background-position: center 0px;
}


#neogda-wrap {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
}

/** This is a fix for IE opacity inheritance **/
#neogda-wrap * {
    opacity: inherit;
}

#neogda-wrap .panel {
    width: 100%;
    height: 100%;
}

#neogda-click-catcher {
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	opacity: 0;
}

#neogda-pers-panel {
	cursor:pointer;

	opacity:1;
}

#neogda-pers-top {
    position:absolute;
    top: -1px;
    width: 100%; /* resize */
    height:90px; /* resize */
    background-image: url(); /* resize */
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

#neogda-pers-bottom {	
}

#neogda-tagline {	
}

/* THIS IS THE PERS DATE */
#neogda-date {
    position: absolute;
    width: 164px; 
    height: 22px; 
    background-image: url(date_stack1.png); 
    background-repeat: no-repeat;
	bottom:-33px;
	left:0px;
	opacity:1;	
}

#neogda-cast-names {
    position: absolute;
    top: 3px; /* resize */
    left: 50%;  /* resize */
    margin-left: -60px; /* resize */
    width: 120px; /* resize */
    height: 20px; /* resize */
   /* background-image: url(talent_stack1.png);  resize */
    background-repeat: no-repeat;
    background-position: top center;
	
	display:none;
}

#neogda-movie-title {
    position: absolute;
    top: 0px; /* resize */
    left: 0px; /* resize */
    width: 300px; /* resize */
    height: 250px; /* resize */
    background-image: url(logo1.png); /* resize */
    background-repeat: no-repeat;
    background-position: top center;
}




#neogda-hashtag {
}

/******************************************** ENDFRAME CSS ****************************/

#efAnim{
	opacity:1;
}
#neogda-endframe-panel {
	cursor:pointer;
}




#neogda-ef-soc-fb {
    position: absolute;
    top: 0; 
    right: 34px; 
    width: 34px;
    height: 34px;
   /*  background-image: url(social1.png); resize */
    background-repeat: no-repeat;
    background-position: top left;
	
	
	display:none;
}

#neogda-ef-soc-tw {
    position: absolute;
    top: 0; 
    right: 0px; 
    width: 34px;
    height: 34px;
   /* background-image: url(social1.png);  resize */
    background-repeat: no-repeat;
    background-position: -34px 0px;
	
	
	display:none;
}

#neogda-ef-cast-names {
    position: absolute;
    top: 6px; 
	left:0px;
    width: 300px; 
    height: 22px; 
   	background-image: url();  
    background-repeat: no-repeat;
    background-position: top center;
	opacity: 1;
	
	display:none;
}

#neogda-ef-movie-title1 {
    position: absolute;
    top: 0px; 
    left: 0px;
    width: 300px; 
    height: 250px; 
    background-image: url(logo1.png); 
    background-repeat: no-repeat;
    background-position: 0px 0;
	opacity:1;
}

#neogda-ef-char1 {
	position: absolute;
	top:0px;
	left:0px;
    width: 300px; 
    height: 250px; 
    background-image: url(char1.png);
	background-position: left top; 
    background-repeat: no-repeat;
	opacity:1;
}

#neogda-ef-char2 {
	position: absolute;
	top:0px;
	left:0px;
    width: 300px; 
    height: 250px;
    background-image: url(char2.png);
    background-repeat: no-repeat;
	opacity:1;
	
	display:none;
	
	
	
}
#neogda-ef-char3 {
	position: absolute;
	top:0px;
	left:0px;
    width: 300px; 
    height: 250px; 
    background-image: url(char3.png);
	background-position: left top; 
    background-repeat: no-repeat;
	opacity:1;
}




#neogda-ef-char4 {
	position: absolute;
	top:0px;
	left:0px;
    width: 300px; 
    height: 250px; 
    background-image: url(char4.png);
	background-position: left top; 
    background-repeat: no-repeat;
	opacity:1;
}

#neogda-ef-char5 {
	position: absolute;
	top:0px;
	left:0px;
    width: 300px; 
    height: 250px; 
    background-image: url(char5.png);
	background-position: left top; 
    background-repeat: no-repeat;
	opacity:1;
}

#neogda-endframe-bg{
	position: absolute;
    top: -133px; 
	left: -35px;
    width: 366px; 
    height: 400px; 
    background-image: url(bg.jpg);
	background-position: center top; 
    background-repeat: no-repeat;
	opacity:1;
	
	display: none;
	

}

#neogda-ef-date {
    position: absolute;
	top:0px;
	left:0px;
    width: 300px; 
    height: 250px; 
    background-image: url(date_stack1.png);
	background-position: top center; 
    background-repeat: no-repeat;
	opacity:1;	
	
}

#neogda-ef-hashtag {
    position: absolute;
    bottom: 0px; 
    right: 0px;
    width: 300px; 
    height: 250px; 
    background-image: url(hashtag1.png); 
    background-repeat: no-repeat;
    background-position: top center;
	opacity:1;
}

#neogda-ef-cta {
    position: absolute;
    top:202px;
	left:177px;
    width: 106px; 
    height: 42px;
    background-image: url(cta1.png);
	background-position: center center;
    background-repeat: no-repeat;
	opacity:1;
	
  	overflow: hidden;	

}

#neogda-ef-cta-text {
    position: absolute;
    top:0px;
	left:0px;
    width: 100%; 
    height: 100%;
    background-image: url(cta_text1.png);
	background-position: center center;
    background-repeat: no-repeat;
	opacity:1;
}

#lightwash {
    position: absolute;
	width: 199px;
    height: 220px;
	background: url(lightwash.png) no-repeat;
    top: 0px; 
	left: -400px;
	opacity:.5;
}
#neogda-ef-rating {
    position: absolute;
    left: -1px; 
    bottom: -1px; 
    width: 20px; 
    height: 20px; 
   /* background-image: url(rating1.png);  resize */
    background-repeat: no-repeat;
    background-position: top center;
	
	display:none;
}

#neogda-ef-legal {
    position: absolute;
    bottom:0px; 
    right: 0px;
    width: 300px; 
    height: 250px; 
    background-image: url(legal1.png); 
    background-repeat: no-repeat;
    background-position: center top;
	opacity:1;
}

#neogda-ef-replay {
    position: absolute;
    top:0px; 
    right: 1px;
    width: 30px; 
    height: 30px; 
    background-image: url(replay.png); 
    background-repeat: no-repeat;
    background-position: center top;
	opacity:1;
}



#neogda-ef-legal {
    position: absolute;
    bottom:-1px; 
    left: -1px;
    width: 300px; 
    height: 250px; 
    background-image: url(legal1.png); 
    background-repeat: no-repeat;
    background-position: top center;
	opacity:1;
}





/*------------------------------------- CTA ---------------------------------------*/

#lw_holder {
	position: absolute;
  	overflow: hidden;	
	width: 201px;
    height: 30px;
    top: 0px;
    left: 0px;
}



#sparkle1 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: 80px; 
	left: 31px;
	opacity:0;
}






#sparkle1 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: 85px; 
	left: 31px;
	opacity:0;
}



#sparkle2 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: 0px; 
	left: 1px;
	opacity:0;
	
	display:none;
}



#sparkle3 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: -10px; 
	left: 195px;
	opacity:0;
	
	display:none;
}



#sparkle4 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: 144px; 
	left: -5px;
	opacity:0;
}


#sparkle5 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: 104px; 
	left: 208px;
	opacity:0;
}




/*------------------------------------- INTRO ASSETS  ---------------------------------------*/

#sparkleIntro1 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: 71px; 
	left: -11px;
	opacity:0;
}

#sparkleIntro2 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: 147px; 
	left: 143px;
	opacity:0;
}

#sparkleIntro3 {
    position: absolute;
	width: 100px;
    height: 100px;
	background: url('sparkle.png') no-repeat;
    top: -11px; 
	left: 188px;
	opacity:0;
}

#card1 {
    position: absolute;
	width: 300px;
    height: 250px;
    top: 0px; 
	left: 0;
	opacity:1;
}

#card2 {
    position: absolute;
	width: 300px;
    height: 250px;
    top: 0px; 
	left: 0;
	opacity:1;
}



#in1 {
    position: absolute;
	width: 300px;
    height: 400px;
	background: url('in1.png') no-repeat;
    top: 0; 
	left: 0;
	opacity:1;
}

#in2 {
    position: absolute;
	width: 300px;
    height: 400px;
	background: url('in2.png') no-repeat;
    top: 0; 
	left: 0;
	opacity:1;
}

#in3 {
    position: absolute;
	width: 300px;
    height: 400px;
	background: url('in3.png') no-repeat;
    top: 0; 
	left: 0;
	opacity:1;
}

#in4 {
    position: absolute;
	width: 300px;
    height: 400px;
	background: url('in4.png') no-repeat;
    top: 0; 
	left: 0;
	opacity:1;
}

#in5 {
    position: absolute;
	width: 300px;
    height: 400px;
	background: url('in5.png') no-repeat;
    top: 0; 
	left: 0;
	opacity:1;
}



#spot1 {
    position: absolute;
	width: 300px;
    height: 250px;
    top: -8px; 
	left: -15px;
	opacity:1;
	
	display:none;
}



#spotHolder {
    position: absolute;
	right:-10px;
	top:-10px;
}

#spot2 {
    position: absolute;
	width: 300px;
    height: 250px;
    top: -2px; 
	right: -2px;
	opacity:1;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	
	display:none;
}

#bgInit {
    position: absolute;
	width: 300px;
    height: 250px;
	background: url('bg.jpg');
	background-position:center center;
    top: 0px; 
	left: 0px;
	opacity:1;
}


#vignette {
    position: absolute;
	width: 300px;
    height: 250px;
	background: url('vignette.png') no-repeat;
    top: 0; 
	left: 0;
	opacity:1;
}