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

/* Global Functions */



.link_title{
	font-weight:900;
}

#clear{
	clear:both;
}

/* News page */


#news #wrapper{
	margin:0 auto;
	width:900px;
}

#news #header{
	background:url(../images/header-bg.jpg) no-repeat; height:170px;
	}
#news #content{ background:#330000; color:#FFF;
width:800px;
padding-right:50px;
padding-left:50px;
text-align:justify;}

#news #content #sidebar{
float:left;
width:250px;
}

#news #content #wp{
	width:550px;
	float:right;
}




#news #footer{background:url(../images/footer-bg.jpg) no-repeat; height:160px;}

#textScroll_2 {
	Position:relative;
	margin-top:10px;
	height:380px;
	overflow:scroll;
	overflow:auto;
	overflow-x:hidden;
	padding-left: 20px;
	padding-right: 20px;
	width: 770px;
	}
	
	#textScroll{
	Position:relative;
	margin-top:10px;
	height:260px;
	overflow:scroll;
	overflow:auto;
	overflow-x:hidden;
	padding-left: 20px;
	padding-right: 20px;
	width: 540px;
	}
	
	#textScroll3{
	Position:relative;
	margin-top:10px;
	height:260px;
	overflow:scroll;
	overflow:auto;
	overflow-x:hidden;
	padding-left: 20px;
	padding-right: 20px;
	width: 700px;
	}


#film-nav{
	width:400px;
	position: absolute;
	left: 243px;
	top: 272px;
}

#film-nav .buy {
	float:left;
	width:150px;
	line-height:18px;
}


#film-nav .trailer {
	float:left;
	margin-left:20px;
	width:200px;
	color: ff9933;
	font-size: 16px;
}

#film-nav .trailer a {
	color:#ff9933;
	text-decoration:none;
}



#film-nav .buy{background:url(../images/buy.png) no-repeat;
width:145px;height:22px; text-align:center;padding-top:3px;}

#film-nav .buy a {
	color:#FFF;
	text-decoration:none;
}

#film-nav .buy a:hover{
	color:#C00;
}

.scrollContainer div.panel1 {
	background: url(../images/film_bhu_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:300px;
	padding-left:240px;
	padding-right:10px;
	padding-top: 8px;
}




.scrollContainer div.panel2 {
	background: url(../images/film_coloredlife_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:308px;
	padding-left:240px;
	padding-right:10px;
}

.scrollContainer div.panel3 {
	background: url(../images/film_fff_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:308px;
	padding-left:240px;
	padding-right:10px;
}

.scrollContainer div.panel4 {
	background: url(../images/film_thegoodfight_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:308px;
	padding-left:240px;
	padding-right:10px;
}

.scrollContainer div.panel5 {
	background: url(../images/film_shadow_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:308px;
	padding-left:240px;
	padding-right:10px;
}

.scrollContainer div.panel6 {
	background: url(../images/film_rgd_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:308px;
	padding-left:240px;
	padding-right:10px;
}

.scrollContainer div.panel7 {
	background: url(../images/film_moton_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:308px;
	padding-left:240px;
	padding-right:10px;
}

.scrollContainer div.panel8{
	background: url(../images/film_rails_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:308px;
	padding-left:240px;
	padding-right:10px;
}

.scrollContainer div.panel9{
	background: url(../images/film_unveiling_bg.jpg) no-repeat;
	color:#FFF;
	width:576px;
	height:308px;
	padding-left:240px;
	padding-right:10px;
}


.scrollContainer div.panel20{
	background: url(../images/noSlide_bg.jpg) no-repeat;
	color:#FFF;
	width:756px;
	height:308px;
	padding-left:60px;
	padding-right:10px;
}

.scrollContainer div.panel21{
	background: url(../images/noSlide_bg.jpg) no-repeat;
	color:#FFF;
	width:756px;
	height:308px;
	padding-left:60px;
	padding-right:10px;
}



.scrollContainer div.panel_media{
	background: url(../images/noSlide_bg.jpg) no-repeat;
	color:#FFF;
	width:756px;
	height:308px;
	padding-left:60px;
	padding-right:10px;
	padding-top:10px;

}

.scrollContainer div.panel_screen{
	background: url(../images/noSlide_bg.jpg) no-repeat;
	color:#FFF;
	width:756px;
	height:308px;
	padding-left:60px;
	padding-right:10px;
	padding-top:10px;

}


.scrollContainer div.panel_contact{
	background: url(../images/noSlide_bg.jpg) no-repeat;
	color:#FFF;
	width:756px;
	height:308px;
	padding-left:60px;
	padding-right:10px;
	padding-top:10px;

}

.scrollContainer div.panel_contact a {
	color: #F90;
}

#contact_left{
	width:250px;
	float:left
}

#contact_right{
	width:500px;
	float:right
}



#buy {margin-top: 60 px;;}

.movie-title{
	font-size:24px;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
	color:#ff9933;
	padding-top: 10px;
}

img{border:none;}


body{
	margin:0px;
	padding:0px;
	background:#330000;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	line-height: 25px;
}



#content{
	background: url(../images/wrapper-bg.jpg) no-repeat;width:900px;
}

#content_links{
	background: url(../images/extended_bg.jpg) no-repeat;width:900px;
}


#header{
	padding-top:132px;
	height:27px;
}

#wrapper{
	margin:0 auto;
	width:900px;
	height: 768px;
	}


#nav{
	padding-top:0px;
	background:url(../images/nav-bg.jpg) no-repeat;
	height:27px;
}

#main{
	margin-top:16px;
	margin-left:0px;
	height:322px;
	
}

#main_links{
	margin-top:16px;
	height:480px;
	color:#FFF;
	padding-left:40px;
	padding-right:10px;
	padding-top:10px;
	
}

#main_links a{
	color:#F90;
}



#lower-main{
	height:173px;
	margin-top:10px;
}

#lower-banners{
	padding-left:34px;
	padding-right:34px;
}

#left-banner{
	margin-right:20px;
	padding-left:20px;
	padding-right:20px;
	font-size:10px;
	color:#FFF;
	float:left;
	width:222px;
	padding-top:10px;
	height:106px;
	background:url(../images/banner-bg.jpg) no-repeat;
	line-height:16px;
}

#left-banner a{
	text-decoration:none;
	color:#F90;
}


#center-banner{
	margin-right:20px;
	float:left;
	width:262px;
	height:111px;
}

#right-banner{
	float:left;
	width:262px;
	height:111px;
}

#footer{

	padding-left:80px;
	height:55px;
	
}

#left-foot{
	padding-left:20px;
	margin-right:20px;
	float:left;
	width:187px;

}

#center-foot{
	padding-left:50px;
	margin-right:20px;
	float:left;
	width:213px;

}

#right-foot{
	padding-left:80px;
	float:left;
	width:182px;

}

/* NAvigation*/

ul.topnav {
	list-style: none;
	padding-left:70px;
	float: left;
	width: 831px;
	z-index:100;
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	height: 28px;
	margin: 0 auto;

}

ul.topnav li .titles {
	
	font-size: 18px;
	color:#E8EABB;

}

ul.topnav li .films {
	
	font-size: 18px;
	color:#E8EABB;
	z-index:100;


}

ul.topnav li .links {
	
	font-size: 18px;
	color:#E8EABB;

}

ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 50px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 5px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}



/* Slider    */

#slider {
    width: 826px;
    margin: 0 auto;
    position: relative;
	z-index:1;

}

#slider_1 {
	

}

.scroll {
	height: 307px;
	width: 826px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scroll_1 {



}



.scrollContainer div.panel {
   
    height: 308px;
    width: 826px;
}

.scrollContainer_1 div.panel {

    
}






.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}


/* text scroller */
