/*

stylesheet for Film Education Teaching Trailers Secondary website

*/


body {
	width:100%;
	height:100%;
	position:relative;
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	font-size: 85%;
	color: #f2f2f2;
	background: #3a4854 url(/teachingtrailers/2011/images/secondary/background_tile.png) top left repeat-x;

}

body#primary_body {
	background: #3a4854 url(/teachingtrailers/2011/images/primary/background_tile.png) top left repeat-x;
	color: #f2f2f2;
}

#wrapper, #wrapper_home {
	width: 960px;
	margin: 0 auto 30px auto;
	padding-bottom: 2em;
	background: transparent;
	min-height: 800px;
	text-align: left;
	position: relative;
}

#wrapper_index {
	width: 960px;
	margin: 50px auto;
	padding-bottom: 2em;
	background: transparent;
	height: 400px;
	text-align: left;
	position: relative;
}

#header_primary {
	width: 960px;
	height: 183px;
	margin: 0;
	padding: 0;
	padding: 0;
	background: transparent url(/teachingtrailers/2011/images/primary/header.png) top left no-repeat;
}

#header_secondary {
	width: 960px;
	height: 183px;
	margin: 0;
	padding: 0;
	padding: 0;
	background: transparent url(/teachingtrailers/2011/images/secondary/header.png) top left no-repeat;
	background-position: 1px 1px;
}

#wrapper_home #header_secondary, #wrapper_home #header_primary {
height: 154px;	
}

#title_treatment {
margin: 0;	
}

#title_treatment a {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 270px;
	height: 90px;
	margin: 0;
}





/* navigation */


#navigation {
	position: absolute;
	left: 0px;
	top: 105px;
	width: 960px;
	height: 50px;
	margin: 0;

}


#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	margin: 0;
	list-style: none;
	float: left;
}


#navigation ul li a {
	float: left;
	height: 48px;
	margin: 0;
	width: 192px;

}


/* main nav buttons - secondary */ 

a.home {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/main_nav.png) top left no-repeat;
	background-position: 0 0;
}
a.home:hover, a.home.current {
	background-position: 0 -48px;
}



a.theory {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/main_nav.png) top left no-repeat;
	background-position: -192px 0;
}
a.theory:hover, a.theory.current {
	background-position: -192px -48px;
}

a.analysis {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/main_nav.png) top left no-repeat;
	background-position: -384px 0;
}
a.analysis:hover, a.analysis.current {
	background-position: -384px -48px;
}


a.make_a_trailer {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/main_nav.png) top left no-repeat;
	background-position: -576px 0;
}
a.make_a_trailer:hover, a.make_a_trailer.current {
	background-position: -576px -48px;
}

a.mobile_app {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/main_nav.png) top left no-repeat;
	background-position: -768px 0;
}
a.mobile_app:hover, a.mobile_app.current {
	background-position: -768px -48px;
}


/* main nav buttons - primary */ 

a.home_pri {
	width: 90px;
	background: transparent url(/teachingtrailers/2011/images/primary/main_nav.png) top left no-repeat;
	background-position: 0 0;
}
a.home_pri:hover, a.home_pri.current {
	
	background-position: 0 -48px;
}


a.lesson_plans_pri {
	width: 90px;
	background: transparent url(/teachingtrailers/2011/images/primary/main_nav.png) top left no-repeat;
	background-position: -192px 0;
}
a.lesson_plans_pri:hover, a.lesson_plans_pri.current {
	background-position: -192px -48px;
}

a.scheme_of_work_pri {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/primary/main_nav.png) top left no-repeat;
	background-position: -384px 0;
}
a.scheme_of_work_pri:hover, a.scheme_of_work_pri.current {
	background-position: -384px -48px;
}


a.make_a_trailer_pri {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/primary/main_nav.png) top left no-repeat;
	background-position: -576px 0;
}
a.make_a_trailer_pri:hover, a.make_a_trailer_pri.current {
	background-position: -576px -48px;
}

a.background_pri {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/primary/main_nav.png) top left no-repeat;
	background-position: -768px 0;
}
a.background_pri:hover, a.background_pri.current {
	background-position: -768px -48px;
}





/* subnav */

#subnav {
	position: absolute;
	left: 1px;
	top: 48px;
	width: 960px;
	height: 30px;
	margin: 0;
	background: transparent url(/teachingtrailers/2011/images/sub_nav_bg.png) top left no-repeat;
	background-position: 0 -5px;
}

ul#subnav  li a {

	margin: 0 auto 0 auto;
	

}

ul#subnav  li a {
	height: 18px;
	margin: 4px 53px 0 53px;

}


ul#subnav  li  a.features {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_analysis.png) top left no-repeat;
	background-position: -22px -1px;
	width: 70px;		
margin: 4px 30px 0 43px;
}
ul#subnav  li  a.features:hover, ul#subnav  li  a.features.current {
	background-position: -22px -30px;
}

ul#subnav  li  a.conventions {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_analysis.png) top left no-repeat;
	background-position: -129px -1px;	margin: 4px 22px 0 22px;

	width: 95px;
		margin: 4px 30px 0 30px;

}
ul#subnav  li  a.conventions:hover, ul#subnav  li  a.conventions.current {
	background-position: -129px -30px;
}

ul#subnav  li  a.structure {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_analysis.png) top left no-repeat;
	background-position: -260px -1px;
	width: 75px;
		margin: 4px 30px 0 30px;

}
ul#subnav  li  a.structure:hover, ul#subnav  li  a.structure.current {
	background-position: -260px -30px;
}

ul#subnav  li  a.voiceover {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_analysis.png) top left no-repeat;
	background-position: -370px -1px;
	width: 80px;
		margin: 4px 30px 0 30px;

}
ul#subnav  li  a.voiceover:hover, ul#subnav  li  a.voiceover.current {
	background-position: -370px -30px;
}

ul#subnav  li  a.voiceover_scripts {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_analysis.png) top left no-repeat;
	background-position: -482px -1px;
	width: 140px;
		margin: 4px 30px 0 30px;

}
ul#subnav  li  a.voiceover_scripts:hover, ul#subnav  li  a.voiceover_scripts.current {
	background-position: -482px -30px;
}


ul#subnav  li  a.multimodal_texts {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_analysis.png) top left no-repeat;
	background-position: -655px -1px;
	width: 132px;
		margin: 4px 30px 0 30px;

}
ul#subnav  li  a.multimodal_texts:hover, ul#subnav  li  a.multimodal_texts.current {
	background-position: -655px -30px;
}

ul#subnav  li  a.close_reading {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_analysis.png) top left no-repeat;
	background-position: -820px -1px;
	width: 115px;
		margin: 4px 30px 0 30px;

}
ul#subnav  li  a.close_reading:hover, ul#subnav  li  a.close_reading.current {
	background-position: -820px -30px;
}


ul#subnav  li  a.what {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_theory.png) top left no-repeat;
	background-position: -8px -1px;
	width: 50px;

}
ul#subnav  li  a.what:hover, ul#subnav  li  a.what.current {
	background-position: -8px -30px;
}

ul#subnav  li  a.why {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_theory.png) top left no-repeat;
	background-position: -93px -1px;
	width: 47px;

}
ul#subnav  li  a.why:hover, ul#subnav  li  a.why.current {
	background-position: -93px -30px;
}

ul#subnav  li  a.who {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_theory.png) top left no-repeat;
	background-position: -175px -1px;
	width: 50px;

}
ul#subnav  li  a.who:hover, ul#subnav  li  a.who.current {
	background-position: -175px -30px;
}

ul#subnav  li  a.how {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_theory.png) top left no-repeat;
	background-position: -248px -1px;
	width: 51px;

}
ul#subnav  li  a.how:hover, ul#subnav  li  a.how.current {
	background-position: -248px -30px;
}


ul#subnav  li  a.where {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_theory.png) top left no-repeat;
	background-position: -330px -1px;
	width: 61px;

}
ul#subnav  li  a.where:hover, ul#subnav  li  a.where.current {
	background-position: -330px -30px;
}


ul#subnav  li  a.when {
	width: 60px;
	background: transparent url(/teachingtrailers/2011/images/secondary/sub_nav_theory.png) top left no-repeat;
	background-position: -423px -1px;
	width: 54px;

}
ul#subnav  li  a.when:hover, ul#subnav  li  a.when.current {
	background-position: -423px -30px;
}





/* content */

#content_top {
	height: 4px;
	background: transparent url(/teachingtrailers/2011/images/content_frame_top.png) top left no-repeat;
	margin: 0;
	padding: 0;	
}

#content {
	width: 940px;
	background: transparent url(/teachingtrailers/2011/images/content_frame_middle.png) top left repeat-y;
	margin: 0;
	padding: 10px 10px 20px 10px;
	min-height: 200px;
	overflow: auto;
}



#content_bottom {
	width: 940px;
	height: 90px;
	background: transparent url(/teachingtrailers/2011/images/content_frame_bottom.png) top left no-repeat;
	margin: 0;
	padding: 10px 10px 20px 10px;
}





/* general */

a, a:visited, a:active {
color: #42bbe9;	
outline: none;

}


img {
	border: 0;
}


#primary_body a, #primary_body a:visited, #primary_body a:active, #primary_body li {
color: #5bd33f;	
outline: none;
}

#microsites_print_header {
display: none;	
}

#print_header_hide {
display: none;	
}

#print_url {
display: none;	
}


.hide {
display: none;	
}

.hide_text {	
text-indent: -4000px;	
}

#myOnPageContent, #myOnPageContent2 {
display: none;

}


p {
margin: 0.5em 0 1em 0;	
}


p.top_margin {
margin-top: 1.75em;	
}

.centered {
text-align: center;	
}

.float_right {
float: right;	
}

img.float_right {
margin-right: 5px;
}
	
.float_left {
float: left;	
}
	
.cover_left {
float: left;
margin-left: 8px;
border: 1px solid #777;
height: 450px;
}

.cover_left:hover {
border: 1px solid #42bbe9;	
}

.cover_right {
float: right;	
margin-right: 11px;
border: 1px solid #777;
height: 450px;
}

.cover_right:hover {
border: 1px solid #5bd33f;	
}


.pdf {
	background: transparent url(../images/pdf_icon.png) no-repeat;
	padding-left:40px;
	padding-top:8px;
	list-style:none;
	height:48px;
	display:block;
	font-weight: 200;
	font-size: 1.3em;
	margin: 0px;
}


.word {
	background: transparent url(../images/word_icon.png) no-repeat;
	padding-left:40px;
	padding-top:8px;
	list-style:none;
	height:48px;
	display:block;
	font-weight: 200;
	font-size: 1.3em;
	margin: 0px;
}

.video_player {
	
float: right;	
margin: 10px 5px 0 0; 
width: 410px;
min-height: 288px;
text-align: right;


}

#the_playlist {
clear: both;
float: left;
width: 410px;
padding-bottom: 3px;
width: 410px;
}

#the_playlist ul   {
	line-height: 1.25em;
	margin-left:20px;
	text-align:left;
}

#videoplayer {
	float: right;
	height: 230px;
	border: 1px solid #777;

}

#videoplayer2 {
	float: right;
	height: 290px;
	border: 1px solid #777;
}



.transcript_link {
	width: 80px;
	float: right;
	font-size: 0.9em;
	margin-top: 0;

}

p.no_top_margin {
margin-top: -10px;	
}



/* lists */


ol, ul {
color: #42bbe9;	
font-weight: bold;
}

ol li, ul li {
margin-bottom: 0.5em;
}


ol li span, ul li span {
color: #f2f2f2;	
font-weight: 200;

}

ol li ul, ol li ol {
margin: 0.5em 0 0.75em 0;
padding-left: 3em;
list-style: disc;
}

ol li ul li, ol li ol li {
margin-bottom: 0.5em;
}

strong {
font-weight: bold;	
}


/* headings */


h2, h3, h4 {
margin-bottom: 0;	
margin: 0;
padding: 0;
}


#teaching_trailers_2011 {
height: 32px;
width: 310px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/teaching_trailers_2011.png) top left no-repeat;

}

#feedback {
height: 32px;
width: 142px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/feedback.png) top left no-repeat;

}

#theory {
height: 32px;
width: 99px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/theory.png) top left no-repeat;

}

#what {
height: 32px;
width: 290px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/what.png) top left no-repeat;

}

#why {
height: 32px;
width: 333px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/why.png) top left no-repeat;

}

#who {
height: 32px;
width: 365px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/who.png) top left no-repeat;

}

#how {
height: 32px;
width: 458px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/how.png) top left no-repeat;

}

#where {
height: 32px;
width: 360px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/where.png) top left no-repeat;

}

#when {
height: 32px;
width: 378px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/when.png) top left no-repeat;

}

#when {
height: 32px;
width: 378px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/when.png) top left no-repeat;

}

#analysis {
height: 32px;
width: 119px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/analysis.png) top left no-repeat;

}

#features {
height: 32px;
width: 125px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/features.png) top left no-repeat;

}

#conventions {
height: 32px;
width: 178px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/conventions.png) top left no-repeat;

}

#structure
 {
height: 32px;
width: 133px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/structure.png) top left no-repeat;

}

#voiceover {
height: 32px;
width: 138px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/voiceover.png) top left no-repeat;

}

#multimodal_texts {
height: 32px;
width: 235px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/multimodal_texts.png) top left no-repeat;

}

#close_reading {
height: 32px;
width: 195px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/close_reading.png) top left no-repeat;

}


#transcript {
height: 32px;
width: 230px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/transcript.png) top left no-repeat;

}

#transcripts {
height: 32px;
width: 245px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/transcripts.png) top left no-repeat;

}


#make_a_showreel {
height: 32px;
width: 240px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/make_a_trailer.png) top left no-repeat;

}

#mobile_app {
height: 32px;
width: 162px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/mobile_app.png) top left no-repeat;

}


#teaching_trailers_2011_pri {
height: 32px;
width: 310px;
background: transparent url(/teachingtrailers/2011/images/primary/headings/teaching_trailers_2011.png) top left no-repeat;

}

#feedback_pri {
height: 32px;
width: 142px;
background: transparent url(/teachingtrailers/2011/images/primary/headings/feedback.png) top left no-repeat;

}

#lesson_plans_pri {
height: 32px;
width: 187px;
background: transparent url(/teachingtrailers/2011/images/primary/headings/lesson_plans.png) top left no-repeat;

}

#scheme_of_work_pri {
height: 32px;
width: 232px;
background: transparent url(/teachingtrailers/2011/images/primary/headings/scheme_of_work.png) top left no-repeat;

}

#make_a_trailer_pri {
height: 32px;
width: 192px;
background: transparent url(/teachingtrailers/2011/images/primary/headings/make_a_trailer.png) top left no-repeat;

}

#background_pri {
height: 32px;
width: 175px;
background: transparent url(/teachingtrailers/2011/images/primary/headings/background.png) top left no-repeat;

}




/* subheadings */


#extension {
height: 28px;
width: 110px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/extension.png) top left no-repeat;
margin-top: 1em;
}


#discussion {
height: 28px;
width: 162px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/discussion.png) top left no-repeat;
margin-top: 1em;
}

#beginnings {
height: 28px;
width: 275px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/beginnings.png) top left no-repeat;
margin-top: 1em;
}

#ends {
height: 28px;
width: 208px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/ends.png) top left no-repeat;
margin-top: 1em;
}

#trailer_title {
height: 28px;
width: 118px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/trailer_title.png) top left no-repeat;
margin-top: 1em;
}

#whats_the_usp {
height: 28px;
width: 185px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/whats_the_usp.png) top left no-repeat;
margin-top: 1em;
}

#whats_the_usp {
height: 28px;
width: 185px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/whats_the_usp.png) top left no-repeat;
margin-top: 1em;
}

#whats_the_usp {
height: 28px;
width: 185px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/whats_the_usp.png) top left no-repeat;
margin-top: 1em;
}

#x-men_first_class {
height: 28px;
width: 172px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/x-men.png) top left no-repeat;
margin-top: 1em;
}

#rise_of_the_planet_of_the_apes {
height: 28px;
width: 275px;
background: transparent url(/teachingtrailers/2011/images/secondary/headings/sub/rise_of_the_planet_of_the_apes.png) top left no-repeat;
margin-top: 1em;
}

#task_pri {
height: 28px;
width: 55px;
background: transparent url(/teachingtrailers/2011/images/primary/headings/sub/task.png) top left no-repeat;
margin-top: 1em;
}


/* buttons */

a#download_teachers_notes {
height: 32px;
width: 300px;
display: block;
background: transparent url(/teachingtrailers/2011/images/buttons/download_teachers_notes.png) top left no-repeat;
margin: 0;
padding: 0;
}

a#complete_questionnaire {
height: 32px;
width: 292px;
display: block;
background: transparent url(/teachingtrailers/2011/images/buttons/complete_questionnaire.png) top left no-repeat;
margin: 0;
padding: 0;
}

a#launch_trailer_maker {
height: 32px;
width: 292px;
display: block;
background: transparent url(/teachingtrailers/2011/images/buttons/launch_trailer_maker.png) top left no-repeat;
margin: 15px 0 0 0;
padding: 0;

}


a#launch_showreel_maker {
height: 32px;
width: 292px;
display: block;
background: transparent url(/teachingtrailers/2011/images/buttons/launch_showreel_maker.png) top left no-repeat;
margin: 15px 0 0 0;
padding: 0;

}

a#check_your_answers {
height: 32px;
width: 292px;
display: block;
background: transparent url(/teachingtrailers/2011/images/buttons/check_your_answers.png) top left no-repeat;
margin: 10px 0 0 0;
padding: 0;
}

a#download_teachers_notes:hover, a#complete_questionnaire:hover, a#launch_showreel_maker:hover, a#launch_trailer_maker:hover, a#check_your_answers:hover {
background-position: 0 -40px;	
}



/* order form */


form.booking_form {
width: 938px;
border: 1px solid #f2f2f2;
margin-bottom: 10px;
}

form.booking_form label {

float: left;
text-align: right;
padding-right: 10px;
width: 120px;
margin-bottom: 0.5em;

}


form.booking_form .submit_button {
margin-left: 130px;
}

form.booking_form p.impairments {
margin-left: 110px;
}


form.booking_form .checkbox {

float: left;
margin-top: 0.6em;
margin-left: 130px;
}

.checkbox_text {
font-size: 0.85em;	
}


/* facebook like */

#facebook_like_button {
padding: 0 10px 0 0; 
margin: 8px 3px 0 0; 
border:none; 
overflow:hidden; 
width:50px; 
height:25px; 
display:block; 
float: right;

}



/* lightboxes */

#myOnPageContent {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	font-size: 85%;
	color: #f2f2f2;	
}



#thickbox_close_div {
	float: right;
	margin: -30px -5px 0 0;
	width: 68px;
	height: 55px;
}
a#thickbox_close {
	display: block;
	width: 68px;
	height: 27px;
	background: transparent url(../images/buttons/close_button.png) top left no-repeat;
	background-position: 0 0;
}
a#thickbox_close:hover {
	background-position: 0 -28px;
}



/* activity tables */

#usp_table {
font-size: 1.25em;	
width: 940px;
border-top: 1px #777 solid;
border-left: 1px #777 solid;
}

#usp_table th, #usp_table td {
	
	padding:  0 0 0 3px;
	width: 470px;
	height: 2.5em;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	vertical-align: middle;
}

#usp_table th {
	padding: 0;
	margin: 0;
	height: 3em;
}


.typing_box {
padding: 0.5em;
width: 460px;
height: 60px;
background: transparent url(../images/content_frame_middle.png) top left repeat;
border: none;

margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200;
line-height: 1.4em;
letter-spacing: 0.02em;
font-size: 85%;
color: #f2f2f2;

}


/* content yet to come */
.yellow {
color: yellow;	
}

/* swappable/sorting activities */

	.swappable { list-style-type: none; padding: 0; margin: 0 0 0.25em 0; width: 460px; height: auto; vertical-align: middle;;
}
	.swappable li { margin: 0; padding: 0.3em 0.2em 0.75em 0.2em; height: auto; width: 455px; background: transparent url(../images/content_frame_middle.png) top left repeat; border: 1px solid #000;}
	.swappable li:hover {cursor:move;}

	
/* find any film */	
	
#findanyfilm {
margin-top: -6px;	
margin-left: 8px;
}
	
	
	/* trailer maker */