/* --------------------------------------------------------------------------------------------------- */
/*                              B&B Consultants :: general CSS document                                */
/* --------------------------------------------------------------------------------------------------- */


/* -------------------- */
/* GLOBAL LAYOUT STYLES */
/* -------------------- */
* {
	margin:0;
	padding:0;
	border:0;
}


html {
	font-size:62.5%;	
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
}

h1, h2 {
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	width:525px;
	color:#949494;
	font-size:2em;
	letter-spacing:-0.05em;
}

h2 {
	width:550px;
	margin:0 0 0.4em -3px;
	color:#949494;
	font-size:5.4em;
	line-height:0.9em;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:-0.05em;
}

h3 {
	margin-bottom:0.5em;
	color:#cf5e4c;
	font-size:1.6em;
}

h4 {
	font-size:1.5em;
	color:#949494;
	font-weight:normal;
}

h5 {
}

h6 {
}

p {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:1em;
}

a {
	color:#333;
}
	a:hover {
		color:#cf5e4c;
		text-decoration:none;
	}

em {
	color:#cf5e4c;
	font-style:normal;
}

strong {
}

img {
	display:block;
}
	img.imgleft {
		float:left;
		margin:0 25px 25px 0;
	}
	img.imgright {
		float:right;
		margin:0 0 25px 25px;
	}	

.left {
	clear:both;
	float:left;
}
.right {
	clear:both;
	float:right;
}
.clearBoth {
	clear:both;
}


/* ------------------------ */
/* GLOBAL CONTENT CONTAINER */
/* ------------------------ */
#container {
	position:relative;
	width:800px;
	margin:0 auto;
}


/* ------ */
/* HEADER */
/* ------ */
#branding {
	position:absolute;
	right:0;
	top:90px;
	overflow:hidden;
	width:250px;
	height:472px;
	background-color:#fff;
	color:#949494;
	font-size:8em;
	font-weight:normal;
}
	#branding .logo {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;	
		background:url(../img/bg_home.jpg) no-repeat;
	}
	#branding .small {
		display:block;
		margin:-0.7em 0 0 5px;
		font-size:0.23em;
		font-weight:bold;
	}


/* --------------- */
/* MAIN NAVIGATION */
/* --------------- */
#nav_main {
	position:relative;
	width:800px;
	height:20px;
	padding-top:40px;
	border-bottom:1px solid #949494;
	font-size:1.2em;
}
	#nav_main ul {
		position:absolute;
		width:800px;
		left:0;
		bottom:0;
	}
	#nav_main li {
		float:left;
		margin-right:20px;
		list-style-type:none;
	}
	#nav_main a, #nav_main .active {
		display:block;
		padding:5px 0 5px 0;
		border-bottom:3px solid #fff;
		color:#949494;
		text-decoration:none;
	}
		#nav_main a:hover, #nav_main .active {
			border-bottom:3px solid #cf5e4c;
			color:#cf5e4c;
		}
		
		
/* --------------------- */
/* ADDITIONAL NAVIGATION */
/* --------------------- */
#nav_supp {
	position:absolute;
	top:0;
	right:0;
	z-index:5;
	width:120px;
	font-size:1.1em;
}
	#nav_supp ul {
	}
	#nav_supp li {
		float:left;
		width:40px;
		height:20px;
		list-style-type:none;
		background:url(../img/bg_lang.gif) no-repeat;
	}
	#nav_supp a, #nav_supp .active {
		display:block;
		width:100%;
		height:100%;
		padding-top:1px;
		color:#949494;
		text-decoration:none;
		text-align:center;
	}
		#nav_supp a:hover, #nav_supp .active {
			color:#cf5e4c;
		}			
			
			
/* ------------ */
/* MAIN CONTENT */
/* ------------ */
#content_main {
	clear:both;
	margin-top:40px;
	min-height:460px;
	_height:460px;	
	text-align:justify;
}
	#content_main .left {
		width:525px;
		min-height:280px;
		_height:280px;
		margin-bottom:-10px;
		padding-bottom:100px;
		background:url(../img/bg_home_left.jpg) bottom left no-repeat;
	}
	#content_main .right {
		width:525px;
	}
	#content_main ul {
		margin:0 0 1em 0;
		text-align:left;
		font-size:1.2em;
		line-height:1.4em;		
	}	
	#content_main li {
		margin:0 0 0.3em 25px;
		line-height:1.4em;
	}

/* HOME */
#content_main.home #infos {
	float:left;
	width:250px;
	margin-top:-25px;
	padding-top:210px;
	background:url(../img/bg_home_contact.jpg) no-repeat;
	font-size:0.9em;
}	

/* RESEARCH */
#content_main.research .left {
	padding-bottom:70px;
}
#content_main.research #quali, #content_main.research #quanti {
	margin:1.5em 0 2em 0;
	padding:25px;
	background-image:url(../img/bg_research_greypaper.jpg);
}
	#content_main.research #quali ul, #content_main.research #quanti ul {
		margin-bottom:0;
	}
#content_main.research #infos {
	float:left;
	width:250px;
	margin-top:-25px;
	padding-top:210px;
	background:url(../img/research_penpaper.jpg) 0 25px no-repeat;
	font-size:0.9em;
}

/* CLIENTS */
#content_main.clients .left {
	margin-bottom:-25px;
	padding-bottom:0;
	background:none;
}
	#content_main.clients .left h3 {
		clear:both;
		margin-bottom:20px;
		padding-bottom:5px;
		border-bottom:1px solid #cf5e4c;
	}
	#content_main.clients .left .images {
		margin-bottom:50px;
	}
	#content_main.clients .left .images img {
		display:inline;
		margin:0 25px 25px 0;
	}

/* CONTACT */
#content_main.contact h2 {
	width:800px;
}
#content_main.contact .left {
	background:url(../img/bg_contact.jpg) top center no-repeat;
	width:800px;
	height:596px;
	min-height:596px;
	margin-bottom:0;
	padding-bottom:0;	
}
#content_main.contact #contact {
	position:absolute;
	top:500px;
	left:84px;
	width:200px;
	padding:25px;
}

/* PROSPECT */
#content_main.prospect #img {
	float:left;
	width:250px;
	height:198px;
	background:url(../img/etude.jpg) no-repeat;
}


/* ----------*/
/* SITE INFO */
/* --------- */
#site_info {
	margin-top:25px;
	padding:20px;
	background-color:#949494;
	color:#333;
}
#euroconsumerpanel {
	float:left;
	width:370px;
}
#jedonnemonavis {
	float:right;
	width:370px;
}
	#euroconsumerpanel img, #jedonnemonavis img {
		margin-bottom:10px;
	}
	#euroconsumerpanel p, #jedonnemonavis p {
		margin-bottom:0;
	}
	#euroconsumerpanel a, #jedonnemonavis a {
		color:#fff;
		text-decoration:none;
	}	
		#euroconsumerpanel a:hover, #jedonnemonavis a:hover {
			text-decoration:underline;
		}