/*

stylesheet for Shifty

*/



body {
width:100%; 
height:100%;
position:relative;
background: #cccc99;
margin: 0;
font-family:Arial, Helvetica, sans-serif;	
font-weight: normal;
line-height: 1.2em;
font-size: 0.9em;
}



#wrapper {
width: 955px;

margin: 0 auto 3em auto;
background: #ffffff;
text-align: left;	
position: relative;
}	


#header{
width: 955px;
height: 300px;
margin: 0 auto 0 auto;
background: #ffffff;
text-align: left;	
position: relative;

}	


#content	 {
margin: 0;
clear: both;
padding: 0 20px 20px 20px;
overflow: auto;

}

#content_spacer {
margin: 0;
float: left;
width: 1px;
height: 450px;
}

.left_col	 {
margin: 0;
width: 490px;

}





#video_player {
position: absolute;
margin: 0;

width: 410px;
top: 335px;
left: 525px;

text-align: center;
}


#footer {
clear: both;
border-top: 1px solid #cccccc;
padding: 5px;

}


/* sponsor logo links */



.ukfilmcouncil {

margin: 0;
width: 204px;
height: 49px;
background: transparent url(images/uk_film_council.gif) top left no-repeat;
float: left;

}

.metrodome {

margin: 0 0 0 3em;
width: 150px;
height: 54px;
background: transparent url(images/metrodome.gif) top left no-repeat;
float: left;

}
	


/* headings */


h2#shifty_title {

background: transparent url(/shifty/images/banner.jpg) top left no-repeat;

width: 955px;
height:300px;	
margin:0;

}	

h2#shifty_title	 a {
position: absolute;

height: 75px;
width: 340px;
top: 10px;
left: 140px;

margin: 0;

}




/* navigation */

#main_nav {
position: absolute;
margin: 15px 0 0 0;
height: 300px;
width: 410px;
top: 3px;
left: 540px;

}

#main_nav ul#test {

margin: 0;
}

#main_nav ul li {
margin: 0;
list-style: none;

}

a#teachers {
float: left;

width: 226px;
height: 20px;
margin: 0 0 7px 30px;
background: transparent url(/shifty/images/nav/teachers.gif) top left no-repeat;
}

a#introducing {
float: left;

width: 262px;
height: 20px;
margin: 7px 0 7px 20px;
background: transparent url(/shifty/images/nav/introducing.gif) top left no-repeat;
}

a#production {
float: left;

width: 339px;
height: 20px;
margin: 7px 0 7px 8px;
background: transparent url(/shifty/images/nav/production.gif) top left no-repeat;
}


a#marketing {
float: left;

width: 242px;
height: 20px;
margin: 7px 0 7px 2px;
background: transparent url(/shifty/images/nav/marketing.gif) top left no-repeat;
}


a#genre {
float: left;

width: 205px;
height: 20px;
margin: 7px 0 7px -2px;
background: transparent url(/shifty/images/nav/genre.gif) top left no-repeat;
}


	a#teachers:hover, a#introducing:hover, a#marketing:hover, a#production:hover, a#genre:hover, #main_nav a.current, #main_nav .sub_nav span.current, #main_nav .sub_nav a.current {
	background-position: 0 -20px;
	color: #000000;
	}


#main_nav ul li .sub_nav {

clear: both;
}


#main_nav ul li .sub_nav li {
margin-bottom: 0.3em;	
font-size: 1.25em;
list-style: none;
float: none;
display: block;
}



.sub_nav a {

text-decoration: none;
}



.sub_nav a:hover  {

text-decoration: underline;
}







/* general */

a {
text-decoration: underline;
color: #ab9700;
}

a:visited {
text-decoration: underline;
color: #ab9700;
}

a:hover {


text-decoration: underline;
}

img {
margin: 0;
float: right;
}


.hide {
display: none;
}


#content ul
{
margin-top: 1.5em;	
margin-left: 0;
padding-left: 0;
list-style: none;
}

#content  	li
{
padding-left: 25px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 2px;
margin-bottom: 1em;	
}






/* production */

table {
width: 490px;
padding: 0;
margin:0;
border: none;
}

th, td {

height: 1em;
width: 260px;
}

td {
height: 2em;
}

/* titles */

h2 span {
margin: 0;
display: none;	
}

#title_teachers_notes {
margin: 1em 0 0.5em 0;
width: 289px;
height: 23px;
background: transparent url(images/title_teachers_notes.gif) top left no-repeat;
display: block;

}

#title_introducing_shifty {
margin: 1em 0 0.5em 0;
width: 340px;
height: 23px;
background: transparent url(images/title_introducing_shifty.gif) top left no-repeat;
display: block;

}

#title_screening_introduction {
margin: 1em 0 0.5em 0;
width: 430px;
height: 23px;
background: transparent url(images/title_screening_introduction.gif) top left no-repeat;
display: block;

}

#title_production_context {
margin: 1em 0 0.5em 0;
width: 436px;
height: 23px;
background: transparent url(images/title_production_context.gif) top left no-repeat;
display: block;

}

#title_marketing_shifty {
margin: 1em 0 0.5em 0;
width: 309px;
height: 23px;
background: transparent url(images/title_marketing_shifty.gif) top left no-repeat;
display: block;

}


#title_shifty_and_genre {
margin: 1em 0 0.5em 0;
width: 258px;
height: 23px;
background: transparent url(images/title_shifty_and_genre.gif) top left no-repeat;
display: block;

}

#title_naming_a_genre {
margin: 1em 0 0.5em 0;
width: 277px;
height: 23px;
background: transparent url(images/title_naming_a_genre.gif) top left no-repeat;
display: block;

}


#title_question_1 {
margin: 1em 0 0.5em 0;
width: 185px;
height: 25px;
background: transparent url(images/title_question_1.gif) top left no-repeat;
display: block;

}

#title_question_2 {
margin: 1em 0 0.5em 0;
width: 188px;
height: 25px;
background: transparent url(images/title_question_2.gif) top left no-repeat;
display: block;

}


#title_question_3 {
margin: 1em 0 0.5em 0;
width: 187px;
height: 25px;
background: transparent url(images/title_question_3.gif) top left no-repeat;
display: block;

}

#title_question_4 {
margin: 1em 0 0.5em 0;
width: 187px;
height: 25px;
background: transparent url(images/title_question_4.gif) top left no-repeat;
display: block;

}

#title_question_5 {
margin: 1em 0 0.5em 0;
width: 187px;
height: 25px;
background: transparent url(images/title_question_5.gif) top left no-repeat;
display: block;

}

#title_question_6 {
margin: 1em 0 0.5em 0;
width: 187px;
height: 25px;
background: transparent url(images/title_question_6.gif) top left no-repeat;
display: block;

}

#title_question_7 {
margin: 1em 0 0.5em 0;
width: 187px;
height: 25px;
background: transparent url(images/title_question_7.gif) top left no-repeat;
display: block;

}

#title_question_8 {
margin: 1em 0 0.5em 0;
width: 187px;
height: 25px;
background: transparent url(images/title_question_8.gif) top left no-repeat;
display: block;

}