/********************************************************************
		GENERAL RULES
********************************************************************/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body
{
	margin-top:0px;
	margin-left:0px;
	background: #292A2C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #DCAB3C; /* yellow */
	font-size: 12px;
}

a:link {
	text-decoration: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #DCAB3C; /* yellow */
}

a:visited {
	color: #fff;
}

a:focus, a:hover {
	color: #fff;
	text-decoration: none;
}


/********************************************************************
		LAYOUT STUFF
********************************************************************/
#shell
{
	position:relative;/*stacking context*/ 
	width:785px;
	height:auto;
	background: #292A2C url("../img/filmroll_background.jpg") no-repeat;
	text-align:left;
}
#content{
	width: 785px; 
}


#header
{
	margin: 0 0 0 0;
	width: 625px;
	height: 200px;
}
#header p
{
	width: 625px;
	height: 200px;
}
#header p img
{
	padding-top: 40px;
	padding-left: 45px;
}

#header p.home
{
	background: #292A2C url("../img/grille_01.jpg") no-repeat;
}
#header p.films
{
	background: #292A2C url("../img/grille_films.jpg") no-repeat;
}
#header p.activities
{
	background: #292A2C url("../img/grille_03.jpg") no-repeat;
}
#header p.personnel
{
	background: #292A2C url("../img/grille_personnel.jpg") no-repeat;
}
#header p.company
{
	background: #292A2C url("../img/grille_05.jpg") no-repeat;
}
#header p.partners
{
	background: #292A2C url("../img/grille_06.jpg") no-repeat;
}
#header p.client
{
	background: #292A2C url("../img/grille_07.jpg") no-repeat;
}
#header p.contact
{
	background: #292A2C url("../img/grille_08.jpg") no-repeat;
}

#latest-news
{
	margin: -163px 0 0 627px;
	width: 135px;
	height: 152px;
	color: #fff;
	background: #3A3B3D;
}
#latest-news h1
{
	background: #3A3B3D url("../img/news_title.gif") no-repeat;
/*	text-indent: -9999px; */
	width: 135px;
	height: 17px;
	font-size: 0.8em;
}
#latest-news h1 i{
	display: none;
}

#latest-news h2
{
	font-size: 14px;
	text-align: left;
}
#latest-news p
{
	padding: 8px 4px 20px 4px;
	text-align: justify;
	background: #3A3B3D;
	font-size: 12px;
}
#latest-news a {
	display: block;
	position: absolute;
	top: 172px; /* = 152 - 17 + 37 */
	background: url("../img/news_link.gif") no-repeat;
/*	text-indent: -9999px; */
	width: 135px;
	height: 17px;
}
#latest-news a i{
	display: none;
}

#latest-news a:hover {
	background: url("../img/news_link-on.gif") no-repeat;
}


/********************************************************************
		NAVIGATION
********************************************************************/

#main-menu
{
	color: #D40000;
	margin: 0 0px 0 0px;
	width: 785px;
	height: 22px;
}

ul#main-nav {
	float: left;
	list-style-type: none;
	padding-right: 6px;
}

ul#main-nav li {
	display: block;
	float: left;
	text-align: center;
	font-size: 0.8em;
}

ul#main-nav li a {
	display: block;
/*	text-indent: -9999px; */
	text-decoration: none;
	height: 25px;
}
ul#main-nav li a i{
	display: none;
}

ul#main-nav li.films a {
	background: url("../img/btn_films.gif") no-repeat;
	width: 87px;
}

ul#main-nav li.films a:hover {
	background: url("../img/btn_films-on.gif") no-repeat;
}

ul#main-nav li.activities a {
	background: url("../img/btn_activities.gif") no-repeat;
	width: 166px;
}

ul#main-nav li.activities a:hover {
	background: url("../img/btn_activities-on.gif") no-repeat;
}

ul#main-nav li.personnel a {
	background: url("../img/btn_personnel.gif") no-repeat;
	width: 141px;
}

ul#main-nav li.personnel a:hover {
	background: url("../img/btn_personnel-on.gif") no-repeat;
}

ul#main-nav li.company a {
	background: url("../img/btn_company.gif") no-repeat;
	width: 152px;
}

ul#main-nav li.company a:hover {
	background: url("../img/btn_company-on.gif") no-repeat;
}

ul#main-nav li.partners a {
	background: url("../img/btn_partners.gif") no-repeat;
	width: 151px;
}

ul#main-nav li.partners a:hover {
	background: url("../img/btn_partners-on.gif") no-repeat;
}

/* *********** */


#second-menu
{
	margin: 0 0 0 0;
	width: 785px;
	height: 26px;
	background: #7C0103;
}
#second-menu-films
{
	margin: 0 0 0 0;
	width: 785px;
	height: 26px;
	background: #7C0103 url("../img/section_title_films.gif") no-repeat center left;
}
#second-menu-activities
{
	margin: 0 0 0 0;
	width: 785px;
	height: 26px;
	background: #7C0103 url("../img/section_title_activities.gif") no-repeat center left;
}
#second-menu-partners
{
	margin: 0 0 0 0;
	width: 785px;
	height: 26px;
	background: #7C0103 url("../img/section_title_partners.gif") no-repeat center left;
}
#second-menu-client
{
	margin: 0 0 0 0;
	width: 785px;
	height: 26px;
	background: #7C0103 url("../img/section_title_client.gif") no-repeat center left;
}
#second-menu-contact
{
	margin: 0 0 0 0;
	width: 785px;
	height: 26px;
	background: #7C0103 url("../img/section_title_contact.gif") no-repeat center left;
}
#second-menu-personnel
{
	margin: 0 0 0 0;
	width: 785px;
	height: 26px;
	background: #7C0103 url("../img/section_title_personnel.gif") no-repeat center left;
}
#second-menu-company
{
	margin: 0 0 0 0;
	width: 785px;
	height: 26px;
	background: #7C0103 url("../img/section_title_company.gif") no-repeat center left;
}

ul#second-nav {
	float: right;
	list-style-type: none;
	padding-right: 6px;
}

ul#second-nav li {
	display: block;
	float: left;
	text-align: center;
	font-size: 0.8em;
}

ul#second-nav li a {
	display: block;
/*	text-indent: -9999px; */
	text-decoration: none;
	height: 25px;
	margin-top: -4px;
}
ul#second-nav li a i{
	display: none;
}

/* hacks \*/
* html ul#second-nav li a {margin-top: -2px;}
/* end hacks */

ul#second-nav li.contact a {
	background: url("../img/btn_contact.gif") no-repeat;
	width: 69px;
	padding-right: 15px;
}

ul#second-nav li.contact a:hover {
	background: url("../img/btn_contact-on.gif") no-repeat;
}

ul#second-nav li.client a {
	background: url("../img/btn_client.gif") no-repeat;
	width: 93px;
	padding-right: 28px;
}

ul#second-nav li.client a:hover {
	background: url("../img/btn_client-on.gif") no-repeat;
}

/********************************************************************
		FRONT PAGE sections LIST
********************************************************************/
#main-content
{
	width: 785px;
	height: auto;
	padding: 15px 0 0 0;
	text-align: left;
}

#section-menu {
	float: left;
	width: 240px;
	height: auto;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #DCAB3C; /* yellow */
}
#address {
	width: 240px;
	height: 180px;
	margin-top: 40px;
}

ul#section-menu-nav {
	list-style-type: none;
	text-align: right;
}
*>html ul#section-menu-nav {
	list-style-type: none;
	text-align: right;
/*	padding-right: 30px; */
	}

ul#section-menu-nav li{
	margin-top: 3px;
}

ul#section-menu-nav li a {
	display: block;
	text-decoration: none;
	background: url("../img/smn_link.gif") no-repeat center right;
}

ul#section-menu-nav li a:hover{
	background: url("../img/smn_link_sel.gif") no-repeat center right;
}
ul#section-menu-nav li a.selected{
	background: url("../img/smn_link_sel.gif") no-repeat center right;
}
ul#section-menu-nav li a.selected:hover{
	background: url("../img/smn_link.gif") no-repeat center right;
}

#section-menu p {
	margin-top: 5px;
}



ul#section-menu-nav-personnel {
	margin-top: 150px;
	list-style-type: none;
	text-align: right;
}

ul#section-menu-nav-personnel li{
	margin-top: 3px;
	
}
ul#section-menu-nav-personnel li a{
	text-decoration: none;
	padding-right: 30px;
	background: url("../img/smn_link.gif") no-repeat center right;
}
ul#section-menu-nav-personnel li a:hover{
	background: url("../img/smn_link_sel.gif") no-repeat center right;
}
ul#section-menu-nav-personnel li a.selected{
	background: url("../img/smn_link_sel.gif") no-repeat center right;
}
ul#section-menu-nav-personnel li a.selected:hover{
	background: url("../img/smn_link.gif") no-repeat center right;
}

#section-menu h1 {
	font-size: 1.6em;
	margin: 0;
}

#section-menu h2 {
	color: #DCAB3C;
	font-size: 1.2em;
	margin: 0;
}

#section-menu p {
	font-size: 0.9em;
	margin: 0;
}


/********************************************************************
		section-main
********************************************************************/

#section-main {
	margin-left: 240px;
}

/********************************************************************
		CLIENT
********************************************************************/
#client-description {
	margin: 30px 0px 0px 0px;
}
#client-description h1 {
	position:absolute;
	left: 240px;
	top: 284px;
	display: block;
	width: 120px;
	height: 20px;
	background: url("../img/client/client_title_login.gif") no-repeat center left;
}
#client-description h1 i {
	display: none;
}

#client-description form {
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	width: 522px;
	text-align: left;
	height: 94px;
	background: url("../img/client/client_background.gif") no-repeat left bottom;
}
#client-description form input {
	border: none;
	background: #292A2C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	color: #FBCB4B;
	width: 134px;
}
#client-description form input.login_input {
	position:absolute;
	left: 339px;
	top: 311px;
}
#client-description form input.password_input {
	position:absolute;
	left: 339px;
	top: 332px;
}
#client-description form img.login_label {
	position:absolute;
	left: 265px;
	top: 306px;
}
#client-description form img.password_label {
	position:absolute;
	left: 265px;
	top: 324px;
}
#client-description form a {
	position:absolute;
	top: 307px;
	left: 481px;
	display: block;
	background:  #676869 url("../img/client/client_btn_enter.gif") center right no-repeat;
	width: 111px;
	height: 50px;
}
#client-description form a i{
	display: none;
}

#client-description form a:hover {
	background:  #676869 url("../img/client/client_btn_enter-on.gif") center right no-repeat;
}

/********************************************************************
		CONTACT
********************************************************************/
#contact-description {
	margin: 50px 0px 20px 0px;
}
#contact-description p {
	margin: 0px 0px 0px 6px;
	color: #FBCB4B;
	font-size: 11px;
	width: 475px;
	text-align: justify;
}
#contact-description p strong {
	font-size: 16px;
	color: white;
}

#contact-description img {
	margin-top: 30px;
	margin-bottom: 30px;
}

ul#contact-links {
	list-style-type: none;
	display: block;
	height: 40px;
	width: 500px;
}
ul#contact-links li{
	margin: 0px;
}
ul#contact-links li a {
	display: block;
	height: 40px;
	margin-left: 350px;
}
ul#contact-links li a i{
	display: none;
}
ul#contact-links li a.sendemail {
	margin-top: 0px;
	background: url("../img/contact/btn_sendemail.gif") no-repeat center left;
}
ul#contact-links li a.sendemail:hover {
	background: url("../img/contact/btn_sendemail-on.gif") no-repeat center left;
}

/********************************************************************
		PARTNERS
********************************************************************/
#partners-description {
	margin: 50px 0px 20px 0px;
}
#partners-description p {
	margin: 0px 0px 0px 6px;
	color: #FBCB4B;
	font-size: 11px;
	width: 475px;
	text-align: justify;
}
#partners-description h1 {
	margin: 0px 0px 10px -12px;
	display: block;
	width: 120px;
	height: 20px;
	background: url("../img/partners/partners_title_partners.gif") no-repeat center left;
}
#partners-description h1 i {
	display: none;
}

ul#partners-links {
	list-style-type: none;
	margin: 50px 0px 50px 40px;
}
ul#partners-links li{
	margin: 20px 0px 0px 0px;
}
ul#partners-links li img {
	padding-right: 0px;
}
ul#partners-links li p {
	margin: 0px 0px 0px 0px;
	padding-left: 35px;
	color: #fff;
	font-size: 11px;
	width: 455px;
	text-align: justify;
}
ul#partners-links li h1 {
	margin: 10px 0px 0px 0px;
	padding-left: 35px;
	padding-bottom: 5px;
	color: #fff;
	font-size: 15px;
	text-align: left;
}
ul#partners-links li a {
	display: block;
	height: 40px;
	margin-top: -40px;
	margin-left: 350px;
	background: url("../img/partners/partners_btn_view.gif") no-repeat center left;
}
ul#partners-links li a i{
	display: none;
}
ul#partners-links li a:hover {
	background: url("../img/partners/partners_btn_view-on.gif") no-repeat center left;
}


/********************************************************************
		COMPANY
********************************************************************/

#company-description {
	margin: 50px 0px 20px 0px;
}
#company-description p {
	margin: 0px 0px 0px 6px;
	color: #FBCB4B;
	font-size: 11px;
	width: 475px;
	text-align: justify;
}
#company-description h1 {
	margin: 0px 0px 10px 0px;
	display: block;
	width: 120px;
	height: 20px;
	background: url("../img/company/company_title_history.gif") no-repeat center left;
}
/* hacks \*/
* html #company-description h1 {margin-left: -12px;}
/* end hacks */


#company-description h1 i {
	display: none;
}

ul#company-links {
	list-style-type: none;
	margin-top: 50px;
	margin-left: 375px;
}
ul#company-links li{
	margin: 0px;
}
ul#company-links li a {
	display: block;
	height: 40px;
}
ul#company-links li a i{
	display: none;
}
ul#company-links li a.download {
	margin-top: -80px;
	background: url("../img/company/company_btn_download.gif") no-repeat center left;
}
ul#company-links li a.download:hover {
	background: url("../img/company/company_btn_download-on.gif") no-repeat center left;
}
ul#company-links li a.sendemail {
	margin-top: 40px;
	background: url("../img/company/company_btn_sendemail.gif") no-repeat center left;
}
ul#company-links li a.sendemail:hover {
	background: url("../img/company/company_btn_sendemail-on.gif") no-repeat center left;
}


/********************************************************************
		ACTIVITIES
********************************************************************/
ul#activities-menu-nav {
	list-style-type: none;
	text-align: left;
}
ul#activities-menu-nav li{
	margin-top: 0px;
}
ul#activities-menu-nav li a {
	display: block;
	width: 153px;
	height: 17px;
	color: #292A2C;
	background: url("../img/activities/activities_btn_activities.gif") no-repeat center left;
}

ul#activities-menu-nav li a.activities {
	text-indent: -9999px; 
	background: url("../img/activities/activities_btn_activities.gif") no-repeat center left;
}
ul#activities-menu-nav li a.activities:hover{
	background: url("../img/activities/activities_btn_activitie-on.gif") no-repeat center left;
}
ul#activities-menu-nav li a.news {
	text-indent: -9999px; 
	background: url("../img/activities/activities_btn_news.gif") no-repeat center left;
}
ul#activities-menu-nav li a.news:hover{
	background: url("../img/activities/activities_btn_news-on.gif") no-repeat center left;
}
ul#activities-menu-nav li.blank {
	width: 153px;
	height: 17px;
	background: url("../img/activities/activities_btn_blank.gif") no-repeat center left;
}
ul#activities-menu-nav li i {
	display: none;
}

#activities-description {
	margin-top: 50px;
	margin-left: 50px;
	padding-right: 50px;
	text-align: justify;
}

#activities-production {
	margin: 0px 0px 20px 0px;
}
#activities-production p {
	margin: 0px 0px 0px 6px;
	color: #FBCB4B;
	font-size: 11px;
}
#activities-production h1 {
	margin: 0px 0px 10px -10px;
	display: block;
	width: 120px;
	height: 20px;
	background: url("../img/activities/activities_title_production.gif") no-repeat center left;
}
#activities-production h1 i {
	display: none;
}

#activities-preproduction {
	margin: 0px 0px 20px 0px;
}
#activities-preproduction p {
	margin: 0px 0px 0px 6px;
	color: #FBCB4B;
	font-size: 11px;
}
#activities-preproduction h1 {
	margin: 0px 0px 10px -12px;
	display: block;
	width: 120px;
	height: 20px;
	background: url("../img/activities/activities_title_preproduct.gif") no-repeat center left;
}
#activities-preproduction h1 i {
	display: none;
}

div.newsbox {
	margin-top: 50px;
	padding: 5px 10px 15px 10px;
	background: #583D4D;
	color: white;
	font-size: 11px;
}
img.newsbox {
	float: left;
	margin: -20px 0px 0px -62px;
}
a.newsbox {
	display: block;
	margin-left: -2px;
	padding-left: 386px;
	background:  #583D4D url("../img/activities/activities_news_link.gif") center right no-repeat;
	width: 58px;
	height: 13px;
}
a.newsbox i{
	display: none;
}

a.newsbox:hover {
	background:  #583D4D url("../img/activities/activities_news_link-on.gif") center right no-repeat;
}

div.projectsbox {
	margin-top: 50px;
	padding: 5px 10px 15px 10px;
	background: #1E3A53;
	color: white;
	font-size: 11px;
}
img.projectsbox {
	float: left;
	margin: -20px 0px 0px -62px;
}

a.projectsbox {
	display: block;
	margin-left: -3px;
	padding-left: 386px;
	background:  #1E3A53 url("../img/activities/activities_news_link.gif") center right no-repeat;
	width: 58px;
	height: 13px;
}
a.projectsbox i{
	display: none;
}

a.projectsbox:hover {
	background:  #1E3A53 url("../img/activities/activities_news_link-on.gif") center right no-repeat;
}


/********************************************************************
		PERSONNEL
********************************************************************/
#personnel-photo {
	float: left;
	margin-top: -40px;
	margin-left: -100px;
}
/* hacks \*/
* html #personnel-photo {
	margin-top: 0px;
	margin-left: -100px;
	}
/* end hacks */
#personnel-description {
	margin-top: 50px;
}
#personnel-description p {
	width: 350px;
	text-align: justify;
}
#personnel-description p strong {
	font-size: 16px;
	color: white;
}

ul#personnel-links {
	list-style-type: none;
	position: absolute;
	top: 310px;
	left: 627px;
	width: 158px;
	float: right;
}
ul#personnel-links li{
	margin: 0px;
}
ul#personnel-links li a {
	display: block;
	height: 40px;
}
ul#personnel-links li a i{
	display: none;
}
ul#personnel-links li a.download {
	margin-top: -80px;
	background: url("../img/personnel/btn_download_cv.gif") no-repeat center left;
}
ul#personnel-links li a.download:hover {
	background: url("../img/personnel/btn_download_cv-on.gif") no-repeat center left;
}
ul#personnel-links li a.sendemail {
	margin-top: 40px;
	background: url("../img/personnel/btn_sendemail_cv.gif") no-repeat center left;
}
ul#personnel-links li a.sendemail:hover {
	background: url("../img/personnel/btn_sendemail_cv-on.gif") no-repeat center left;
}

/*

ul#personnel-menu-nav {
	list-style-type: none;
	text-align: left;
	margin-left: 10px;
}
ul#personnel-menu-nav li{
	margin-top: 0px;
}
ul#personnel-menu-nav li a {
	text-decoration: none;
	display: block;
	color: #292A2C;
	font-size: 14px;
	padding-left: 17px;
	background: url("../img/personnel/personnel_no_square.gif") no-repeat center left;
}

ul#personnel-menu-nav li a.person1 {
	text-indent: -9999px; 
	background: url("../img/personnel/personnel_person1.gif") no-repeat center left;
}

ul#personnel-menu-nav li a.person1:hover{
	background: url("../img/personnel/personnel_person1-on.gif") no-repeat center left;
}
ul#personnel-menu-nav li a.person1.selected{
	background: url("../img/personnel/personnel_person1_sel.gif") no-repeat center left;
}

ul#personnel-menu-nav li a.person1.selected:hover{
	background: url("../img/personnel/personnel_person1-on.gif") no-repeat center left;
}
*/

/********************************************************************
		FILMS
********************************************************************/

#films-header {
	height: 156px;
	background: #292A2C url("../img/films/film_header_background.gif") no-repeat center right;
	padding-left: 100px;
}
#films-header img.header {
	float: right;
	margin-right: 25px;
}
#films-header table {
	float: left;
	list-style-type: none;
	text-align: left;
}

#films-header table td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#films-header table td.header_label {
	width: 100px;
	vertical-align: top;
}
#films-header table td.header_title {
	font-size: 12pt;
	color: white;
	width: 140px;
	padding-left: 6px;
}
#films-header table td.header_normal {
	font-size: 12pt;
	color: #ccc;
	width: 140px;
	padding-top: 6px;
	padding-left: 6px;
}


#films-details {
	background: #292A2C;
	height: 400px;
}
#films-details table {
	float: left;
	list-style-type: none;
	text-align: left;
}

#films-details table tr {
	padding-bottom: 6px;
}
#films-details table td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#films-details table td.film_details_label {
	width: 131px;
	vertical-align: top;
}
#films-details table td.film_details_normal {
	font-size: 11px;
	color: #fff;
	width: 415px;
	padding-top: 0px;
	padding-left: 6px;
	padding-bottom: 10px;
}
#films-details table td.header_print {
	width: 131px;
	vertical-align: top;
}
#films-details table td.header_print a{
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 18px;
	background: #292A2C url("../img/films/film_btn_print.gif") no-repeat center right;
}
#films-details table td.header_print a:hover{
	background: #292A2C url("../img/films/film_btn_print-on.gif") no-repeat center right;
}





/********************************************************************
		FOOTER
********************************************************************/

#footer {
	clear: both;
	margin-top: 50px;
	margin-bottom: 0px;
/*	position: relative; */
	width= 785px;
	height: 12px;
	vertical-align: bottom;
	background: url(../img/footer_opaque_bgd.gif) no-repeat;
}

/*
#footer img {
	float: left;
	width: 785px;
	height: 7px;
	opacity: .8;
	moz-opacity:.8;
	filter: alpha(opacity=77);
	margin-top: -17px;
}
*/

ul#footer-nav {
	margin-top: -3px;
	float: right;
	list-style-type: none;
}

ul#footer-nav li {
	display: block;
	float: left;
	text-align: center;
	font-size: 0.8em;
}

ul#footer-nav li a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 12px;
}

ul#footer-nav li.credits a {
	background: url(../img/footer_credits.gif) no-repeat;
	width: 111px;
	padding-right: 100px;
	margin-top: 2px;
}

ul#footer-nav li.credits a:hover {
	background: url(../img/footer_credits-on.gif) no-repeat;
}

ul#footer-nav li.copyright a {
	background: url(../img/footer_copyright.gif) no-repeat;
	width: 76px;
	padding-right: 72px;
}

ul#footer-nav li.copyright a:hover {
	background: url(../img/footer_copyright-on.gif) no-repeat;
}

ul#footer-nav li.tos a {
	background: url(../img/footer_tos.gif) no-repeat;
	width: 77px;
	padding-right: 50px;
}

ul#footer-nav li.tos a:hover {
	background: url(../img/footer_tos-on.gif) no-repeat;
}




#homeZone {
	position: absolute;
	width: 780px;
	margin-left: 0;
	left: 0;
	margin-top: 0;
	top: 0;
}