* {
margin: 0;
padding: 0;
}

* img {
border: 0;
}

body {
font-family: helvetica, arial, sans-serif;
font-size: 62.5%;
}

#page-wrapper {
overflow: visible;
}

#page {
width: 90em;
margin: 0 auto;
overflow: auto;
padding: 0 1em 2em 1em;
}


/* 
lang-menu ------------------------------------------------------------------------
*/
#lang-menu {
position: relative;
margin: 3px 0 0 0;
font-weight: normal;
padding:  5px 0 0;
background: url(../img/exp-14.png) no-repeat 0 0;
}

#lang-menu #lang a {
display: inline;
padding: 0;
font-size: 95%;
text-decoration: none;
color: #000;
margin-right: .3em;
}

#lang-menu #lang a:hover,
#lang-menu #lang a:focus {
color: #ff681e;
}

#lang-menu #lang a.on,
#lang-menu #lang a.on:hover,
#lang-menu #lang a.on:focus {
border-bottom: 2px solid #ff681e;
background-image: none;
}

#lang-menu form,
#lang-menu p {
  display: inline;
}
/* 
header ------------------------------------------------------------------------
*/

#header {
position: relative;
height: 100px;
margin-bottom: 0;
padding: 0;
overflow: hidden;
margin: 2em 0 0;
}

#header h1 {
font-size: 300%;
margin: 0 0 0 6.7em;
}

#header h1 a {
display: block;
height: 0; 
padding: 60px 0 0 0;
overflow: hidden;
font-size: 150%;
width: 400px;
background: transparent url(../img/oseaf-black.png) no-repeat 0 10px;
}

.ie6 #header h1 a {
background: transparent url(../img/oseaf-black.gif) no-repeat 0 10px;
}


/* 
menu ------------------------------------------------------------------------
*/

#menu {
width: 15em;
margin: 0.2em 0 1em;
padding: 0;
float: left;
}

#menu ul {
padding: 0;
margin: 0 0 0 0;
}

#menu ul ul {
padding: 0;
margin: 0 0 1em 1em;
border-top: 0;
}

#menu ul li {
display: inline;
font-size: 115%;
text-transform: capitalize;
}

#menu ul li li {
font-size: 100%;
text-transform: capitalize;
}

#menu ul li a {
display: block;
color: #000;
font-weight: normal;
text-decoration: none;
padding: .3em 0 .1em;
margin-bottom: .2em;
}

#menu ul li a.on {
color: #000;
background: transparent url(../img/exp-9.png) no-repeat 0 bottom;
font-weight: bold;
}

#menu ul li a:hover,
#menu ul li a:focus {
color: #ff681e;
}

#menu ul ul a {
padding-left: 10px;
border-left: 1px solid #000;
padding: .2em 10px .0em;
}

#menu ul ul a.on {
background: transparent;
border-left-width: 2px;
padding-left: 9px;

}

#container {
position: relative;
}

.ie7 #container {
position: static;
}

#menu #search {
margin: 2em 0 0 0;
padding:  5px 0 2px;
background: url(../img/exp-14.png) no-repeat 0 0;
overflow: auto;
}

.ie6 #menu #search {
height: 1%;
}

#menu #advance-search {
margin: .1em 0 0 0;
padding:  3px;
background: url(../img/exp-17.png) repeat-y 0 0;
}

.ie6 #menu #advance-search {
background: url(../img/exp-17.jpg) repeat-y 0 0;
}

#menu #advance-search p a {
padding: 0;
font-size: 100%;
color: #333;
text-decoration: none;
}

.ie6 #menu #advance-search p a {
color: #666 !important;
}

#menu #search p {
border: 1px solid #000;
font-size: 110%;
float: left;
}

#menu input#searchbox {
width: 10.5em;
padding: .2em .2em;
color: #000;
vertical-align: middle;
border: 0;
font-size: 95%;
background: transparent;
}

#menu input#searchicon {
padding: .3em;
background: #000;
vertical-align: middle;
}

.ie7 #menu input#searchicon,
.ie6 #menu input#searchicon {
padding: .4em .3em .4em;
}

/* 
content ------------------------------------------------------------------------
*/

#content {
width: 70em;
float: right;
padding: 0em 0 1em 1em;
overflow: hidden;
}

#content h1 {
font-size: 150%;
padding: 0 0 2px 0;
margin-bottom: 1em;
color: #000;
background: transparent url(../img/exp-8.png) no-repeat 0 bottom;
}

#content h1 span {
font-style: italic;
}

#content p {
line-height: 1.4em;
font-size: 110%;
}

#content ul,
#content ol {
line-height: 1.4em;
font-size: 110%;
}

#content #col-left p,
#content #col-right p {
margin-bottom: 1em;
}

#content #col-left div p, 
#content #col-right div p {
margin-bottom: 0;
}

#content a {
text-decoration: underline;
color: #000;
}

#content a:hover,
#content a:focus {
color: #FF681E;
}

/* 
news ------------------------------------------------------------------------
*/

#news-container #news-highlight {
margin-bottom: 3em;
}

#news-container #news-highlight p.news-image {
width: 100%;
height: 20em;	
overflow: hidden;
}

#news-container .news-item {
margin-bottom: 2em;
height: 31em;
width: 22em;
float: left;
margin-right: 2em;
overflow: hidden;
}

.ie7 #news-container .news-item,
.ie6 #news-container .news-item {
width: 21.5em;
}

#news-container .c3 {
margin-right: 0;
}

/*#news-container .news-item:hover,
#news-container #news-highlight:hover,
#news-container .news-item:focus,
#news-container #news-highlight:focus {
background: transparent url(../img/hover.gif) no-repeat right bottom;
} */

#news-container .news-item h2,
#news-container #news-highlight h2,
#news-container #news-page h2{
font-size: 150%;
} 

#news-container .news-item a,
#news-container #news-highlight a {
text-decoration: none;
color: #000;
}

#news-container #news-highlight h2 a {
display: block;
padding-bottom: .2em;
color: #000;
}

#news-container .news-item h2 a {
display: block;
padding-top: .3em;
color: #000;
}

#news-container .news-item h2 small.date,
#news-container #news-highlight h2 small.date {
font-weight: normal;
margin-left: .5em;
font-size: 70%;
white-space: nowrap;
font-family: helvetica, arial, sans-serif;
font-style: normal;
}

#news-container .news-item p {
display: block;
padding: .5em 0;
}

#news-container #news-highlight p {
display: block;
padding: .5em 0;
font-size: 110%;
padding: .5em 4em .5em 0;
line-height: 1.4em;
}

#news-container .news-item p.news-image a,
#news-container #news-highlight p.news-image a {
display: block;
height: 10em;
overflow: hidden;
padding: 0;
}

#news-container #news-highlight p.news-image a {
height: auto;
}

#news-container #news-highlight p.news-image,
#news-container .news-item p.news-image {
border-bottom: 2px solid #000;
padding: 0;
}

#news-container #news-highlight p.news-image:hover,
#news-container .news-item p.news-image:hover {
border-bottom: 2px solid #ff681e;
}

#news-container #news-highlight img {
display: block;
}


#news-container .news-item img {
width: 22em;
display: block;
}

.ie6 #news-container .news-item img {
width: 31em;
}

#news-container .news-item,
#news-container #news-highlight {
position: relative;
}

#news-container .news-item p a.see-more,
#news-container #news-highlight p a.see-more {
position: absolute;
right: 0;
bottom: 0;
padding: .2em;
background: #fff;
}

#news-container .news-item p a.see-more:hover,
#news-container #news-highlight p a.see-more:hover {
color: #ff681e;
}

#news-container #news-page h2 {
padding-bottom: .2em;
}

#news-container #news-page h2 small.date {
font-weight: normal;
margin-left: .5em;
font-size: 70%;
white-space: nowrap;
font-family: helvetica, arial, sans-serif;
font-style: normal;
}

#news-container #news-page p.news-image {
width: 100%;
height: 20em;	
overflow: hidden;
border: 0;
padding: 0;
font-size: 110%;
}

#news-container #news-page p {
border-top: 2px solid #000;
font-size: 121%;
line-height: 1.4em;
padding: 0.5em 4em 0.5em 0;
}

#news-container #news-page .text h2 {
margin-top: .5em;
}

#news-container #news-page .text p {
border: 0;
}

/* 
films ------------------------------------------------------------------------
*/

#film-container {
overflow: visible;
padding: 0em 0 1em;
}

#film-container .film-item {
margin-bottom: 2em;
height: 20em;
overflow: hidden;
width: 16.5em;
margin-right: 1em;
float: left;
}

#film-container .c4 {
margin-right: 0;
}

#film-container .film-item:hover {
background: transparent url(../img/hover.gif) no-repeat right bottom;
}

/*#film-container .film-item:hover a{
color: #ff681e;
}*/

#film-container .film-item a {
text-decoration: none;
color: #000;
}

#film-container .film-item h2 {
font-size: 130%;
display: block;
text-transform: none;
}

#film-container .film-item h2 a {
display: block;
padding: .3em 0 0;
color: #000;
}

#film-container .film-item p {
line-height: 1.3em;
}

#film-container .film-item p a {
display: block;
padding: .4em 0 0 0;
}

#film-container .film-item p.film-image {
font-size: 100%;
}

#film-container .film-item p.film-image a {
color: #ff681e;
height: 8em;
overflow: hidden;
padding: 0;
border-bottom: 2px solid #000;
}

#film-container .film-item:hover p.film-image a {
border-bottom: 2px solid #ff681e;
}

#film-container .film-item p.film-image img {
width: 16.5em;
vertical-align: bottom;
}

#film-navigation {
width: 70em;
clear: both;
background: transparent url(../img/exp-8.png) no-repeat 0 top;
padding: 2px 0 0;
position: relative;
}

.ie6 #film-navigation  {
position: absolute;

}

#film-navigation ul {
padding: .2em 0;
margin: .2em 0;
}

#film-navigation li {
display: inline;
font-size: 100%;
text-transform: none;
}

#film-navigation a {
text-decoration: none;
color: #000;
text-transform: none;
font-weight: bold;
}

#film-navigation li#next,
#film-navigation li#back {
padding: .2em 0;
}

.ie6 #film-navigation ul li#back {
float: left;
}

.ie6 #film-navigation ul li#next {
float: righ;
}

#film-navigation li#next a {
position: absolute;
right: 0;
text-align: right;
}

#film-navigation li#back a {
position: absolute;
left: 0;
text-align: left;
}

#film-navigation li a:hover,
#film-navigation li#search-navigation a:hover,
#film-navigation li a:focus,
#film-navigation li#search-navigation a:focus {
color: #ff681e;
}

#film-navigation li#search-navigation {
text-align: center;
width: 100%;
float: left;
padding: 0;
}

#film-navigation li#search-navigation ul {
display: inline;
padding: 0;
}

#film-navigation li#search-navigation ul li {
padding: .2em 0;
margin: 0 .1em;
}

#film-navigation li#search-navigation ul li a {
text-decoration: underline;
display: inline;
padding: .1em .2em;
}

#film-navigation li#search-navigation ul li a.current {
background: #ddd;
color: #ff681e;
}


/* 
individual film page ------------------------------------------------------------------------
*/

#container,
#news-container,
#film-container {
clear: both;
}


#container div h5 {
font-size: 105%;
}

#container #col-left {
width: 35em;
float: left;
}

#container #col-right {
width: 35em;
float: right;
}

.ie7 #container #col-right,
.ie7 #container #col-left {
width: 34em;
}

.ie6 #container #col-right,
.ie6 #container #col-left {
width: 33em;
}

#container #col-left div {
margin: 0 0 1em 0;
padding: 0px 10px 5px 0;
}

#container #col-right div {
margin: 0 0 1em 0;
padding: 0px 0 5px 10px;
}

#container #col-left h3,
#container #col-right h3 {
margin: 15px 0 5px 0;
font-size: 130%;
color: #444;
}

#container #col-left h3:first-child,
#container #col-right h3:first-child {
margin-top: 0;
}

#container #col-left div ul li,
#container #col-right div ul li {
list-style-type: none;
}

#container #col-left div ul li a,
#container #col-right div ul li a {
color: #000;
text-decoration: underline;
}

#container #col-left div ul li a:hover,
#container #col-right div ul li a:hover,
#container #col-left div ul li a:focus,
#container #col-right div ul li a:focus {
color: #ff681e;
text-decoration: underline;
}

#container #col-left div p span.separator,
#container #col-right div p span.separator {
font-size: 135%;
line-height: .5em;
color: #ff681e;
}

#container #col-left div ul.video-links,
#container #col-right div ul.video-links {
overflow: auto;
}

.ie6 #container #col-left div ul.video-links,
.ie6 #container #col-right div ul.video-links {
height: 1%;
}

#container #col-left div ul.video-links li,
#container #col-right div ul.video-links li {
position: relative;
width: 100px;
float: left;
background: #000;
margin: 0 .5em .5em 0;
height: 68px;
}

.ie6 #container #col-left div ul.video-links li,
.ie6 #container #col-right div ul.video-links li {
position: static;
}

#container #col-left div ul.video-links li img,
#container #col-right div ul.video-links li img {
position: absolute;
top: 0;
left: 0;
}

.ie6 #container #col-left div ul.video-links li img,
.ie6 #container #col-right div ul.video-links li img {
position: static;
}

#container #col-left div ul.video-links li span,
#container #col-right div ul.video-links li span {
position: absolute;
bottom: 0;
opacity: .8;
background: #fff;
padding: .2em .5em;
}

.ie6 #container #col-left div ul.video-links li span,
.ie6 #container #col-right div ul.video-links li span {
position: static;
background: #000;
color: #FF681E;
}

#container #col-left div ul.video-links li a:hover span,
#container #col-right div ul.video-links li a:hover span,
#container #col-left div ul.video-links li a:focus span,
#container #col-right div ul.video-links li a:focus span {
opacity: 1;
}

#container div ul#supporters img {
display: block;
margin: 2px 0 10px;
width: auto;
}

#container div ul.sound-links li {
display: block;
margin: 0 0 2px 0;
padding: 2px 0;
}

#container div ul.sound-links li a.dbj_sound span {
width: 13px;
height: 13px;
float: left;
margin: 1px 2px 0 0;
}

#container div ul.sound-links li a.dbj_sound button{
background: transparent none no-repeat;
border: 0;
display: inline;
margin: 0;
padding: 0;
}

#container div ul.sound-links li a.dbj_sound:hover button {
color: #ff681e;
}

#container div ul.sound-links li a.dbj_sound span.dbj_off {
background: #000 url(../img/play.gif) no-repeat center center;
}

#container div ul.sound-links li a.dbj_sound:hover span.dbj_off {
background: #ff681e url(../img/play.gif) no-repeat center center;
}

#container div ul.sound-links li a.dbj_sound span.dbj_on {
background: #000 url(../img/pause.gif) no-repeat center center;
}

#container div ul.sound-links li a.dbj_sound:hover span.dbj_on {
background: #ff681e url(../img/pause.gif) no-repeat center center;
}

#container div ul.sound-links li span {
vertical-align: 4px;
margin-left: .2em;
}

#container div ul.sound-links li a.download-button {
margin-left: .5em;
}

#container div ul.sound-links li a.download-button img {
vertical-align: sub;
}

#container #col-left p.directors-photo {
float:left; 
height: 100px;
width: 100px; 
margin: 0 10px 5px 0; 
overflow: hidden; 
border-right: 2px solid #ff6d25;
}

#container #col-left .filmography {
clear: left;
}

#container div ul.files-links li {
margin-bottom: .2em;
}

#container div ul.files-links li a {
font-weight: bold;
}


/* 
static content ------------------------------------------------------------------------
*/

#container h4 {
margin: 20px 0 2px 0;
font-size: 115%;
}

#container #col-left h4:first-child {
margin-top: 0;
}

#container #col-left div.success h3,
#container #col-left div h3.message-heading {
font-size: 125%;
margin-bottom: 1em;
background: #ff6d25;
padding: .2em;
color: #fff;
}

#container #col-left div.success p {
margin-bottom: .4em;
line-height: 1.4em;
}



/* 
restricted access ------------------------------------------------------------------------
*/

#container #col-left form {
margin: 10px 0;
padding: 1em 0 0 0;
border-top: 1px solid #000;
}

#container #col-left form p {
margin: 0 0 6px 0;
overflow: auto;
padding: 0 0 .5em;
padding: 2px 6px;
}

#container #col-left a {
color: #000;
text-decoration: underline;
}

#container #col-left a:hover,
#container #col-left a:focus {
color: #ff681e;
text-decoration: underline;
}

#container #col-left form label {
display: block;
float: left;
margin-right: .5em;
width: 9em;
text-align: right;
}

#container #col-left form p input#id_username,
#container #col-left form p input#id_email,
#container #col-left form p input#id_password1,
#container #col-left form p input#id_password2,
#container #col-left form p input#id_password,
#container #col-left form p input#id_name,
#container #col-left form p input#id_company, 
#container #col-left form p input#id_position,
#container #col-left form p input#id_old_password,
#container #col-left form p input#id_new_password1,
#container #col-left form p input#id_new_password2 {
border: 1px solid #000;
padding: .1em .2em;
width: 10em;
}

#container #col-left form p select#id_country {
border: 1px solid #000;
width: 15em;
padding: .1em .2em;

}

#container #col-left form p input#retype-pass {
margin-top: .6em;
}

#container #col-left form p.submit {
margin: 0;
padding: 2em 0 0 10em;
overflow: visible;
border-top: 1px solid #000;
text-align: right;
}

#container #col-left form p input#submit-button {
border: 1px solid #333;
background: #000;
color: #fff;
font-weight: bold;
font-size: 90%;
padding: .5em 1em;
}

#container #col-left p.if-no-account {
margin-bottom: 2em;
font-weight: bold;
}

#container #col-left p.error-field {
background: #fff url(../img/error-big.gif) no-repeat 24.5em center;
}

#container #col-left form p.error-field input#name,
#container #col-left form p.error-field input#email,
#container #col-left form p.error-field input#password,
#container #col-left form p.error-field input#retype-pass,
#container #col-left form p.error-field input#company {
border: 1px solid #d43030;
}

#container #col-left p.error-message {
color: #d43030;
margin: .1em 0 .4em 10em;
padding: 0;
font-weight: bold;
}

#container #col-left p.error {
color: #d43030;
margin: .1em 0 .4em 0;
font-weight: bold;
}



#col-right div p.image span.image-count {
display: none;
visibility: hidden;
}

#col-right div p.image:hover span.image-count {
display: block;
visibility: visible;
color: #333;
background: #fff;
text-align: center;
position: absolute;
bottom: 5em;
opacity: .8;
background: #fff url(../img/play-images.png) no-repeat center .4em;
padding: 2.4em .2em .2em .2em;
left: 12em;
right: 12em;
}

#col-right div p.image {
position: relative;
}

.ie6 #col-right div p.image {
position: static;
}

/*
home
------------------------------------------------------------------------
*/

.home #menu #search {
background-image:  url(../img/exp-13.png);
}

.home #lang-menu {
background-image: url(../img/exp-13.png);
}

.home #header h1 a {
background: transparent url(../img/oseaf-white.png) no-repeat 0 10px;
}

.ie6 .home #header h1 a {
background: transparent url(../img/oseaf-white.gif) no-repeat 0 10px;
}

#home-content {
background: #fff;
padding: 1em;
}

#home-content h2 {
font-size: 150%;
margin-bottom: 1em;
padding:0 0 2px;
background: transparent url(../img/exp-8.png) no-repeat 0 bottom;
}

#home-content p {
font-size: 121%;
line-height: 1.4em;
padding: 0 5em .5em 0;
}

#home-content p a {
color: #000;
}

#home-content p a:hover,
#home-content p a:focus {
color: #FF681E;
}

/*
error pages - 500, 404
------------------------------------------------------------------------
*/

#container #full-col p {
font-size: 150%;
line-height: 1.4em;
margin-bottom: .2em;
font-weight: bold;
}

#container #full-col p:first-child {
margin-top: 2em;
}

#container #full-col p small {
font-size: 80%;
}

#container #full-col p#english-error {
margin-top: 2em;
}


#container #full-col a {
color: #000;
}

#container #full-col a:hover,
#container #full-col a:focus {
color: #ff681e;
}

#content h1.error-title {
padding: 0 0 6px 0;
background: transparent url(../img/error2.png) no-repeat 0 bottom;
}

#content div.error-page {
padding: 0 0 2.4em 0;
background: transparent url(../img/error3.png) no-repeat 0 bottom;
}


/*
search results
------------------------------------------------------------------------
*/

#container #full-col dl {
line-height: 1.4em;
}

#container #full-col dl strong {
font-weight: bold;
}

#container #full-col dd {
margin-bottom: 4px;
font-size: 130%;
}

#container #full-col dd strong {
color: #ff6d25;
}

#container #full-col dt {
margin-bottom: 15px;
font-size: 100%;
}

/*
advanced search
------------------------------------------------------------------------
*/

#container #full-col p.message {
font-size: 100%;
font-weight: normal;
line-height: 1.4em;
margin: .2em 0 2.5em;
color: #333;
}

#container #full-col p.message a {
font-weight: bold;
color: #333;
}

#container #full-col form p {
background-color: #eee;
padding: .2em .2em 1em 0;
font-size: 100%;
font-weight: normal;
margin: 0;
}

.ie6 #container #full-col form p {
height: 1%;
}

#container #full-col form p:first-child {
padding-top: 1.2em;
}

#container #full-col form p:last-child {
padding-bottom: 1.5em;
}

#container #full-col form label {
display: block;
float: left;
margin-right: .5em;
padding: .3em 0 0 0;
width: 10em;
text-align: right;
}

#container #full-col form p input#id_title {
border: 1px solid #666;
padding: .1em .2em;
width: 16em;
}

#container #full-col form p select#id_year,
#container #full-col form p select#id_director {
padding: .1em .2em;
border: 1px solid #666;

}

#container #full-col form p.submit {
margin: 0;
width: auto;
padding: .8em 0 2.5em 11em;
overflow: visible;
text-align: left;
background: #fff;
border-top: 1px solid #ddd;
}

#container #full-col form p input#submit-search {
border: 1px solid #333;
background: #000;
color: #fff;
font-weight: bold;
font-size: 90%;
padding: .5em 1em;
}

#lightview h3 {
margin: 0;
}