/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* General Styles */

@font-face {
    font-family: 'chalet-london-nineteen-seventy';
    src: url('fonts/chalet-londonnineteenseventy.eot');
    src: url('fonts/chalet-londonnineteenseventy.eot') format('embedded-opentype'),
         url('fonts/chalet-londonnineteenseventy.woff') format('woff'),
         url('fonts/chalet-londonnineteenseventy.ttf') format('truetype'),
         url('fonts/chalet-londonnineteenseventy.svg') format('svg');
}

@font-face {
    font-family: 'righteous-regular';
    src: url('fonts/righteous-regular-webfont.eot');
    src: url('fonts/righteous-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/righteous-regular-webfont.woff') format('woff'),
         url('fonts/righteous-regular-webfont.ttf') format('truetype'),
         url('fonts/righteous-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.yellow-hr{
    border:none; outline:none;
    height:2px; background:#e7b53f;
    border-radius:1px; -moz-border-radius:1px; 
    -webkit-border-radius:1px;
}

body{
	background: #000000;
	color: #fff;
	min-width: 800px;
	overflow-x: hidden;
}
	


	.righteous{
		font-family: 'righteous-regular', cursive;
		text-transform: uppercase;
	}
	
	.left{
		float: left;
	}
	.right{
		float: right;
	}
	.clear{
		clear: both;
	}
	
	a{
		transition:.3s;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
		text-decoration: none;
		outline: none;
		border: none;
        
	}
	
	a img{
		outline: none;
		border: none;
	}
	
	#content{
		background: #000;
		display: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 999999;
	}
	
	#close_content, #close_content_video{
		background: url(../images/bg_close.png) center top no-repeat;
		cursor: pointer;
		display: block;
		height: 55px;
		margin: 15px;
		position: fixed;
		right: 0;
		width: 55px;
		z-index: 999999;
	}
	
	
	#close_conten{
		z-index: 999999;
	}
	
	#close_content_video{
		z-index: 9999999999;
	}
	
		#close_content:hover{
			opacity: 0.9;
		}


	#main_content{
		padding: 30px 0px;
	}
		
		.section, .sec{
				bottom: 0;
				padding-bottom: 10%;
				position: fixed;
				
				width: 100%;
		}
	
		.section{
			background: url(../images/bg_sections.png) center bottom repeat-x;
			min-height: 622px;
            
		}
		
		.characterInfo .section{
			background: url(../images/bg_chsections.png) center bottom repeat-x;
		}

			.sec h1{
				color: #999999;
				font-size: 23px;
                font-weight:normal;
                height:90px;
                margin-bottom:6px;
                font-family:'chalet-london-nineteen-seventy';
                margin-left:5px;
			}
            .sec h1.v-ah{
                height:25px;
                margin-top:20px;
            }
            .sec h1 a{
                color:#ffc500;
            }
            #downloads_box .sec h1{
                text-indent:-999px; width:176px; height:22px;
                background:url('../images/downloads_title.png') no-repeat;
                margin-bottom:145px;
                margin-left:3.6%;
            }
            #downloads_box .sec #d-sec{
                display:block; 
                overflow:hidden;
                width:99%; position:absolute; bottom:0; margin-bottom:94px;
                margin-left:3.6%;
            }
                #downloads_box .sec #d-sec li{
                    display:block; overflow:hidden;
                    width:15.5%; float:left;
                    max-width:186px; height:140px; margin-left:3px;
                }
                #downloads_box .sec #d-sec li ul{
                    display:block; overflow:hidden; padding-top:10%;
                    width:99%; height:88%; text-align:center;
                    background:url('../images/hover/dw-hover.png') repeat;
                    display:none;
                }
                    #downloads_box .sec #d-sec li ul li{
                        display:block; width:100%;
                        height:30%;
                    }
                    #downloads_box .sec #d-sec li ul li a{
                        display:block; margin:0 auto;
                        text-indent: -9999px;
                    }
                        #downloads_box .sec #d-sec li ul li.dw-standard a{
                            background:url('../images/hover/dw-standard.png') no-repeat;    
                            width:84px; height:29px;
                        }
                        #downloads_box .sec #d-sec li ul li.dw-widescreen a{
                            background:url('../images/hover/dw-widescreen.png') no-repeat;
                            width:98px; height:29px;
                        }
                        #downloads_box .sec #d-sec li ul li.dw-mobile a{
                            background:url('../images/hover/dw-mobile.png') no-repeat;
                            width:59px; height:29px;
                        }
                        
                #downloads_box .sec #d-sec li#dw-1{
                    background:url('../images/dw-1.jpg') no-repeat;
                    background-size:cover;
                    -moz-background-size:cover;
                    background-position:center;
                }
                #downloads_box .sec #d-sec li#dw-2{
                    background:url('../images/dw-2.jpg') no-repeat;
                    background-size:cover;
                    -moz-background-size:cover;
                    background-position:center;
                }
                #downloads_box .sec #d-sec li#dw-3{
                    background:url('../images/dw-3.jpg') no-repeat;
                    background-size:cover;
                    -moz-background-size:cover;
                    background-position:center;
                }
                #downloads_box .sec #d-sec li#dw-4{
                    background:url('../images/dw-4.jpg') no-repeat;
                    background-size:cover;
                    -moz-background-size:cover;
                    background-position:center;
                }
                #downloads_box .sec #d-sec li#dw-5{
                    background:url('../images/dw-5.jpg') no-repeat;
                    background-size:cover;
                    -moz-background-size:cover;
                    background-position:center;
                }
                #downloads_box .sec #d-sec li#dw-6{
                    background:url('../images/dw-6.jpg') no-repeat;
                    background-size:cover;
                    -moz-background-size:cover;
                    background-position:center;
                }
                
            .sec h1#h1-CB{
                background:url('../images/hover/CB.png') no-repeat;
                background-position:left bottom;
            }
            
            .sec h1#h1-AA{
                background:url('../images/hover/AA.png') no-repeat;
                background-position:left bottom;
            }
            
            .sec h1#h1-BC{
                background:url('../images/hover/BC.png') no-repeat;
                background-position:left bottom;
            }
            
            .sec h1#h1-JR{
                background:url('../images/hover/JR.png') no-repeat;
                background-position:left bottom;
            }
            
            .sec h1#h1-JL{
                background:url('../images/hover/JL.png') no-repeat;
                background-position:left bottom;
            }
		
			.sec_text{	
				color: #fff;
				font-family: Helvetica, Arial;
				font-size: 18px;
				line-height: 19px;
				padding: 25px 50px 0px;
                
			}
			
			.sec_text p{
				margin: 10px 0px 20px;
			}
            #downloads_box .sec_text{
                padding:0px;
            }
			#story_box .sec_text{
                font-size: 14px; text-transform: none;
            }
			.sec_share {   
				bottom: 15px;
				right: 25px;
				position: relative;
			}           
			
			.sec_share span.righteous{
				color: #e7b53f;
				font-size: 12px;
				position: relative;
				right: 5px;
				top: -13px;
			}
			
			.sec_share a{
				background-image: url(../images/bg_sharebt.png);
				background-repeat: no-repeat;
				display: inline-block;              
				height: 35px;
				margin: 0px 3px;
				width: 35px;
			}
			.s_share.left .float{
                float:left; display:block;
                margin-right:3px; line-height:20px;
            }
            .s_share.left .fb-like{
                width:90px !important;
            }
            .s_share.left .no-float, .s_share.left .no-float *{
                float:none; display:inline;
            }
			#img_fb{}
			#img_tw{
				background-position: -50px 0px;
			}
			#img_pin{
				background-position: -99px 0px;
			}
			
			.sec_share a span{
				display: none;
			}
	
	#img_tw iframe{
		height: auto !important;
		width: 35px !important;
	}
			
	#img_tw iframe .widget .btn-o .btn{
		height: 35px !important;
	}			
	
	#img_tw iframe .btn i{
		background-image: none !important;
	}
	/* Header Styles */
	
	header{
		min-width: 1000px;
	}
	
	#social_head{
		padding: 20px 18px;
	}
	
	.s_follow  span.righteous, .s_share span.righteous{
		color: #e7b53f;	
		font-size: 12px;
		position: relative;
		right: 4px;
	}
	
	.s_share{
		margin-top: 10px;
	}
    
	
		.s_follow span.righteous{
			top:-14px;
		}
		.s_share span.righteous{
			top: -6px;
		}
		
		.s_share span.righteous.white{
			font-size: 13px;
			left: 5px !important;
			color: #fff;
		}
	
	.s_follow a{
		background-image: url(../images/bg_social.jpg);
		background-repeat: no-repeat;
		display: inline-block;
		height: 40px;
		margin:0px 2px;
		width: 40px;
	}
		.s_follow a:hover{
			opacity: 0.8;
		}
		.s_follow a span{
			display: none;
		}
			#s_twitter{background-position: -40px 0px}
			#s_youtube{background-position: -80px 0px}
			#s_tumblr {background-position: -120px 0px}
			#s_google {background-position: -160px 0px}
			#s_instagram{background-position: -200px 0px}
			#s_pinterest{background-position: -240px 0px}

	#main_head{
		min-width: 800px;
		padding: 0px 0px;
        position:relative;
	}
        #main_head .pre-order{
            position:absolute; top:0; right:0;
            width:280px;  margin-top:50px;
        }
            #main_head .pre-order *{
                float:left; margin-left:10px; max-width:160px;
                display:block; width:45%;
                font-size:14px; color:#ffc500;
                margin-bottom:5px;
            }
            #main_head .pre-order a img{
                width:96%; max-width:157px;
                margin-left:0px;
            }
            #main_head .pre-order span{
                display:block; margin:0px; width:100%;
            }
            #main_head .pre-order a.blu-ray-box{
                width:45%; max-width:146px; margin-left:0px;
            }
            #main_head .pre-order a.blu-ray-box img{
                width:100%; max-width:146px;
                margin-left:0px;
            }
	
		#logo a{
			background: url(../images/bg_logo.png) center top no-repeat;
			display: block;
			height: 210px;
			width: 235px;
            background-position:bottom;
            margin-top:26px
		}
		
			#logo label{
                font: normal normal 19px/355px 'chalet-london-nineteen-seventy', sans-serif;
                color:#999999; 
                display:block;
                width:100%;
                text-align:center;
			}
		
		#nav{
			padding: 0px 0px 0px; /* with reviews padding:25px 0px 0px; */
			width: 722px;
            display:none;
            text-align:center;
		}
        #nav #golden-globe{
            width:100%; height:68px;
            max-width:665px;
            background:url('../images/golden_globe.png') no-repeat;
            margin:0 auto;
            background-size:100% auto;
            
            
        }
        #nav .quotes{
            margin:0 auto; text-align:center;    
            overflow:hidden; height:80px;
            margin-top:20px; margin-bottom:11px;
            font: italic bold 13px/16px Arial, Helvetica, sans-serif;
            position:relative;
            width:510px; 
            padding:0px 5px;
        }    
            #nav .quotes .author{
                margin:0 auto;
                margin-top:10px;
                
            }
			
		#nav ul a{
			color: #e7b53f;	
			font-size: 14px;
			
		}
			#nav ul li{
				background: url(../images/bg_navdiv.png) right center no-repeat;
				display: inline-block;
				margin-left: 9px;
				padding-right: 13px;
			}
			
				#nav ul li:first-child{
					margin: 0px;
				}
				
				#nav ul li:last-child{
					background: none;
					padding: 0px;
				}
			
			#nav ul li a{
				color: #e7b53f;	
				cursor: pointer;
				text-decoration: none;
			}
			#nav ul li a:hover{
				opacity: 0.8;
			}
			
		#reviews p{
			color: #fff;
			font-family: Arial;
			font-size: 12px;
			font-style: italic;
			line-height: 18px;
			padding: 15px 0px;
		}
		
/*  Characters Page  */

	#cast{
		background: #000;
	}
 .c_box{
 	cursor: pointer;
	 width: 20%;	
     position:relative;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0.0;
        -moz-opacity: 0.0;
        opacity: 0.0;
 }
 	.c_indv{
	 	border:1px solid #e7b53f;
	 	border-radius: 10px;
	 	margin: 0px auto;
	 	overflow: hidden;
	 	width: 94.98%;
 	}
 	
 		.c_indv img{
 			margin-left: -5%;
	 		width: 110%;
                    
 		}

 		.c_indv .caption{
 			background: url(../images/bg_caption.png) center bottom repeat-x;
/* 			display: none;*/
	 		margin-top: -450px;
	 		min-width: 197px;
	 		padding-top: 280px;
	 		position: relative;
 
            -khtml-opacity: 0.0;
            -moz-opacity: 0.0;
            opacity: 0.0;
	 	}
        .c_indv .caption.ie8{ 
            background:none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.sonypictures.com/movies/americanhustle/site/images/bg_caption.png,  sizingMethod='scale') alpha(opacity=0);
	 	}
	 	.caption h2{
		 	color: #e7b53f;
            text-indent: -9999px;
            display:block;
            height:170px; 
            
	 	}
        .caption h2#h2-CB{
            background:url('../images/hover/CB.png') no-repeat;
            background-position:center;
        }
        .caption h2#h2-BC{
            background:url('../images/hover/BC.png') no-repeat;
            background-position:center;
        }
        .caption h2#h2-AA{
            background:url('../images/hover/AA.png') no-repeat;
            background-position:center;
        }
        .caption h2#h2-JR{
            background:url('../images/hover/JR.png') no-repeat;
            background-position:center;
        }
        .caption h2#h2-JL{
            background:url('../images/hover/JL.png') no-repeat;
            background-position:center;
        }
        
        .quote-caption{
            width:100%;
            height:170px;
            text-align:center;
            position:relative;
            display:none;
        }
            .quote-caption h2{
                display:block; position:absolute; bottom:0; left:50%;
                text-indent:-9999px;
                margin-bottom:80px;
            }
            .quote-caption span{
                  display:block; 
                  position:absolute; bottom:0; left:50%;
                  height:60px; 
            }
            .quote-caption .yellow-hr{
                position:absolute; bottom:0; left:50%;
                margin-bottom:70px;
                
            }
            
            #cb-q h2{
                background:url('../images/hover/CB-quote.png') no-repeat;
                width:221px; height:53px; margin-left:-110px;
            }    
            #cb-q .yellow-hr{
                width:221px; margin-left:-110px;
            }
            #cb-q span{
                width:203px; margin-left:-101px;
                background:url('../images/hover/cb-q.png') no-repeat;
            }
            
            
            #bc-q h2{
                background:url('../images/hover/BC-quote.png') no-repeat;
                width:208px; height:79px;
                margin-left:-104px;
            }    
            #bc-q .yellow-hr{
                width:208px; margin-left:-104px;
                
            }
            #bc-q span{
                width:207px; margin-left:-103px;
                background:url('../images/hover/bc-q.png') no-repeat;
            }
            
            #aa-q h2{
                background:url('../images/hover/AA-quote.png') no-repeat;
                width:198px; height:87px; margin-left:-99px;
            }    
            #aa-q .yellow-hr{
                width:198px; margin-left:-99px;
                
            }
            #aa-q span{
                width:198px; margin-left:-99px;
                background:url('../images/hover/aa-q.png') no-repeat;
                
            }
            
            #jr-q h2{
                background:url('../images/hover/JR-quote.png') no-repeat;
                width:226px; height:43px;
                margin-left:-113px;
            }    
            #jr-q .yellow-hr{
                width:226px; margin-left:-113px;
                
            }
            #jr-q span{
                width:198px; margin-left:-99px;
                background:url('../images/hover/aa-q.png') no-repeat;
            }
            
            #jl-q h2{
                background:url('../images/hover/JL-quote.png') no-repeat;
                width:228px; height:43px; margin-left:-114px;
            }    
            #jl-q .yellow-hr{
                width:228px; margin-left:-114px;
                
            }
            #jl-q span{
                width:181px; margin-left:-90px;
                background:url('../images/hover/jl-q.png') no-repeat;
            }
	 	
@media only screen 
    and (max-width : 1240px) {	
        #cb-q h2{
                background:url('../images/hover/1024/CB-quote.png') no-repeat;
                width:179px; height:44px; margin-left:-91px;
            }    
            #cb-q .yellow-hr{
                width:179px; margin-left:-92px;
            }
            #cb-q span{
                width:203px; margin-left:-103px;
                background:url('../images/hover/cb-q.png') no-repeat;
            }
            
            
            #bc-q h2{
                background:url('../images/hover/1024/BC-quote.png') no-repeat;
                width:177px; height:67px;
                margin-left:-91px;
            }    
            #bc-q .yellow-hr{
                width:177px; margin-left:-92px;
                
            }
            #bc-q span{
                width:170px; margin-left:-88px;
                background:url('../images/hover/1024/bc-q.png') no-repeat;
            }
            
            #aa-q h2{
                background:url('../images/hover/1024/AA-quote.png') no-repeat;
                width:176px; height:77px; margin-left:-89px;
            }    
            #aa-q .yellow-hr{
                width:176px; margin-left:-91px;
                
            }
            #aa-q span{
                width:198px; margin-left:-100px;
                background:url('../images/hover/aa-q.png') no-repeat;
                
            }
            
            #jr-q h2{
                background:url('../images/hover/1024/JR-quote.png') no-repeat;
                width:176px; height:33px;
                margin-left:-89px;
            }    
            #jr-q .yellow-hr{
                width:176px; margin-left:-91px;
                
            }
            #jr-q span{
                width:198px; margin-left:-100px;
                background:url('../images/hover/aa-q.png') no-repeat;
            }
            
            #jl-q h2{
                background:url('../images/hover/1024/JL-quote.png') no-repeat;
                width:176px; height:33px; margin-left:-89px;
            }    
            #jl-q .yellow-hr{
                width:176px; margin-left:-91px;
                
            }
            #jl-q span{
                width:181px; margin-left:-92px;
                background:url('../images/hover/jl-q.png') no-repeat;
            }
    } 
	 .characterInfo{
	 	 display: none;
	 	 height: 100%;
	 	 left: 0;
		 position: absolute;
		 top: 0;
		 width: 100%
	 }
	 
	 .characterInfo h1 span{
		 color: #fff;
		 display: block;
		 font-size: 14px;
	 }
	 
	  .characterInfo p a{
	  	  color: #e7b53f;
		  font-style: italic;
		  text-transform: uppercase;
	  }
	  
	  .characterInfo a.next, .characterInfo a.prev, #gallery .backgrounds a.next, #gallery .backgrounds a.prev{
		  background-image: url(../images/bg_close.png);
		  background-repeat: no-repeat;
          text-indent:-99999px;
		  cursor: pointer;
		  display: block;
		  height: 55px;
		  position: absolute;
		  top: 50%;
		  width: 55px;
		  z-index: 9999999;
	  }
	
	  .characterInfo a.next, #gallery .backgrounds a.next{
		  background-position: 0px -55px;
		  right: 25px;
	  }
	  
	  .characterInfo a.prev, #gallery .backgrounds a.prev{
		  background-position: 0px -110px;
		  left: 25px;
	  }
	  
	  .characterInfo a span{
		  display: none;
	  }
	 
	/*  Filmmakers Page */
	
	#filmmakers_box ul li{
		
		font-size: 12px;
		margin: 8px 0px;
	}
	
		#filmmakers_box ul li span{
			font-size: 14px;
		}
 	
 	/* Videos Styles */
 	#videos_box ul{
        overflow:hidden;
    }
 	#videos_box ul li{
	 	width: 170px; float:left; margin-left:10px;
        height:150px;
        
 	}
 	
 	#videos_box ul li a{
	 	cursor: pointer;
        display:block;
 	}
 	
 	#videos_box ul li a img{
	 	display: block;
	 	margin: 10px 0px;
 	}
 	
 	#videos_box ul li a h2{
	 	color: #e7b53f;
        font-size:14px;
 	}
 	
 	#video-preview{
 		background: url(../images/bg_clear.png) center bottom repeat;
 		display: none;
	 	position: absolute;
	 	width: 100%;
	 	height: 100%;
	 	z-index: 99999999;
 	}
 	
 	#videoplayer{
	 	padding-top: 10%;
        text-align:center;
 	}
    #videoplayer iframe{
        margin:0 auto;
    }
 	
/* Footer Styles */

	#billing_block{
		font-family: Arial;
		font-size: 11px;
		width: 100%;
        display:none;
	}
	
	@media only screen 
	and (max-width : 1024px) {
	
		#videoplayer iframe{
			height: 400px !important;
		}
	
	}
	
	.billingHover{
		background: #000;
		bottom: 0;
		position: fixed;
		width: 100%;
		z-index: 99999999;
	}
	
    #billing_block #written{
        display:block; width:1020px; background:url('../images/f-w.png') no-repeat; 
        height:40px; margin-top:-20px; margin-left:20px;
        position:relative;
    }
    #billing_block #written ul{
        position:absolute; right:0;
        width:480px; height:40px;
        display:block; overflow:hidden;
    }
        #billing_block #written ul li{
            float:left; display:block;
        }
        #billing_block #written ul li.separator{
            height:40px; font-size:23px; line-height:43px;
            color:#999999; margin-right:8px;
        }
        
    #billing_block #written ul li#soundtrack-copy{
        /*background:url('../images/soundtrack-copy.png') no-repeat;*/
        /*background-position:center;*/
        margin-left:25px;
        height:45px; width:292px;
        line-height:45px;
        font: normal normal 21px/45px 'chalet-london-nineteen-seventy' , sans-serif;
        color:#e7b53f;
    }
    #billing_block #written ul li#soundtrack-link{
        float:left; display:block;
    }
        #billing_block #written ul li#soundtrack-link a{
            text-indent: -9999px;
            display:block; width:109px; height:40px;
            background:url('../images/itunes_f.png') no-repeat; 
        }
		#billing_info{
			margin: 0px auto;
			padding-bottom: 20px;
			width: 780px;
		}
			#b_logos{
				width: 402px;
			}
			#b_links{
				padding: 12px 0px;
				width: 370px;
			}
			
			#b_links p{
				padding: 5px 0px;
			}
			
			#b_links a{
				color: #fff;
				text-decoration: underline;
			}
	
		#bt_bill{
			text-align: right;
		}
		
		#openbilling{
			text-transform: uppercase;
		}
        
        
        #gallery{
            width:100%; height:100%; position:relative; overflow:hidden; padding:0px;
            background:#000000;
        }
        #gallery #gallery-nav{
            position:absolute; bottom:0; left:0; margin-bottom:1%; margin-left:45px; z-index:99; 
            width:600px; text-align:center;
        }
        #gallery #gallery-nav a#next-nav{
            width:15px; height:26px; display:block; 
            background:url('../images/gallery-right-nav.png') no-repeat;
            position:absolute; right:0; margin-top:22px; cursor:pointer;
        }
        #gallery #gallery-nav a#prev-nav{
            width:15px; height:26px; display:block; 
            background:url('../images/gallery-left-nav.png') no-repeat;
            position:absolute; left:0; margin-top:22px; cursor:pointer;
        }
        #gallery #gallery-thumbs{
            overflow:hidden; width:560px; height:70px; margin:0 auto;
        }
            #gallery #gallery-thumbs li{
                float:left; display:block; list-style-type: none; margin-bottom:20px;
            }
                #gallery #gallery-thumbs li .per-line-thumbs{
                    overflow:hidden; margin-left:50px;
                }
                #gallery #gallery-thumbs li .per-line-thumbs:first-child{
                    margin-left:0px;
                }
                #gallery #gallery-thumbs li .per-line-thumbs li{
                    margin-left:15px;
                }
                    #gallery #gallery-thumbs li .per-line-thumbs li img{
                        width:95px; height:65px; cursor:pointer;
                    }
            
                #gallery #gallery-thumbs li .per-line-thumbs li.active{
                    border:2px solid white;
                }
                #gallery #gallery-thumbs li .per-line-thumbs li.active img{
                    width:91px; height:61px;
                }
        
        #gallery .backgrounds{
            width:100%; height:100%; 
            background-size:cover;
            -moz-background-size:cover;
            background-position:center;
            display:none;
        }
        #gallery .backgrounds#b1{
            display:block;
            background-image:url('../images/gallery/picture-1.jpg');
            padding-top:20%;
        }
        #gallery .backgrounds#b2{
            background-image:url('../images/gallery/picture-2.jpg');
            padding-top:20%;
        }
        #gallery .backgrounds#b3{
            background-image:url('../images/gallery/picture-3.jpg');
            padding-top:20%;
        }
        #gallery .backgrounds#b4{
            background-image:url('../images/gallery/picture-4.jpg');
            padding-top:20%;
        }
        #gallery .backgrounds#b5{
            background-image:url('../images/gallery/picture-5.jpg');
            padding-top:20%;
        }
        #gallery .backgrounds#b6{
            background-image:url('../images/gallery/picture-6.jpg');
            padding-top:20%;
        }
        
        #characters{
           overflow:hidden; position:relative;
        }
        
      
        
       #CB .cast-backgrounds{
           position:absolute; width:100%; padding-top:79% !important;
           background-image:url('../images/bg_CB.jpg'); 
           background-size:cover; 
           -moz-background-size:cover;
           background-position:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_CB.jpg',
sizingMethod='scale');
       }
       #AA .cast-backgrounds{
       	width:100%;
           padding-top:80% !important;
           background-image:url('../images/bg_AA.jpg'); 
           background-size:cover; 
           -moz-background-size:cover;
           background-position:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_AA.jpg',
sizingMethod='scale');
       }
       #BC .cast-backgrounds{
       width:100%;
           padding-top:80% !important;
           background-image:url('../images/bg_BC.jpg'); 
           background-size:cover; 
           -moz-background-size:cover;
           background-position:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_BC.jpg',
sizingMethod='scale');
       }
       #JR .cast-backgrounds{
       width:100%;
           padding-top:80% !important;
           background-image:url('../images/bg_JR.jpg'); 
           background-size:cover; 
           -moz-background-size:cover;
           background-position:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_JR.jpg',
sizingMethod='scale');
       }
       #JL .cast-backgrounds{
       width:100%;
           padding-top:80% !important;
           background-image:url('../images/bg_JL.jpg'); 
           background-size:cover; 
           -moz-background-size:cover;
           background-position:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_JL.jpg',
sizingMethod='scale');
       }
       #speaker{
           display:inline-block;
       }
       #background-filmmakers{
           position:absolute; 
           width:100%; top:0;left:0;
           height:100%;
           background-image:url('../images/bg_filmmakers.jpg');
           background-size:cover;
           -moz-background-size:cover;
           padding-top:5%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_filmmakers.jpg',
sizingMethod='scale');	
       }
	#background-video{
	    position:absolute; 
           width:100%; top:0;left:0;
           height:100%;
           background-image:url('../images/bg_videos.jpg');
           background-size:cover;
           -moz-background-size:cover;
           padding-top:26%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_videos.jpg',
sizingMethod='scale');
	}
	#story-background{
		position:absolute; 
           width:100%; top:0;left:0;
	           height:100%;
           background-image:url('../images/bg_story.jpg');
           background-size:cover;
           -moz-background-size:cover;
           padding-top:26%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_story.jpg',
sizingMethod='scale');
	

	} 
    #downloads-background{
        position:absolute; 
           width:100%; top:0;left:0;
           height:100%;
           background-image:url('../images/bg_downloads.jpg');
           background-size:cover;
           -moz-background-size:cover;
           padding-top:0%;
           padding-left:-15%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/bg_downloads.jpeg',
sizingMethod='scale');
        margin-top:-4%;

    } 
        
html{
    height:100%; width:100%;
    /*overflow:hidden;*/
}
body{
    height:100%; 
}

@media only screen 
and (min-width : 1024px)
and (max-height : 768px) {

	#CB .cast-backgrounds{
           background-image:url('../images/backgrounds/1024x768/bg_CB.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/bg_CB.jpg',
		   		sizingMethod='scale');
       }

	#AA .cast-backgrounds{
           background-image:url('../images/backgrounds/1024x768/bg_AA.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_AA.jpg',
		   		sizingMethod='scale');
    }
    #BC .cast-backgrounds{
           background-image:url('../images/backgrounds/1024x768/bg_BC.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_BC.jpg',
		   		sizingMethod='scale');
       }
    #JR .cast-backgrounds{
           background-image:url('../images/backgrounds/1024x768/bg_JR.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_JR.jpg',
		   		sizingMethod='scale');
       }
    #JL .cast-backgrounds{
           background-image:url('../images/backgrounds/1024x768/bg_JL.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_JL.jpg',
		   		sizingMethod='scale');
       }
    #background-filmmakers{
           background-image:url('../images/backgrounds/1024x768/bg_filmmakers.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_filmmakers.jpg',
		   		sizingMethod='scale');	
       }
	#background-video{
           background-image:url('../images/backgrounds/1024x768/bg_videos.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_videos.jpg',
		   		sizingMethod='scale');
	}
	#story-background{
           background-image:url('../images/backgrounds/1024x768/bg_story.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_story.jpg',
		   		sizingMethod='scale');
	} 
    #downloads-background{
           background-image:url('../images/backgrounds/1024x768/bg_downloads.jpg') !important;
           filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
                   src='images/backgrounds/1024x768/bg_downloads.jpg',
                   sizingMethod='scale');
           margin-top:-11%;
    }
       
}

@media only screen 
and (min-width : 1280px)
and (max-height : 800px) {

	#CB .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x800/bg_CB.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/bg_CB.jpg',
		   		sizingMethod='scale');
       }

	#AA .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x800/bg_AA.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1280x800/bg_AA.jpg',
		   		sizingMethod='scale');
    }
    #BC .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x800/bg_BC.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1280x800/bg_BC.jpg',
		   		sizingMethod='scale');
       }
    #JR .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x800/bg_JR.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1280x800/bg_JR.jpg',
		   		sizingMethod='scale');
       }
    #JL .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x800/bg_JL.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1280x800/bg_JL.jpg',
		   		sizingMethod='scale');
       }
    #background-filmmakers{
           background-image:url('../images/backgrounds/1280x800/bg_filmmakers.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1280x800/bg_filmmakers.jpg',
		   		sizingMethod='scale');	
       }
	#background-video{
           background-image:url('../images/backgrounds/1280x800/bg_videos.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1280x800/bg_videos.jpg',
		   		sizingMethod='scale');
	}
	#story-background{
           background-image:url('../images/backgrounds/1280x800/bg_story.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1280x800/bg_story.jpg',
		   		sizingMethod='scale');
	} 
    #downloads-background{
           background-image:url('../images/backgrounds/1280x800/bg_downloads.jpg') !important;
           filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
                   src='images/backgrounds/1024x768/bg_downloads.jpg',
                   sizingMethod='scale');
    }

}

@media only screen 
and (min-width : 1280px)
and (max-height : 1024px) {

	#CB .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x1024/bg_CB.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/bg_CB.jpg',
		   		sizingMethod='scale');
       }

	#AA .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x1024/bg_AA.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_AA.jpg',
		   		sizingMethod='scale');
    }
    #BC .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x1024/bg_BC.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_BC.jpg',
		   		sizingMethod='scale');
       }
    #JR .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x1024/bg_JR.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_JR.jpg',
		   		sizingMethod='scale');
       }
    #JL .cast-backgrounds{
           background-image:url('../images/backgrounds/1280x1024/bg_JL.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_JL.jpg',
		   		sizingMethod='scale');
       }
    #background-filmmakers{
           background-image:url('../images/backgrounds/1280x1024/bg_filmmakers.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_filmmakers.jpg',
		   		sizingMethod='scale');	
       }
	#background-video{
           background-image:url('../images/backgrounds/1280x1024/bg_videos.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_videos.jpg',
		   		sizingMethod='scale');
	}
	#story-background{
           background-image:url('../images/backgrounds/1280x1024/bg_story.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_story.jpg',
		   		sizingMethod='scale');
	}
    #downloads-background{
           background-image:url('../images/backgrounds/1280x1024/bg_downloads.jpg') !important;
           filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
                   src='images/backgrounds/1024x768/bg_downloads.jpg',
                   sizingMethod='scale');
           margin-top:-9%;
    } 

}

@media only screen 
and (min-width : 1440px)
and (max-height : 900px) {

    #nav{
        margin-left:3%;
    }
	#CB .cast-backgrounds{
           background-image:url('../images/backgrounds/1440x900/bg_CB.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/bg_CB.jpg',
		   		sizingMethod='scale');
       }

	#AA .cast-backgrounds{
           background-image:url('../images/backgrounds/1440x900/bg_AA.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_AA.jpg',
		   		sizingMethod='scale');
    }
    #BC .cast-backgrounds{
           background-image:url('../images/backgrounds/1440x900/bg_BC.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_BC.jpg',
		   		sizingMethod='scale');
       }
    #JR .cast-backgrounds{
           background-image:url('../images/backgrounds/1440x900/bg_JR.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_JR.jpg',
		   		sizingMethod='scale');
       }
    #JL .cast-backgrounds{
           background-image:url('../images/backgrounds/1440x900/bg_JL.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_JL.jpg',
		   		sizingMethod='scale');
       }
    #background-filmmakers{
           background-image:url('../images/backgrounds/1440x900/bg_filmmakers.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_filmmakers.jpg',
		   		sizingMethod='scale');	
       }
	#background-video{
           background-image:url('../images/backgrounds/1440x900/bg_videos.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_videos.jpg',
		   		sizingMethod='scale');
	}
	#story-background{
           background-image:url('../images/backgrounds/1440x900/bg_story.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_story.jpg',
		   		sizingMethod='scale');
	} 
    #downloads-background{
           background-image:url('../images/backgrounds/1440x900/bg_downloads.jpg') !important;
           filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
                   src='images/backgrounds/1024x768/bg_downloads.jpg',
                   sizingMethod='scale');
    }

}

@media only screen 
and (min-width : 1600px)
and (max-height : 1200px) {

	#CB .cast-backgrounds{
           background-image:url('../images/backgrounds/1600x1200/bg_CB.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/bg_CB.jpg',
		   		sizingMethod='scale');
       }

	#AA .cast-backgrounds{
           background-image:url('../images/backgrounds/1600x1200/bg_AA.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_AA.jpg',
		   		sizingMethod='scale');
    }
    #BC .cast-backgrounds{
           background-image:url('../images/backgrounds/1600x1200/bg_BC.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_BC.jpg',
		   		sizingMethod='scale');
       }
    #JR .cast-backgrounds{
           background-image:url('../images/backgrounds/1600x1200/bg_JR.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_JR.jpg',
		   		sizingMethod='scale');
       }
    #JL .cast-backgrounds{
           background-image:url('../images/backgrounds/1600x1200/bg_JL.jpg') !important; 
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_JL.jpg',
		   		sizingMethod='scale');
       }
    #background-filmmakers{
           background-image:url('../images/backgrounds/1600x1200/bg_filmmakers.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_filmmakers.jpg',
		   		sizingMethod='scale');	
       }
	#background-video{
           background-image:url('../images/backgrounds/1600x1200/bg_videos.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_videos.jpg',
		   		sizingMethod='scale');
	}
	#story-background{
           background-image:url('../images/backgrounds/1600x1200/bg_story.jpg') !important;
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		   		src='images/backgrounds/1024x768/bg_story.jpg',
		   		sizingMethod='scale');
	} 
	
}

@media (max-width : 1124px){
        #downloads_box .sec h1{
            margin-left:1%;
        }
        #downloads_box .sec #d-sec{
            margin-left:1%;    
        }
        
        #downloads_box .sec #d-sec li{
            width:16.5%;
            max-width:155px; height:118px;
        }
        #downloads_box .sec #d-sec li#dw-1{
            background:url('../images/dw-low-1.jpg') no-repeat;
            background-size:cover;
            -moz-background-size:cover;
            background-position:center;
        }
        #downloads_box .sec #d-sec li#dw-2{
            background:url('../images/dw-low-2.jpg') no-repeat;
            background-size:cover;
            -moz-background-size:cover;
            background-position:center;
        }
        #downloads_box .sec #d-sec li#dw-3{
            background:url('../images/dw-low-3.jpg') no-repeat;
            background-size:cover;
            -moz-background-size:cover;
            background-position:center;
        }
        #downloads_box .sec #d-sec li#dw-4{
            background:url('../images/dw-low-4.jpg') no-repeat;
            background-size:cover;
            -moz-background-size:cover;
            background-position:center;
        }
        #downloads_box .sec #d-sec li#dw-5{
            background:url('../images/dw-low-5.jpg') no-repeat;
            background-size:cover;
            -moz-background-size:cover;
            background-position:center;
        }
        #downloads_box .sec #d-sec li#dw-6{
            background:url('../images/dw-low-6.jpg') no-repeat;
            background-size:cover;
            -moz-background-size:cover;
            background-position:center;
        }
}
@media (max-width:1270px){
     #nav{
            width:573px;
            margin-top:6px;
        }
            #nav .quotes{
                height:77px;
            }
            #nav li{
                background:url('../images/bg_navdiv_small.png') no-repeat !important;
                background-position:right center !important;
                margin-left:2px !important; 
                padding-right:9px !important;
            }       
            #nav li a{
                font-size:12px;
            }
        #logo a{
            width:200px;
            background-size:100% auto;
            margin-right:10px;
        }
        #main_head .pre-order{
            margin-top:75px;
            margin-right:10px;
            width:212px; 
        }        
        #main_head .pre-order *{
            font-size:12px;
            width:47%;
            margin-left:3px;
        }
}