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

.hide {
    display: none;
}

#neogda-ad {
    width: 300px; 
    height: 250px; 
    background-color: #FFF;
    border: 1px solid black;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
}

#neogda-ad .date {
	
}

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

#neogda-ad.tomorrow .date {
    background-position: 0 -80px;
}
#neogda-ad.friday .date {
    background-position: 0 -160px;
}
#neogda-ad.releasedate .date {
    background-position: 0 -240px;
}

#neogda-ad .cta {
    position: absolute;
    top:0px;
	left:0px;
    width: 181px; 
    height: 24px; 
    background-image: url(cta_text1.png); 
	background-position: top center;
    background-repeat: no-repeat;
}

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

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

#neogda-wrap {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    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;
	background-color:black;
	opacity:1;
}

#neogda-pers-top {
    position:absolute;
	left:0px;
    top: 0px;
    width: 300px; 
    height:250px; 
}

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


#neogda-video-container {
    position: absolute;
    height: 250px;
    width: 100%;
    top: 0px;
    background-color: #1f331a;
}

#neogda-video-container.fullscreen {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
    bottom: 0;
	background-color: #1f331a;
    z-index: 1000;
}

#neogda-cfa {
    position: absolute;
    height: 30px; 
    width: 220px; 
    top: 200px;
    left: 122px;
    margin: -80px -80px;
    background-image: url(cfa.png); 
	background-repeat:no-repeat;
    z-index: 10;
	
}

#neogda-ad.mobile #neogda-cfa {
    display: none;
}

#neogda-video-player {
    width: 100%;
    height: 100%;
}

#neogda-posterframe {
    background-image: url(video_resolve1.jpg); 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
}

#neogda-ctrls-wrapper {
    position: absolute;
    bottom: 33px;
    height: 30px;
    width: 100%;
	
}

/** Hide and Show **/
#neogda-ad.hidefs #neogda-fs,
#neogda-ad.vid1 #neogda-vid1,
#neogda-ad.vid1 #neogda-vid2,
#neogda-ad.vid1 #neogda-vid3,
#neogda-ad.vid1 .neogda-pi,
#neogda-ad.vid2 #neogda-vid3,
#neogda-ad.vid2 #neogda-div-2-3,
#neogda-ad.hidectrls #neogda-ctrls-wrapper,
#neogda-ad.mobile #neogda-ctrls-wrapper
{
    display: none;
}

#neogda-pers-bottom {
    position:absolute;
    bottom: -1px;
	left:-1px; 
    width: 300px; 
    height: 28px; 
   	background-image: url(); 
    background-repeat: no-repeat;
    background-position: center;
	
	
}


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





/** ENDFRAME CSS **/
#neogda-endframe-panel {
	cursor:pointer;
}


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

#neogda-ef-replay {
    position: absolute;
    top: -4px;
    right: -3px; 
    width: 29px;
    height: 31px;
    background-image: url(ctrls1.png); 
    resize background-repeat: no-repeat;
    background-position:  -91px 1px;
	opacity:1;
	
}

#ef_letters {
	position:absolute;
	width:300px;
	height:53px;
	top:69px;
	left:-1px;
	opacity:1;
}

#d {
	position:absolute;
	width:36px;
	height:40px;
	top:0px;
	left:0px;		
    background-image: url(d1.png); 
    background-repeat: no-repeat;
	opacity:1;
}

#u {
	position:absolute;
	width:36px;
	height:40px;
	top:0px;
	left:42px;
	
    background-image: url(u.png); 
    background-repeat: no-repeat;
	opacity:1;
}


#n {
	position:absolute;
	width:36px;
	height:40px;
	top:0px;
	left:92px;
		
    background-image: url(n.png); 
    background-repeat: no-repeat;
	opacity:1;
}

#k {
	position:absolute;
	width:36px;
	height:40px;
	top:0px;
	left:142px;
	
    background-image: url(k.png); 
    background-repeat: no-repeat;
	opacity:1;
}

          
#i {
	position:absolute;
	width:36px;
	height:40px;
	top:0px;
	left:182px;
		
    background-image: url(i.png); 
    background-repeat: no-repeat;
	opacity:1;
}

          
#r {
	position:absolute;
	width:36px;
	height:40px;
	top:0px;
	left:222px;
	
    background-image: url(r.png); 
    background-repeat: no-repeat;
	opacity:1;
}

                  
#k2 {
	position:absolute;
	width:36px;
	height:40px;
	top:0px;
	left:265px;
		
    background-image: url(k2.png); 
    background-repeat: no-repeat;
	opacity:1;
}


            

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



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



#neogda-ef-cta {
    position: absolute;
    top:212px;
	left:59px;
    width: 181px; 
    height: 24px; 
    background-image: url(cta1.png); 
    background-repeat: no-repeat;
    background-position: top center;
	overflow:hidden;
	opacity:1;
}


#efRollover {
    position: absolute;
	top:0px;
	left:0;
    width: 300px; 
    height: 250px; 
    position: absolute;
    overflow: hidden;
	
}


#nolan {
    position: absolute;
    top:-1px; 
    left: -1px;
    width: 300px; 
    height: 250px; 
    background-image: url(nolan.png); 
    background-repeat: no-repeat;
    background-position: top center;
	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;
}



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



#fromdirector{
    position: absolute;
    top:-1px; 
    left: -1px;
    width: 300px; 
    height: 250px; 
    background-image: url(fromDirector.png); 
	opacity:1;
}




#imax{
    position: absolute;
    top:-1px; 
    left: -1px;
    width: 300px; 
    height: 250px; 
    background-image: url(imax.png); 
	opacity:1;
}


/*/////////THE BELOW DIVS WILL CHANGE PER newyork, NEW YORK OR LONDON VERISONS///////// */


/*  newyork (NATIVE CODE, NO CHANGE OF CLASSES):   */
   








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


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

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

#text1A{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(1_when.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
}

#text1B{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(1_40000.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
	
}

#text1C{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(1_men.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
}

#text1D{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(1_couldnt.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
}


#text1E{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(1_get.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
}


#text1F{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(1_home.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
}



#text2A{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(2_home.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
}

#text2B{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(2_came.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
	
}

#text2C{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(2_for.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
}

#text2D{
    position: absolute;
    top:-1px;
	left:-1px;
    width:300px; 
    height: 250px; 
    background-image: url(2_them.png);
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:1;
}





#whiteflash{
    position: absolute;
    top:-1px;
	left:-1px;
    width: 300px; 
    height: 250px;
	background-color:#000;
	opacity:1;
	cursor:pointer;
}


#efAnim{
	opacity:0;
}