body, html{
margin: 0;
padding: 0;
background: #ccc8b4;
font-family: Helvetica, Arial, sans serif;
font-size: 90%;
line-height: 1.3em;}

/* general rules */

ul{
list-style-type: none;
margin: 0;
padding: 0;}

h1,h2,h3,h4,h5,p,li{
margin: 0;
padding: 0;}

h2{
margin: 50px 0 35px;
border-top: 4px solid #9a9a9a;
padding: 24px 0 0;
font-size: 260%;}

a{
color: #00aaff;
text-decoration: none;}

a:hover{
color: #00ccff;}

a.top_arrow{
display: block;
position: absolute;
margin: 28px 0 0 969px;
width: 24px;
height: 23px;
text-indent: -5000px;
background: url(art/top_arrow.gif) 0 0 no-repeat;}

/* wrappers */

.wrapper{
width: 1009px;
margin: 0 auto;
padding: 0 33px;}

.header{
width: 1009px;
margin: 0 auto;
padding: 0 33px;
background: url(art/bg_clouds.png) 100% 10px no-repeat;}

/* drawer */

.drawer{
position: absolute;
top: 0;
width: 100%;
min-width: 1150px;
background: #000;
color: #fff;}

.drawer ul.screenings{
padding: 25px 25px 0;
height: 95px;
border-bottom: 1px solid #fff;
display: none;}

.drawer ul.screenings li{
float: left;
width: 200px;
padding: 0 20px 0 0;
color: #808080;}

.drawer ul.screenings h4{
color: #fff;}

.drawer ul.screenings a{
padding: 0 13px 0 0;
background: url(art/listings_arrow.gif) 100% 1px no-repeat;}

.drawer ul.pulldown li.left,
.drawer ul.pulldown li.right{
display: none;}

.drawer ul.pulldown li{
}

.drawer ul.pulldown li a{
display: block;
padding: 3px 5px;
background: url(art/drawer_arrow.gif) center no-repeat;
color: #fff;
font-weight: bold;
font-size: 90%;}

.drawer ul.pulldown li a#close{
background: url(art/drawer_arrow_up.gif) center no-repeat;}

/* header */

h1{
width: 1075px;
height: 176px;
margin: 0 auto 0;
background: url(art/logo_llp.png) 0 46px no-repeat;
text-indent: -5000px;}

/* main menu */

.main_menu{
position: relative;
z-index: 3000;
background: url(art/navbar.png) 0 0 no-repeat;
height: 16px;
padding: 14px 17px;}

.main_menu li{
float: left;}

.main_menu li a{
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 13pt;
margin: 0 20px 0 0;}

.main_menu li a:hover{
color: #333;}

.main_menu p.dvd_release{
position: absolute;
z-index: 1000;
right: -2px;
top: -4px;}

.main_menu p.dvd_release a{
display: block;
height: 188px;
width: 188px;
text-indent: -5000px;
background: url(art/dvd_ribbon.png) 0 0 no-repeat;}

/* content */

.contenttop{
padding: 14px 0 0 0;
background: url(art/content_top.png) 0 0 no-repeat;}

.contentbottom{
padding: 0 0 14px 0;
background: url(art/content_bottom.png) 0 100% no-repeat;}

.content{
padding: 27px 35px;
background: url(art/content_mid.png) 0 0 repeat-y;}

.intro_block{
position: relative;
z-index: 1;}

.intro_left{
float: left;
width: 295px;
height: 350px;
position: relative;
background: #000;
color: #ddd;
padding: 20px;}

.intro_left h3{
font-weight: normal;
margin: 0 0 15px;}

.intro_left p{
margin: 0 0 10px;}

.intro_left p.screenings_updates{
height: 63px;
width: 128px;
margin: 30px 0 0 -26px;
text-indent: -5000px;
background: url(art/screening_updates.png) 0 0 no-repeat;}

.intro_video{
position: relative;
z-index: 1;
margin: 0 0 0 337px;
padding: 10px;
height: 370px;
background: #000;}

ul.htabs{
height: 30px;}

.htabs li{
float: left;
margin: 0 2px 0 0;}

.htabs li a{
color: #fff;
font-weight: bold;
display: block;
height: 30px;
background: url(art/htabs_left.gif) 0 0 no-repeat #737373;}

.htabs li a span{
display: block;
padding: 8px 17px 0;
background: url(art/htabs_right.gif) 100% 0 no-repeat;}

.htabs li a.current{
background: url(art/htabs_left.gif) 0 -34px no-repeat #000;}

.htabs li a.current span{
background: url(art/htabs_right.gif) 100% -34px no-repeat;}

.tab{
position: relative;
background: #000;
color: #ddd;
height: 360px;
padding: 20px;}

.tab p{
margin: 0 0 10px;}

.tab .leftcol{
float: left;
width: 435px;}

.tab .rightcol{
margin: 0 0 0 465px;}

/* news */

.news_block{
margin: 0 0 78px;}

div.scrollable { 
/* required settings */ 
position:relative; 
overflow:hidden; 
width: 940px; 
height:483px;}

.news_slider{
width: 200000em;
position: absolute;}

.news_slider .news_item{
position: relative;
float: left;
padding: 20px;
height: 443px;
width: 272px;
margin: 0 2px 0 0;
background: #000;
color: #ddd;}

.news_slider .news_item h3{
font-size: 265%;
padding: 11px 0;}

.news_item h3 span{
font-size: 40%;
font-weight: normal;}

.news_item img.news_photo{
margin: 0 0 0 -19px;}

.news_item h4{
margin: 5px 0;}

.news_item p{
margin: 0 0 15px;}

.news_item p.read_more{
text-align: center;}

.news_item p.read_more a{
padding: 0 10px 0 0;
background: url(art/listings_arrow.gif) 100% 0 no-repeat;}

.prevNext{
margin: 7px 0 0;
padding: 0 400px;}

.prevNext a{
display: block;
float: left;
height: 31px;
width: 31px;
text-indent: -5000px;
cursor: pointer;}

.prevNext a.prevPage{
background: url(art/prev_btn.gif) 0 0 no-repeat;}

.prevNext a.nextPage{
background: url(art/next_btn.gif) 0 0 no-repeat;}

.prevNext span{
display: block;
float: left;
text-align: center;
color: #ddd;
padding: 7px 10px 0;
width: 50px;
height: 24px;
background: url(art/prevnext_bg.gif) 0 0;}

.prevNext a.disabled{
background: none;
cursor: default;}

/* filmmakers */

div.filmmaker_scroll { 
/* required settings */ 
position:relative; 
overflow:hidden; 
width: 900px; 
height:425px; }

.filmmakers_box{
position: relative;
padding: 20px;
width: 900px;
height: 405px;
background: #000;
color: #ddd;
margin: 0 0 78px;}

.filmmakers_box .items{
position: absolute;
width: 20000px;}

.filmmakers_box .filmmaker{
width: 430px;
margin: 0 20px 0 0;
float: left;}

.filmmaker .fm_pic{
float: left;
border: 1px solid #fff;}

.filmmaker h3{
margin: 0 0 5px 105px;}

.filmmaker p{
margin: 0 0 10px 105px;}

.filmmakers_block .prevNext{
margin: 7px 0 0;
padding: 0 370px;}

.filmmakers_block .prevNext span{
display: block;
float: left;
color: #ddd;
padding: 7px 10px 0;
width: 75px;
height: 24px;
background: url(art/prevnext_bg.gif) 0 0;}

.roundedbox{
position: relative;
background: #000;
color: #ddd;
padding: 20px;}

.press_block .leftcol{
float: left;
width: 300px;}

.press_block .imagecol{
margin: 15px 0 0 350px;}

.press_block .imagecol img{
border: 5px solid #fff;}

p.press_link{
margin: 23px 0 10px;}

a.press_link,
a.photos_link{
display: block;
height: 25px;
width: 289px;
padding: 11px 0 0 38px;
color: #fff;
font-size: 110%;
text-decoration: none;
background: url(art/press_kit_btn.png) 0 0 no-repeat;}

a.press_link:hover,
a.photos_link:hover{
color: #333;}

.links_block .leftcol{
float: left;
width: 275px;}

.links_block .middlecol{
margin: 0 0 0 310px;}

.links_block p{
margin: 0 0 10px;}

/* footer */

.footer{
margin: 72px 0 0;
width: 100%;
min-width: 1080px;
min-height: 250px;
background: #000;
color: #ddd;}

.footer h4{
font-size: 150%;
margin: 0 0 15px;}

.footer_wrapper{
width: 940px;
margin: 0 auto;
padding: 32px 0;}

.footer .contact{
float: left;
width: 216px;
margin: 0 20px 0 0;}

.footer .follow{
float: left;}

a.logo{
display: block;
float: left;
height: 29px;
width: 29px;
margin: 0 7px 0 0;
text-indent: -5000px;}

a.vimeo{
background: url(art/logo_vimeo.gif) 0 0 no-repeat;}

a.fb{
background: url(art/logo_facebook.gif) 0 0 no-repeat;}

a.twitter{
background: url(art/logo_twitter.gif) 0 0 no-repeat;}

.footer .signup{
margin: 0 0 0 688px;}

p.talkbubble{
font-size: 85%;
height: 51px;
width: 235px;
padding: 5px 8px;
margin: 0 0 5px;
line-height: 1.2em;
color: #fff;
background: url(art/contact_talkbubble.gif) 0 0 no-repeat;}

.signup input[type="text"]{
border: 0;
padding: 3px 8px;
margin: 0 0 7px;
height: 16px;
width: 235px;
background: url(art/form_field.png) 0 0;}

p.submit{
text-align: right;}

.signup input[type="submit"]{
border: 0;
width: 86px;
height: 30px;
color: #fff;
font-size: 100%;
background: url(art/submit_btn.png) 0 0 no-repeat;}

.signup input[type="submit"]:hover{
color: #333;}

p.error{
color: #00aaff;
font-size: 8pt;
margin: 0;
padding: 0 0 10px;}

/* corners */

.corner {
	position: absolute;
	width: 9px;
	height: 9px;
	background: url('art/corners.gif') no-repeat;
	font-size: 0%;}
.tl {
	top: 0;
	left: 0;
	background-position: 0 0;}
.tr {
	top: 0;
	right: 0;
	background-position: -9px 0;}
.bl {
	bottom: 0;
	left: 0;
	background-position: 0 -9px;}
.br {
	bottom: 0;
	right: 0;
	background-position: -9px -9px;}

/* overlay */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	/*border:1px solid #666;*/
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background: url(art/close_alt.png) 0 100% no-repeat;
	position:absolute;
	right: -15px;
	top: -15px;
	cursor:pointer;
	height:30px;
	width:30px;}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
/* absolute positioning relative to the overlay */
position:absolute;
top:40%;	
cursor:pointer;
display:block;
height: 27px;
width: 25px;
text-indent: -5000px;
}

.prev {
left: -25px;
background: url(art/modal_left.png);}

.next {
right: -27px;
background: url(art/modal_right.png);}

.next:hover, .prev:hover {
	text-decoration:underline;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
background: #333;
	position:absolute;
	bottom:-1px;
	left:1px;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* the thumbnails */
.thumbs {
margin: 0 0 0 10px;}

.thumbs img {
	background-color:#000;
	padding:3px;
	border:1px solid #ccc;
	margin: 11px 4px 0;}

/* the active thumbnail */
.thumbs a.active img {
	outline:1px solid #000;
	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}

#right p.active a {
	text-decoration:underline !important;
	color:black;
	cursor:default;
}

#right h2 {
			cursor:pointer;				
		}