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:4px;
	left:-10px;
    width: 300px; 
    height: 27px; 
    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: 55px; 
    background-image: url(date_stack1.png); 
    background-repeat: no-repeat;
	bottom:-33px;
	left:0px;
	opacity:1;	
}





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


#neogda-endframe-bg {
	width:300px;
	height:250px;
    position: absolute;
    top: -1px;
    left: -1px;
}

#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:111px;
	left:-1px;
	opacity:1;
}

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

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


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

#e {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:56px;
	
    background-image: url(e.png); 
    background-repeat: no-repeat;
	opacity:1;
}

          
#p {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:75px;
		
    background-image: url(p.png); 
    background-repeat: no-repeat;
	opacity:1;
}

          
#e2 {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:94px;
	
    background-image: url(e2.png); 
    background-repeat: no-repeat;
	opacity:1;
}

                  
#n2 {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:111px;
		
    background-image: url(n2.png); 
    background-repeat: no-repeat;
	opacity:1;
}


#d2 {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:130px;
	
    background-image: url(d2.png); 
    background-repeat: no-repeat;
	opacity:1;
}


#e3 {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:150px;
    background-image: url(e3.png); 
    background-repeat: no-repeat;
	opacity:1;
}

            

#n3 {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:168px;
	
    background-image: url(n3.png); 
    background-repeat: no-repeat;
	opacity:1;
}

                   

#c {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:187px;
		
    background-image: url(c.png); 
    background-repeat: no-repeat;
	opacity:1;
}
             

#e4 {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:206px;
	
    background-image: url(e4.png); 
    background-repeat: no-repeat;
	opacity:1;
}

         
#d3 {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:238px;
	
    background-image: url(d3.png); 
    background-repeat: no-repeat;
	opacity:1;
}


#a {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:257px;
	
    background-image: url(a.png); 
    background-repeat: no-repeat;
	opacity:1;
}



#y {
	position:absolute;
	width:20px;
	height:53px;
	top:0px;
	left:275px;
	
    background-image: url(y.png); 
    background-repeat: no-repeat;
	opacity:1;
}

            

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



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


#ef_bottom {
}

#ef_top {
}

#neogda-ef-cta {
    position: absolute;
    top:196px;
	left:9px;
    width: 280px; 
    height: 36px; 
    background-image: url(cta1.png); 
    background-repeat: no-repeat;
    background-position: top center;
	overflow:hidden;
	opacity:1;
}

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



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


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



#neogda-ef-legal {
    position: absolute;
    bottom:0px; 
    left: -1px;
    width: 72px; 
    height: 21px; 
    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;
}

#titleShadow .paris  {
	display:none;
}


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


/*  PARIS (NATIVE CODE, NO CHANGE OF CLASSES):   */
   
#ef_bg1{
    position: absolute;
    top:-113px;
	left:-37px;
    width: 364px; 
    height: 347px; 
    background-image: url(paris_bg1.jpg); 
    background-repeat: no-repeat;
	overflow:hidden;
	overflow:hidden;
	opacity:1;
}




#debris{
    position: absolute;
    top:32px;
	left:55px;
    width: 94px; 
    height: 108px; 
    background-image: url(debris.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:0;
	
	
	
}


#debris2{
    position: absolute;
    top:32px;
	left:105px;
    width: 94px; 
    height: 108px; 
    background-image: url(debris.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:0;
	
	
}



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



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


#ef_bg2{
    position: absolute;
    top:-1px;
	left:-1px;
    width: 345px; 
    height: 366px; 
	overflow:hidden;
	opacity:1;
}




#tower{
    position: absolute;
    top:-1px;
	left:-1px;
    width: 345px; 
    height: 366px; 
    background-image: url(paris_bg2.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}

#ef_bg3{
    position: absolute;
    top: 0px;
	left: 10px;
    width: 113px; 
    height: 117px; 
    background-image: url(paris_bg3.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}






/*  NEW YORK:   */
#neogda-ad.newyork #debris {
    position: absolute;
    top:32px;
	left:55px;
    width: 94px; 
    height: 108px; 
    background-image: url(debris.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:0;
	
	
	
}


#neogda-ad.newyork #debris2 {
    position: absolute;
    top:32px;
	left:105px;
    width: 94px; 
    height: 108px; 
    background-image: url(debris.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:0;
	
	
}



#neogda-ad.newyork #fog {
    position: absolute;
    top:-2px;
	left:-1px;
    width: 300px; 
    height: 250px; 
    background-image: url(fog.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
	
	display:none;
}



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


   
#neogda-ad.newyork #ef_bg1 {
    position: absolute;
    top:-169px;
	left:-79px;
    width: 391px; 
    height: 600px; 
    background-image: url(newyork_bg1.jpg); 
    background-repeat: no-repeat;
	overflow:hidden;
	overflow:hidden;
	opacity:1;
}


#neogda-ad.newyork #ef_bg2 {
    position: absolute;
    top:-1px;
	left:-1px;
    width: 345px; 
    height: 366px; 
	overflow:hidden;
	opacity:1;
}


#neogda-ad.newyork #tower {
    position: absolute;
    top:0px;
	left:0px;
    width: 300px; 
    height: 267px; 
    background-image: url(newyork_bg2.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}



#neogda-ad.newyork #ef_bg3  {
    position: absolute;
    top: 0px;
	left: 0px;
    width: 100px; 
    height: 81px; 
    background-image: url(newyork_bg3.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}


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





/*  LONDON:   */
#neogda-ad.london #debris {
    position: absolute;
    top:32px;
	left:55px;
    width: 94px; 
    height: 108px; 
    background-image: url(debris.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:0;
	
	
	
}


#neogda-ad.london #debris2 {
    position: absolute;
    top:32px;
	left:105px;
    width: 94px; 
    height: 108px; 
    background-image: url(debris.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:0;
	
	
}



#neogda-ad.london #fog {
    position: absolute;
    top:-2px;
	left:-1px;
    width: 300px; 
    height: 250px; 
    background-image: url(fog.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
	
	display:none;
}



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


   
#neogda-ad.london #ef_bg1 {
    position: absolute;
    top:-117px;
	left:-101px;
    width: 402px; 
    height: 347px; 
    background-image: url(london_bg1.jpg); 
    background-repeat: no-repeat;
	overflow:hidden;
	overflow:hidden;
	opacity:1;
}


#neogda-ad.london #ef_bg2 {
    position: absolute;
    top:-33px;
	left:-1px;
    width: 345px; 
    height: 382px; 
	overflow:hidden;
	opacity:1;
}


#neogda-ad.london #tower {
    position: absolute;
    top:0px;
	left:0px;
    width: 300px; 
    height: 382px; 
    background-image: url(london_bg2.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}



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


#neogda-ad.london #titleShadow  {
    position: absolute;
    top: 0px;
	left: 0px;
    width: 300px; 
    height: 250px; 
    background-image: url(london_titleShadow.png);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	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:120px;
	left:-1px;
    width: 61px; 
    height: 32px; 
    background-image: url(text1.png);
	background-position: 0px 0px;
	overflow:hidden;
	opacity:1;
}

#text1B{
    position: absolute;
    top:120px;
	left:61px;
    width: 136px; 
    height: 32px; 
    background-image: url(text1.png);
	background-position: -61px 0px;
	overflow:hidden;
	opacity:1;
	
}

#text1C{
    position: absolute;
    top:120px;
	left:200px;
    width: 103px; 
    height: 32px; 
    background-image: url(text1.png);
	background-position: -200px 0px;
	overflow:hidden;
	opacity:1;
}

#text2A{
    position: absolute;
    top:120px;
	left:-1px;
    width: 80px; 
    height: 32px; 
    background-image: url(text2.png); 
	background-position: 0px 0px;
	overflow:hidden;
	opacity:1;
}

#text2B{
    position: absolute;
    top:120px;
	left:80px;
    width: 100px; 
    height: 32px; 
    background-image: url(text2.png); 
	background-position: -81px 0px;
	overflow:hidden;
	opacity:1;
}

#text2C{
    position: absolute;
    top:120px;
	left:179px;
    width: 41px; 
    height: 32px; 
    background-image: url(text2.png); 
	background-position: -179px 0px;
	overflow:hidden;
	opacity:1;
}

#text2D{
    position: absolute;
    top:120px;
	left:222px;
    width: 80px; 
    height: 32px; 
    background-image: url(text2.png); 
	background-position: -220px 0px;
	overflow:hidden;
	opacity:1;
}


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

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

#pers_date{
    position: absolute;
    width: 300px; 
    height: 37px; 
    background-image: url(date_stack1.png); 
    background-repeat: no-repeat;
	bottom:-7px;
	left:0px;
	opacity:1;	

}


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


#efAnim{
	opacity:0;
}