/*------------------------------------------------------------------
Project:		El Dorado
Version:		1.2
Last change:	07/24/08 Added sitecredits div
CSS author: 	Michal Bluma
Client:			Ombilicus Mundi
-------------------------------------------------------------------*/


body {
	background-repeat: no-repeat;
	background-color: #d5bb5e;
	font-size: 75%;			/*Sets base font size to 12px*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: center top;
	color: #c7c3ba;
	margin: 0;

}
#headerContainer {
	background-repeat: no-repeat;
	background-position: center 0%;
	height: 309px;
	margin: 0;
	padding: 0;
}
#header {
	position: relative;
	height: 309px;
	width: 758px;
	margin:  0 auto;
	padding: 0;
}

#content h1 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 1.5em;
	margin-bottom: 0em;
		background-color: #000;
}
#content h2 {
	font-size:1.1667em;
	line-height: 1.286em;
	margin: 1.5em 0 0 0;
	background-color: #000;
	width: 350px;
	position:relative; 
	height:65px; 
	overflow:hidden;
}

/* Title image replacement */
#content h2 em {
	display:block;
	width: 350px;
	height:65px;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#content .homenews h2 {width: 250px;}
#content .homenews h2 em {width: 250px;}



#content p {
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	background-color: #000;
}

#content ol, #content ul {
	background-color: #000;
}

#content ol li, #content ul li {
padding: 0.25em;
line-height: 1.25em;
}

#content .equiperso {		/* Used for Team and Character blocks*/
margin: 2em 0 0 0;
padding: 1px; 
}

#content .equiperso p {
margin: 0;
}

#content p + p {
	text-indent: 1em;
}


#content p em, #content p strong, #content ul em, #content ul strong {
color: #ebbe20;
/*display: inline-block;*/
}



#content p a, #content ul a, #content td a, #content li a em, #footer a, #sitecredits a   {
	text-decoration: none;
	color: #ebbe20;
	border-bottom: 1px #ebbe20 solid;
	padding: 0em 0.25em 0 0.25em;
	}
	
#content p a:hover, #content li a:hover, #content td a:hover, #content li a:hover em, #footer a:hover, #sitecredits a:hover {
	text-decoration: none;
	color: #000;
	background-color: #ebbe20;
	padding: 0em 0.25em 0 0.25em;
}


#content p .imgnobord a , #content p .imgnobord a:hover  {
border-bottom: none;
background-color: #000;
}

/* Footer*/
#footer {
	width: 700px;
	height: 4.125em;
	margin: 0 auto;
	padding: 5em 0 1em 0;
	background-color: black;
}

#footer p {
	text-align: center;
	color: #ecbe20;
	font-size: 0.75em;
	line-height: 1.5em;
	letter-spacing: 0.075em;
	background-color:#000 ;
}


#footer p.sitecreditspar {

text-align: right;
padding: 2em 0 0.25em 0.25em;
margin-right: -3em;
color: #ecbe20;
background-color: #000;
font-size: 0.75em;
}

#sitecredits img {
margin: 0;
padding: 0;
}


/*Layout*/

#container {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/interface/contentBG.jpg);
	background-position: center 25px;
	background-repeat: no-repeat;
	padding: 0;
}
#content {
	clear:both;
	zoom: 1;	/*KLUDGE: used for IE7. Italics versus disappearing image chunks */
}


.widecolumn {
	margin: 0 auto;
	width: 710px;
}


/* Homepage special styles */
#content #homeTop {
	margin: 0 0 0 0;
	clear: both;
}

#content .homefilm {
	width: 390px;
	float: left;
	overflow: hidden;
}

#content .homefilm p {margin-top:0;}
#content .homefilm p.buylink {text-indent: 0;}

#content .homenews {
	width: 290px;
	float: right;
	overflow: hidden;
}

#content ul.newsList  {
padding: 0 0 0 2em;
margin: 0;
}

#content ul.newsList li {
	list-style-position: outside;
	list-style-image: url(../images/interface/newsBullet.gif);
	padding-bottom: 1.5em;
}

#downloadtrailer {
	float: right;
	width: 205px;
	height: 275px;
	margin: 0;
	padding: 5px;
	border: 1px solid #e8bb20;
}

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

#downloadtrailer ul li{
	background-position: left center;
	padding: 0.5em 0 0.5em 30px;
	margin: 0.5em 0.5em 0.5em 0;
	background-repeat: no-repeat;
	line-height: 1.25em;
}

#downloadtrailer ul li.QTlogo{background-image: url(../images/QTlogo.gif);}
#downloadtrailer ul li.WMPlogo{background-image: url(../images/WMPlogo.gif);}
#downloadtrailer ul li.ipodlogo{background-image: url(../images/ipod_logo.jpg);}


#downloadtrailer img {
padding-right: 8px; }

#downloadtrailer p {
padding: 0 0 1em 0;
margin: 0; }


#trailerframe {
float: left;
}


/* Images and floats */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.floatright {
	padding: 0;
	margin: 4px 0 1px 14px;
	display: inline;

}
img.floatleft {
	padding: 0 ;
	margin: 3px 14px 1px 0;
	/*display: inline;*/
		position: relative;

}
.floatright {
	float: right;
}
.floatleft {
/*clear: both;*/
float: left;
}


.clear {
	clear: both;
}




.subtitle  {		/* Header Subtitle */
	position: absolute;
	left: 250px;
	top: 32px;
	width: 500px;
	height: 25px;
	color: #edbf20;
	margin: 0 0 0 0;
	padding: 0;
	text-align: right;
	z-index: 1;

}



/* Credits */
#credits table {
	width: 700px;
	margin: 0 auto;
	background-color: #000;
}
#credits table td{
	width: 330px;
	vertical-align: top;
	text-align: left;
	padding: 0.25em 0.5em 0.25em 0.5em;
	line-height: 1.5em;
}


#credits table td.tdrole {
	text-align: right;
	font-weight: bold;
}

#credits p {
margin: 0 auto;
padding: 0 0 0.5em 0;
text-align: center;
text-indent: 0;}



/*Language menu */
#langMenu {
	float: right;
	right: 0;
	top: 0;
	z-index: 50;
}
#langMenu ul {
	margin: 0;
	padding: 0.5em 0.667em 0 0;
}
#langMenu li {
	float: left;
	display: block;
}
#langMenu li a {
	position: relative;
	color: #000;
	padding: 0.25em 0.5em 0.25em 0.5em;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
}
#langMenu li a:hover, #langMenu li.currLang a:hover {
	background-color: #000;
	color: #ebbe20;
}
#langMenu li.currLang a {
	background-color: #000;
	color: #ebbe20;
	z-index: 50;
}
#langMenu li a span {
	display: none;
}
#langMenu li a:hover span, #langMenu li.currLang a:hover span {
	display: block;
	width: 160px;
	height: 1em;
	background-color: #ebbe20;
	position: absolute;
	color: #000;
/*	top: 2.25em;*/
	top: 5em;
	right: 0em;
	padding: 0.5em;
	text-align: center;
		z-index: 50;
}


/* navMenu */
#navMenu, #navMenu ul, #navMenu li, #navMenu li a, #navMenu em {
margin: 0 auto;
padding: 0;

}

#navMenu {
	height: 26px;
	width: 764px;
	font-size: 1em;
	text-align: center;

}

#navMenu a {
	text-decoration: none;
	display: block;
	line-height: 20px;
	color: #000;
}

#navMenu li a:hover, #navMenu li.currPage a:hover {
	color: #000;
	background-color: #ebbe20;
	cursor: pointer;
}
#navMenu li.currPage a {
	color: #000;
	background-color: #ebbe20;
}

#navMenu li {
	  float: left;
	  position:relative; 
	  height:26px; 
	  padding:0;
	  overflow:hidden;
  }
  
#navMenu li a em {
	display:block;
	height:26px;
	position:absolute;
	top:0;
	left:0;
  }


#navMenu ul.frmenu li a em {background-image: url(../images/menus/menu_fr.jpg);}
#navMenu ul.enmenu li a em {background-image: url(../images/menus/menu_en.jpg);}
#navMenu ul.esmenu li a em {background-image: url(../images/menus/menu_es.jpg);}

#navMenu li#menuFRaccueil, #navMenu li#menuFRaccueil em {width: 73px;}
#navMenu li#menuFRsynopsis, #navMenu li#menuFRsynopsis em {width: 88px;}
#navMenu li#menuFRrealisateur, #navMenu li#menuFRrealisateur em {width: 120px;}
#navMenu li#menuFRdemarche, #navMenu li#menuFRdemarche em {width: 105px;}
#navMenu li#menuFRequipe, #navMenu li#menuFRequipe em {width: 94px;}
#navMenu li#menuFRpersonnages, #navMenu li#menuFRpersonnages em {width: 131px;}
#navMenu li#menuFRgenerique, #navMenu li#menuFRgenerique em {width: 90px;}
#navMenu li#menuFRliens, #navMenu li#menuFRliens em {width: 63px;}
  
#navMenu li#menuFRaccueil a em {background-position: 0px 0px;}
#navMenu li#menuFRaccueil a:hover em, #navMenu li#menuFRaccueil.currPage a em{background-position: 0px 26px;}
#navMenu li#menuFRsynopsis a em {background-position: -73px 0px;}
#navMenu li#menuFRsynopsis a:hover em,#navMenu li#menuFRsynopsis.currPage a em {background-position: -73px 26px;}
#navMenu li#menuFRrealisateur a em {background-position: -161px 0px;}
#navMenu li#menuFRrealisateur a:hover em, #navMenu li#menuFRrealisateur.currPage a em {background-position: -161px 26px;}
#navMenu li#menuFRdemarche a em {background-position: -281px 0px;}
#navMenu li#menuFRdemarche a:hover em, #navMenu li#menuFRdemarche.currPage a em {background-position: -281px 26px;}
#navMenu li#menuFRequipe a em {background-position: -386px 0px;}
#navMenu li#menuFRequipe a:hover em, #navMenu li#menuFRequipe.currPage a em  {background-position: -386px 26px;}
#navMenu li#menuFRpersonnages a em {background-position: -480px 0px;}
#navMenu li#menuFRpersonnages a:hover em, #navMenu li#menuFRpersonnages.currPage a em {background-position: -480px 26px;}
#navMenu li#menuFRgenerique a em {background-position: -611px 0px;}
#navMenu li#menuFRgenerique a:hover em, #navMenu li#menuFRgenerique.currPage a em {background-position: -611px 26px;}
#navMenu li#menuFRliens a em {background-position: -701px 0px;}
#navMenu li#menuFRliens a:hover em, #navMenu li#menuFRliens.currPage a em {background-position: -701px 26px;}