/*---

Orbimetal.com // CSS Global
Auteur : Arteca Design inc.
Derniere revision : 12 Mai 2008

	1.	Structure
	2.	Header
	3.	Menu principal	
	4.	Zone de contenu
	5.	Footer
	
Notes: 

---*/

body {
	font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	background-color: #6E7E8D;
	font-size: 11px;
	background: url("../img/temp/bg_main.gif") repeat-x 0 110% #6E7E8D;
}

/* 
.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}
*/

h1, h2, h3 {
	padding: 0;
	margin: 0;
}

/* ---------------------------------------- */
/* 1. Styles pour la structure				*/
/* ---------------------------------------- */

#horizon {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	/*
	border-top: 1px solid #4D5862;
	background-color: #8B98A4;
	*/
	}
	
#container {
	margin-left: -385px;
	position: absolute;
	left: 50%;
	width: 770px;
	height: 460px;
	visibility: visible;
	top: 50px; /* for IE5-Mac */
	background-color: #FFF;
	overflow: hidden;
	border: 1px solid #333;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#container {top: -230px;}
/* End IE5-Mac hack */

/* ---------------------------------------- */
/* 2. Styles pour le header					*/
/* ---------------------------------------- */

#header {
	position: relative;
}

#header h1 {
	padding: 9px 0 3px 10px;
}

#header h1 a {
	display: block;
	width: 138px;
	height: 52px;
	text-indent: -5000px;
	background: url("../img/common/logo_orbi.gif") no-repeat;
	text-decoration: none;
}

#header h1 a:hover {
	background-position: 0 -52px;
}

#header .languageNav { 
	position: absolute;
	top: 22px;
	right: 20px;
}

#header .languageNav p {
	padding: 0;
	margin: 0;
	text-align: right;
	color: #B3B3B3;
	text-transform: uppercase;
	padding: 0 0 2px;
}

#header .languageNav ul,
#header .languageNav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#header .languageNav li {
	float: left;
}

#header .languageNav li a {
	line-height: 18px;
	text-decoration: none;
	display: block;
	color: #485565;
	font-weight: bold;
	letter-spacing: -0.1em;
	position: relative;
	padding: 0 8px 0 0;
	
	color: #B3B3B3;
	/* cursor: help; */
}

#header .languageNav li.last a {
	padding: 0 0 0 8px;
	border-left: 1px solid #C6CCD0;
}

#header .languageNav li a:hover {
	color: #C1121C;
	text-decoration: none;
}

/* ---------------------------------------- */
/* 3. Styles pour Menu principal			*/
/* ---------------------------------------- */

#header .mainNav { 
	background: url("../img/common/bg_mainNav_bottom.gif") repeat-x 0 100% #6E7E8D;
	color: white;
	/* padding: 0 0 20px; */
	padding: 0 0 6px;
	position: relative;
	/* border-bottom: 1px solid blue; */
}

#header .mainNav .bgTop {
	background: url("../img/common/bg_mainNav.gif") repeat-x #6E7E8D;
	padding: 12px 0 0;
	height: 23px;
}

#header .mainNav ul,
#header .mainNav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#header .mainNav li {
	float: left; 
	padding: 0;
	margin: 0;
	position: relative;
}

#header .mainNav li a {	
	line-height: 23px;
	color: #B7BFC6;
	text-decoration: none;
	display: block;
	position: relative;
	/* text-shadow: #333 0px 1px 2px; */
	background: url("../img/common/separator_mainNav.gif") no-repeat right top;
	font-size: 12px;
	text-align: center;
}

#header .mainNav li a span {	
	display: block;
	cursor: pointer;
}

#header .mainNav li.contact a	{ background-image: none; }

#header .mainNav li.about a span	{ width: 80px; }
#header .mainNav li.projects a span	{ width: 80px; }
#header .mainNav li.services a span { width: 80px; }
#header .mainNav li.team a span		{ width: 85px; }
#header .mainNav li.join a span		{ width: 110px; }
#header .mainNav li.contact a span	{ width: 90px; }

#header .mainNav li.about a span.es		{ width: 115px; }
#header .mainNav li.projects a span.es	{ width: 80px; }
#header .mainNav li.services a span.es 	{ width: 84px; }
#header .mainNav li.team a span.es		{ width: 114px; }
#header .mainNav li.join a span.es		{ width: 124px; }
#header .mainNav li.contact a span.es	{ width: 94px; }

#header .mainNav li.about a span.fr		{ width: 92px; }
#header .mainNav li.projects a span.fr	{ width: 76px; }
#header .mainNav li.services a span.fr 	{ width: 76px; }
#header .mainNav li.team a span.fr		{ width: 124px; }
#header .mainNav li.join a span.fr		{ width: 80px; }
#header .mainNav li.contact a span.fr	{ width: 120px; }

body.about 		#header .mainNav li.about a,
body.projects 	#header .mainNav li.projects a,
body.services 	#header .mainNav li.services a,
body.team 		#header .mainNav li.team a,
body.join 		#header .mainNav li.join a,
body.contact 	#header .mainNav li.contact a { color: #FFF; }

body.about 		#header .mainNav li.about a span,
body.projects 	#header .mainNav li.projects a span,
body.services 	#header .mainNav li.services a span,
body.team 		#header .mainNav li.team a span,
body.join 		#header .mainNav li.join a span,
body.contact	#header .mainNav li.contact a span { 
	background: url("../img/common/pointer_mainNav.gif") no-repeat 50% 100%;
}

#header .mainNav li a:hover {
	color: #FFF;
	color: #D7DBDF;
}

#header .mainNav li.about ul li a,
#header .mainNav li.projects ul li a,
#header .mainNav li.services ul li a,
#header .mainNav li.team ul li a,
#header .mainNav li.join ul li a,
#header .mainNav li.contact ul li a {
	width: auto;
}

#header .mainNav li ul { display: none; } 

#header .mainNav li ul {
	display: none;
	position: absolute;
	top: 23px;
	width: 600px;
	background: url("../img/common/bg_subNav.gif") repeat-x 0 0 #C1131E; 
	overflow: auto;
	width: 772px;
}

#header .mainNav li.about ul 		{ left: 0; }
#header .mainNav li.projects ul 	{ left: -80px; }
#header .mainNav li.proyectos ul 	{ left: -115px; }
#header .mainNav li.projets ul 		{ left: -92px; }
#header .mainNav li.services ul 	{ left: -160px; }
#header .mainNav li.servicios ul 	{ left: -195px; }
#header .mainNav li.fr ul 			{ left: -168px; }
#header .mainNav li.team ul 		{ left: -240px; }
#header .mainNav li.equipo ul 		{ left: -279px; }
#header .mainNav li.equipe ul 		{ left: -244px; }

body.about 		#header .mainNav li.about ul,
body.projects 	#header .mainNav li.projects ul,
body.services 	#header .mainNav li.services ul { display: block; }

body.about 		#header .mainNav .bgTop,
body.projects 	#header .mainNav .bgTop,
body.services 	#header .mainNav .bgTop { height: 43px; }

#header .mainNav li ul li a {
	line-height: 20px;
	font-size: 11px;
	padding: 0 13px;
	background-image: url("../img/common/separator_subNav.gif");
	text-shadow: none;
	/* text-shadow: #810D14 0px 1px 2px; */
}

body.about 		#header .mainNav li.about ul li a,
body.projects 	#header .mainNav li.projects ul li a,
body.services 	#header .mainNav li.services ul li a,
body.team 		#header .mainNav li.team ul li a,
body.join 		#header .mainNav li.join ul li a,
body.contact 	#header .mainNav li.contact ul li a { color: #E9ADB0; font-weight:bold; }

body.about 		#header .mainNav li.about ul li a:hover,
body.projects 	#header .mainNav li.projects ul li a:hover,
body.services 	#header .mainNav li.services ul li a:hover,
body.team 		#header .mainNav li.team ul li a:hover,
body.join 		#header .mainNav li.join ul li a:hover,
body.contact 	#header .mainNav li.contact ul li a:hover { color: #F3D0D2; }

body.history 	#header .mainNav li ul li.history a,
body.history 	#header .mainNav li ul li.history a:hover,
body.mission 	#header .mainNav li ul li.mission a,
body.mission 	#header .mainNav li ul li.mission a:hover,

body.institutional 	#header .mainNav li ul li.institutional a,
body.institutional 	#header .mainNav li ul li.institutional a:hover,
body.commercial 	#header .mainNav li ul li.commercial a,
body.commercial 	#header .mainNav li ul li.commercial a:hover,
body.other		 	#header .mainNav li ul li.other a,
body.other		 	#header .mainNav li ul li.other a:hover,

body.offer			#header .mainNav li ul li.offer a,
body.offer			#header .mainNav li ul li.offer a:hover,
body.estimation		#header .mainNav li ul li.estimation a,
body.estimation		#header .mainNav li ul li.estimation a:hover,
body.engineering	#header .mainNav li ul li.engineering a,
body.engineering	#header .mainNav li ul li.engineering a:hover,
body.project		#header .mainNav li ul li.management a,
body.project		#header .mainNav li ul li.management a:hover,
body.fabrication	#header .mainNav li ul li.fabrication a,
body.fabrication	#header .mainNav li ul li.fabrication a:hover,
body.installation	#header .mainNav li ul li.installation a,
body.installation	#header .mainNav li ul li.installation a:hover,

body.management		#header .mainNav li ul li.management a,
body.management		#header .mainNav li ul li.management a:hover,
body.team			#header .mainNav li ul li.project a,
body.team			#header .mainNav li ul li.project a:hover,
body.production		#header .mainNav li ul li.production a,
body.production		#header .mainNav li ul li.production a:hover,
body.administration	#header .mainNav li ul li.administration a,
body.administration	#header .mainNav li ul li.administration a:hover,
body.sales			#header .mainNav li ul li.sales a,
body.sales			#header .mainNav li ul li.sales a:hover { color: #FFF; }

body.management		#header .mainNav li ul li.project a,
body.production		#header .mainNav li ul li.project a,
body.sales			#header .mainNav li ul li.project a,
body.administration	#header .mainNav li ul li.project a { color: #E9ADB0; }

body.management		#header .mainNav li ul li.project a:hover,
body.production		#header .mainNav li ul li.project a:hover,
body.sales			#header .mainNav li ul li.project a:hover,
body.administration	#header .mainNav li ul li.project a:hover { color: #F3D0D2; }

#header .mainNav li ul li.last a { background-image: none; }


#header .mainNav p.intranet {
	padding: 0;
	margin: 0;
	/* border: 1px solid red; */
	position: absolute;
	top: 12px;
	right: 0;
}

#header .mainNav p.intranet a {
	line-height: 23px;
	color: #B7BFC6;
	text-decoration: none;
	display: block;
	/* position: relative; */


	background: url("../img/common/btn_intranet.gif") no-repeat left top;
	font-size: 11px;
	text-align: center;
	padding: 0 20px 0 34px;
}

#header .mainNav p.intranet a:hover {
	color: #FFF;
	background-position: 0 -23px;
}

/* ---------------------------------------- */
/* 4. Styles pour la zone de contenu		*/
/* ---------------------------------------- */

#content { 
	padding: 0 10px 10px;
	background: url("../img/common/shadow_under_menu.gif") repeat-x;
	border-top: 1px solid #FFF;
}

#content h2 {
	background-repeat: no-repeat;
	background-position: 0 18px;
	text-indent: -5000px;
	height: 60px;
	border-right: 1px solid #D2D2D2;
	position: absolute;
}

#content h3 {
	background-repeat: no-repeat;
	background-position: 10px 30px;
	height: 60px;
	text-indent: -5000px;
}

#content a { color: #C1131E; }

body.about 			#content h2 	{ background-image: url("../img/titles/title_about_us.gif"); width: 243px; }
body.about 			#content.es h2 	{ background-image: url("../img/titles/title_quienes_somos.gif"); width: 350px;}
body.about 			#content.fr h2 	{ background-image: url("../img/titles/title_entreprise.gif"); width: 279px;}
body.history 		#content h3 	{ background-image: url("../img/titles/subtitle_history.gif"); margin-left: 243px; }
body.history 		#content.es h3 	{ background-image: url("../img/titles/subtitle_resena.gif"); margin-left: 350px; }
body.history 		#content.fr h3 	{ background-image: url("../img/titles/subtitle_historique.gif"); margin-left: 279px; }
body.mission 		#content h3 	{ background-image: url("../img/titles/subtitle_mission.gif"); margin-left: 243px; }
body.mission 		#content.es h3 	{ background-image: url("../img/titles/subtitle_mision.gif"); margin-left: 350px; }
body.mission 		#content.fr h3 	{ background-image: url("../img/titles/subtitle_mission.gif"); margin-left: 279px; }

body.projects 		#content h2 { background-image: url("../img/titles/title_projects.gif"); width: 226px; }
body.projects 		#content.es h2 { background-image: url("../img/titles/title_proyectos.gif"); width: 251px; }
body.projects 		#content.fr h2 { background-image: url("../img/titles/title_projets.gif"); width: 189px; }

body.institutional 	#content h3 { background-image: url("../img/titles/subtitle_institutional.gif"); margin-left: 226px; }
body.institutional 	#content.es h3 { background-image: url("../img/titles/subtitle_institucionales.gif"); margin-left: 251px; }
body.institutional 	#content.fr h3 { background-image: url("../img/titles/subtitle_institutionels.gif"); margin-left: 189px; }

body.commercial 	#content h3 { background-image: url("../img/titles/subtitle_commercial.gif"); margin-left: 226px; }
body.commercial 	#content.es h3 { background-image: url("../img/titles/subtitle_comerciales.gif"); margin-left: 251px; }
body.commercial 	#content.fr h3 { background-image: url("../img/titles/subtitle_commerciaux.gif"); margin-left: 189px; }

body.other 			#content h3 { background-image: url("../img/titles/subtitle_other.gif"); margin-left: 226px; }
body.other 			#content.es h3 { background-image: url("../img/titles/subtitle_diversos.gif"); margin-left: 251px; }
body.other 			#content.fr h3 { background-image: url("../img/titles/subtitle_autres.gif"); margin-left: 189px; }

body.services 		#content h2 { background-image: url("../img/titles/title_services.gif"); width: 221px; }
body.services 		#content.es h2 { background-image: url("../img/titles/title_servicios.gif"); width: 219px; }

body.offer		 	#content h3 { background-image: url("../img/titles/subtitle_our_offer.gif"); margin-left: 221px; }
body.offer		 	#content.es h3 { background-image: url("../img/titles/subtitle_nuestra_offerta.gif"); margin-left: 219px; }
body.offer		 	#content.fr h3 { background-image: url("../img/titles/subtitle_loffre.gif"); margin-left: 221px; }
body.estimation 	#content h3 { background-image: url("../img/titles/subtitle_estimation_engineering.gif"); margin-left: 221px; }
body.estimation 	#content.es h3 { background-image: url("../img/titles/subtitle_estimacion_ingeneria.gif"); margin-left: 219px; }
body.estimation 	#content h3 { background-image: url("../img/titles/subtitle_estimation.gif"); margin-left: 221px; }
body.project	 	#content h3 { background-image: url("../img/titles/subtitle_project_management.gif"); margin-left: 221px; }
body.project	 	#content.es h3 { background-image: url("../img/titles/subtitle_gestion_proyectos.gif"); margin-left: 219px; }
body.project	 	#content.fr h3 { background-image: url("../img/titles/subtitle_gestion_projets.gif"); margin-left: 221px; }
body.fabrication 	#content h3 { background-image: url("../img/titles/subtitle_fabrication.gif"); margin-left: 221px; }
body.fabrication 	#content.es h3 { background-image: url("../img/titles/subtitle_fabricacion.gif"); margin-left: 219px; }
body.fabrication 	#content.fr h3 { background-image: url("../img/titles/subtitle_fabrication.gif"); margin-left: 221px; }

body.installation 	#content h3 { background-image: url("../img/titles/subtitle_installation.gif"); margin-left: 221px; }
body.installation 	#content.es h3 { background-image: url("../img/titles/subtitle_instalacion.gif"); margin-left: 219px; }
body.installation 	#content.fr h3 { background-image: url("../img/titles/subtitle_installation.gif"); margin-left: 221px; }

body.team 			#content h2 { background-image: url("../img/titles/title_our_team.gif"); width: 252px; }
body.team 			#content.es h2 { background-image: url("../img/titles/title_nuestro_equipo.gif"); width: 363px; }
body.team 			#content.fr h2 { background-image: url("../img/titles/title_profil_equipe.gif"); width: 390px; }

/* Project Management 	*/  body.team	#content h3 	{ background-image: url("../img/titles/subtitle_project_management.gif"); margin-left: 252px; }
/* Gestion de proyectos */  body.team	#content.es h3 	{ background-image: url("../img/titles/subtitle_gestion_proyecto.gif"); margin-left: 363px; }
/* Gestion de proyectos */  body.team	#content.fr h3 	{ background-image: url("../img/titles/subtitle_gestion_projets.gif"); margin-left: 390px; }

body.management 	#content h3 { background-image: url("../img/titles/subtitle_management.gif"); margin-left: 252px; }
body.management 	#content.es h3 { background-image: url("../img/titles/subtitle_direccion.gif"); margin-left: 363px; }
body.management 	#content.fr h3 { background-image: url("../img/titles/subtitle_direction_generale.gif"); margin-left: 390px; }

body.production 	#content h3 { background-image: url("../img/titles/subtitle_production.gif"); margin-left: 252px; }
body.production 	#content.es h3 { background-image: url("../img/titles/subtitle_produccion.gif"); margin-left: 363px; }
body.production 	#content.fr h3 { background-image: url("../img/titles/subtitle_production.gif"); margin-left: 390px; }

body.sales		 	#content h3 { background-image: url("../img/titles/subtitle_sales.gif"); margin-left: 252px; }
body.sales		 	#content.es h3 { background-image: url("../img/titles/subtitle_venta_y_estimacion.gif"); margin-left: 363px; }
body.sales		 	#content.fr h3 { background-image: url("../img/titles/subtitle_estimation_ventes.gif"); margin-left: 390px; }

body.administration	#content h3 { background-image: url("../img/titles/subtitle_administration.gif"); margin-left: 252px; }
body.administration	#content.es h3 { background-image: url("../img/titles/subtitle_administracion.gif"); margin-left: 363px; }
body.administration	#content.fr h3 { background-image: url("../img/titles/subtitle_administration.gif"); margin-left: 390px; }

body.join 			#content h2 { background-image: url("../img/titles/title_join.gif"); width: 102px; }
body.join 			#content.es h2 { background-image: url("../img/titles/title_unase_a_nosotros.gif"); width: 416px; }
body.join 			#content.fr h2 { background-image: url("../img/titles/title_carrieres.gif"); width: 233px; }

body.join			#content h3 { background-image: url("../img/titles/subtitle_our_team.gif"); margin-left: 102px; }
body.join			#content.es h3 { background-image: none; margin-left: 205px; }
body.join			#content.fr h3 { background-image: none; margin-left: 205px; }

body.contact 		#content h2 { background-image: url("../img/titles/title_contact_us.gif"); width: 275px; }
body.contact 		#content h3 { background-image: url("../img/titles/subtitle_our_offices.gif"); margin-left: 275px; }

body.contact 		#content.es h2 { background-image: url("../img/titles/title_contactenos.gif"); width: 303px; }
body.contact 		#content.es h3 { background-image: url("../img/titles/subtitle_nuestra_oficinas.gif"); margin-left: 303px; }

body.contact 		#content.fr h2 { background-image: url("../img/titles/title_contactez_nous.gif"); width: 372px; }
body.contact 		#content.fr h3 { background-image: url("../img/titles/subtitle_nos_bureaux.gif"); margin-left: 372px; }

/* ---------------------------------------- */
/* 5. Styles pour le footer					*/
/* ---------------------------------------- */

#footer {
	background: url("../img/common/bg_footer.gif") repeat-x #6E7E8D;
	background-color: #FFF;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
}

body.team #footer {
	height: 65px;
}

#footer #label {
	color: #FFF;
	margin: 20px 0 0 12px;
	font-size: 10px;
	/* text-shadow: #333 0px 1px 2px; */
}