/* CSS Document */

/*____________framework____________*/
body{
	text-align:center;
}


#wrapper{
	width:960px;
	margin:0 auto;
}

.photo
{
    float:left; 
    padding: 5px 10px 5px 5px; 
    font-family: Verdana; 
    font-size: 12px;
}
.photo-sub
{
    padding: 5px 0 0 0; 
}
h1
{
     font-size: 30px !important;
}
h2 .spacer
{
    margin: 20px 0 0 0;
}

.page{
	width:960px;
	float:left;
	position:relative;
	text-align:left;
	border-top:4px solid #000;
}


/*  wrapper*/
.content{
	background:url(../images/vert-sep.gif) repeat-y;
	float:left;
	position:relative;
	width:100%;
	text-align:left;
}

.filmpage .colwrap{
		background:url(../images/vert-sep.gif) repeat-y;
			float:left;
	position:relative;
}

/* programme,  atoz experince content*/
.filmpage .content, .programme .content, .guide .content,.venue .content, .tickets .content, .experience .content, .involved .content, .genericpage .content{
	background:url(../images/vert-sep2.gif) repeat-y;
}

.programme .content, .venue .content, .tickets .content, .experience .content, .involved .content, .genericpage .content{
	margin:8px 0 0 0;
}

.left-col{
	width:320px;
	float:left;
	position:relative;
}

.programme .left-col, .venue .left-col, .tickets .left-col, .experience .left-col, .involved .left-col, .genericpage .left-col{
	float:left;
	position:relative;
	width:632px;
	margin:0 28px 0 0;
}


.prog-az .content{
	background:none;
	float:left;
	position:relative;
	width:632px;
	margin:8px 28px 0 0;

}

.festinfo, .mid-col{
	float:left;
	position:relative;
	width:288px;
	margin:0 28px 0 0;
}

.home .mid-col{
	float:left;
	position:relative;
	width:304px;
	margin:0 28px 0 0;
}

.right-col,.ad{
	float:right;
	position:relative;
	width:300px;
}

.search{
	width:296px;
	position:relative;
	float:left;
	padding:0 0 16px 0;
	border-bottom:1px solid #bdbdbd;
}

.festcal, .guidePDF{
	width:296px;
	position:relative;
	float:left;
	margin:8px 0;
}

/*content column divs*/
 .filmpage .newsletter, .socialbookmark {
	float:left;
	position:relative;
	width:304px;
	margin-bottom:8px;
	border-bottom:1px solid #bdbdbd;
}

.newsletter{
	border-bottom:1px solid #bdbdbd;
	float:left;
	position:relative;
		width:304px;
}

.involved .newsletter{
	border-top:1px solid #bdbdbd;
	padding:8px 0 0 0;
	border-bottom:none;
}

.socialbookmark ul{
		margin: 0;
		background:url(../images/dotted-line.gif) repeat-x top left;
			float:left;
	position:relative;
	width:100%;	
}

.socialbookmark ul.sites li{
	margin: 0;
	background:url(../images/dotted-line.gif) repeat-x top left;
	float:left;
	position:relative;
	width:100%;	
}

 .socialbookmark li{
 	float:left;
	position:relative;
	margin:0 16px 0 0;	
 }

.about-fest,.official-selection, .ticketinfo{
	float:left;
	position:relative;
	width:288px;
	padding-bottom:16px;
	margin-bottom:8px;
	border-bottom:1px solid #bdbdbd;
}

.filmpage .festcal, .filmpage .socialbookmark{
	border:none;
}

/*Programme Selection*/
.prog-selection{
	float:left;
	position:relative;
	width:288px;	
}

.programme .prog-selection, .filmpage .prog-selection{
	float:left;
	position:relative;
	width:632px;	
	background-color:#FFFFFF;
}



/*______________________Masthead Nav and Logo____________________*/
#masthead{
	width:960px;
	float:left;
	position:relative;
	text-align:left;
}

#logo{
	width:960px;
	float:left;
	position:relative;
	margin:24px 0 0 0;
}

/* Navigation Div style only - type styles are in the type.css*/
#nav{
	margin:24px 0 2px 0;
	padding:0 0 2px 0;
	float:left;
	position:relative;
	width:960px;
}


.programme #nav, .venue #nav, .experience #nav{
	background:url(../images/dotted-line.gif) repeat-x left bottom;
}


/*Breadcrumb*/
#breadcrumb{
	position:relative;
	float:left;
	text-align:left;
	width:960px;
	color:#006e7b;
	margin:0 0 0px 0;
	padding:0 0 0 0;
	font:normal 0.6em/0.6em Arial, Helvetica, sans-serif;

}


/*Main search form*/
#mainsearch{
	margin:8px 0;	
}

#categ-option{
	width:185px;
}

#film-option{
margin:8px 0 0 0;
}


/*slide Design*/
.home .header, .programme .header{
    width:960px; 
    height:358px; 
    padding:0 0 0 0; 	
	background:url(../images/line.gif) repeat-x left bottom;
	margin:0 0 8px 0;
	position:relative;
	float:left;
}

/*Footer*/
#footer{
	position:relative;
	float:left;
	margin:16px 0 16px 0;
	padding:8px 0 0 0;
	border-top:1px solid #bdbdbd;
	width:960px;
}


/*Film pages and programme selection Design*/

.filmpage .visual, .programme .visual,.guide .visual,.venue .visual {
	width:564px;
	height:348px; 
	position:relative;
	float:right;
	overflow:hidden;
	margin:0 0 10px 0;
}

.filmpage #video{
	width:564px;
	height:348px; 
	position:relative;
	float:right;
		overflow:hidden;
		display:none

}

.bigcol{
	width:632px;
	float:left;
	position:relative;
}

.filmpage .header{
	width:960px;
    padding:0 0 0 0; 	
	background:url(../images/line.gif) repeat-x left bottom;
	margin:0 0 8px 0;
	position:relative;
	float:left;
}

.generic h2 img{
	margin:0 0 0 8px
}

.film-synopsis, .prog-synopsis{
	position:relative;
	float:left;
}

.trailer {
	padding:8px 0;
	position:relative;
	width:100%;
	float:left;
	background:url(../images/dotted-line.gif) repeat-x bottom left;
	clear:right;
}

/*Film page drawer functionailty */	
 .filminfo .infodrawer {
	margin:0px 0 0px 0;
	padding:0 0 4px 0;
	width:368px;
	position:relative;
	float:left;
}

.filmpage .newsletter{
	width:288px;
	border-bottom:none;
	
}

.filmpage .prog-selection{
			margin:16px 0 0px 0;
}

.ticket-button{
		position:relative;
	float:left;
	margin:0 0 1em 0;
	clear:none;
	width:368px;
}

/*programme drawer*/
.programme .drawer, .venue-info, .filmpage .prog-selection .drawer{
	background:none;
	border-top:1px solid #bdbdbd;
	padding:0px 0;
	margin:0 0 0px 0;
	position:relative;
	float:left;
	width:632px;
}

.programme .drawer .start{
	border:none;
}

.programme  .drawer ul, .filmpage .prog-selection .drawer ul{
 	position:relative;
	float:left;
	margin:0 16px 8px 0;
	padding:0 0 0 0;
	width:112px;
 }

 
 .programme .drawer, .prog-selection .drawer{
 	background:url(../images/filmlist-bg.gif);
	 	position:relative;
	float:left;
	margin:0 0px 0px 0;
 }
 
.prog-info {
	margin:0px 0 0px 0;
	width:368px;
	position:relative;
	float:left;
}
 
.programme .drawer ul.col-end, .filmpage .drawer ul.col-end{
	margin:0 0 0 0;

}


/*slider navigation*/


/*home .header content styles*/

.home .slide-controls{
	position:inherit;
	float:none;
	margin: 326px 0 0 0;
}

.home .festcal{
	border-bottom:1px solid #bdbdbd;
	padding:0 0 8px 0;
}

.headlines{
	width:482px;
	float:left;
	position:relative;
	margin:16px 0 0 30px;
	
}



.pic{
	width:394px;
	float:left;
	position:relative;
	margin:0 0 0 0;
}


#slideshow{
	position:relative;
	float:right;
	width:564px;
}

.home #slideshow{
	position:relative;
	float:left;
	width:960px;
}

.slide{
	width:960px;
	float:left;
	position:relative;
}


 .genericpanel,.contact{
  			color:#333333;
            cursor:default;
            font-weight:normal;
            margin-bottom:0pt;
            width:288px;
			clear:left;
        }

/* Home page controls*/


/* Film page controls and Home page controls*/

.filmpage #controls,.home #controls{  
	position:absolute;
	z-index:50; 
	display:none;
	right:0;
	top:0;
	padding:0;
}



.filmpage #controls li a:link, .filmpage #controls li a:visited, .home #controls a:link, .home #controls li a:visited{
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.filmpage #controls li,.home #controls li{
	display:inline;
	margin:0;
	padding:0;
	text-indent:-9000px;
	overflow:hidden;
} 

#prev{
	margin:0;
	background:url(../images/prev.gif)  no-repeat 0 2px;
	background-repeat:no-repeat;
	width:25px;
	height:28px;
	position:relative;
	float:right;
}

#next{
	float:right;
	margin:0;
	background:url(../images/next.gif) no-repeat 0 2px;
	width:25px;
	height:28px;
	position:relative;
}

#pause{
	margin:0 0 0 0;
	padding:0;
	width:25px;
	float:right;
	height:28px;
	position:relative;
	background:url(../images/control-pause.gif)  no-repeat 0 2px ;
}

#play{
	margin:0 0 0 0;
	padding:0;
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:relative;
	float:right;
}

.involved-info{
margin:0 0 24px 0;

}

/*A-Z page */
.az-menu{
	position:relative;
	float:left;
	width:960px;
	padding:4px 0 4px 0;
		border-top:1px solid #bdbdbd;

}

.prog-az .az-menu, .calendar .az-menu{
	margin-top:8px;
}

.letter{
	position:relative;
	float:left;
	width:960px;
	border-top:1px solid #bdbdbd;
	padding:16px 0;
}

/*Calendar  page */

.calendar .films{
	position:relative;
	float:left;
	width:856px;
}

.date{
		position:relative;
	float:left;
	width:960px;
	border-bottom:1px solid #bdbdbd;
	padding:0 0 8px 0;
	
}



/*venue page*/
.venue-menu{
	position:relative;
	float:left;
	width:632px;
	padding:4px 0 8px 0;
}

.venue .drawer{
	background:url(../images/dotted-line.gif) repeat-x top;
	position:relative;
	float:left;
	width:632px;
	margin:4px 0 0 0;
	}

 .venue-info{
 	padding:16px 0 0 0;	
 }
 
 .event-info, .event-infoleft{
 	padding:0px 0 8px 0;
	margin:0 0 8px 0;
	position:relative;
	float:left;
	width:296px;
 }
 
 .event-infoleft{
	margin:0 32px 8px 0;
 }
 
 /*event calander*/
 #events {
	width: 244px;
	padding: 0;
	margin: 8px 0;
	border-left: 1px solid #bdbdbd;
	color: #2f2f2f;
	text-align: center;
	background-color: #fff;
}

.ticket-info{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:632px;
}



.colwrapper{
	background:url(../images/special-events-bg.gif) repeat-y;
	position:relative;
	float:left;
	margin:8px 0 0 0;
}
 /*tickets page*/
 
  .ticket-col, .ticket-colleft{
 	padding:0px 0 8px 0;
	margin:0 0 8px 0;
	position:relative;
	float:left;
	width:296px;
 }
 
  .ticket-colleft{
	margin:0 32px 8px 0;
 }
 

.tickets .col{
	width:142px;
	margin:0 16px 0 0;
		position:relative;
	float:left;
}

 .tickets .end{
 width:142px;
	margin:0 0px 0 0;
		position:relative;
	float:right;

 }
 
 .ticket-info{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:632px;
}

/*Generic page styles*/
  
 .partner-info{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:632px;
}
 
 
 .generic-info{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:632px;
}


 
  /*Experience page link*/
 .info{
  	position:relative;
	float:left; 
	width:632px;
  	margin:16px 0 0 0;

 }
 
  .info a:link, .info a:visited{
  	color:#2f2f2f;
  }

 
 
 /*grant midwinter link*/
 .designers{
 	position:relative;
	float:left; 
	width:960px;
	text-align:center;
}