* { padding: 0; margin: 0; }

html {
	min-height: 100%;
	height: auto;
}

body{
	font: normal .8em arial, verdana, helvetica, sans-serif;
	color: #32444d;
	background: #fff url(../medias/images/background/bg_body_btm.jpg) repeat-x bottom;
}

a{
	color: #577a87;
	text-decoration: none;
}
a:hover{ text-decoration: underline; }
a:focus{ outline: none; }

h2{
	font-size: 1.1em;
}
h3{
	font-size: 1em;
}



/*------------------------------------
		 main containers
-----------------------------------*/

#wrap{
	background: url(../medias/images/background/bg_body_top.jpg) repeat-x left top;
}

#container{
	width: 994px;
	padding-bottom: 60px;
	overflow: hidden;
}
#leftpanel{
	width: 304px;
	float: left;
	overflow: hidden;
}
#rightpanel,#header{
	background: url(../medias/images/background/bg_rightpanel.jpg) no-repeat left top;
	width: 490px;
	float: left;
	position: relative;
	overflow: hidden;
}
#header{
	background: url(../medias/images/background/bg_header.jpg) no-repeat left bottom;
	padding-bottom: 20px;
	width: 690px;
}
#navigation{
	float: right;
}
#footer{
	font-size: .9em;
	color: #577a87;
	width: 690px;
	padding: 15px 0 0 380px;
	float: left;
}




/*------------------------------------
		 Navigations
-----------------------------------*/

/*--------------  cities (header) -------------------*/

ul.areas{
	list-style: none;
	padding: 14px 14px 0 0 !important;
	float: right;
}
	ul.areas li{
		text-indent: -3000px;
		font-size: .8em;
		text-transform: uppercase;
		padding: 5px 7px 0 0;
		display: block;
		float: left;
		background: url(../medias/images/background/topnav.gif) top right repeat-y;
	}
		ul.areas li.last { padding-right: 0; background: none; }
	
		ul.areas li.montreal span{
			background: url(../medias/images/en/nav/b_montreal.gif) no-repeat left top;
			width: 73px;
		}
		ul.areas li.quebec span{
			background: url(../medias/images/en/nav/b_quebec.gif) no-repeat left top;
			width: 58px;
		}
		ul.areas li.laval span{
			background: url(../medias/images/en/nav/b_laval.gif) no-repeat left top;
			width: 49px;
		}
		ul.areas li.ottawa span{
			background: url(../medias/images/en/nav/b_ottawa.gif) no-repeat left top;
			width: 59px;
		}
		
		ul.areas li span {
			display: block;
		}

/*--------------  utilities (header) -------------------*/

ul.util{
	list-style: none;
	float: right;
	padding: 33px 25px 0 0;
}
	ul.util li{
		float: left;
	}
		ul.util li a{
			text-indent: -3000px;
			font-size: .8em;
			text-transform: uppercase;
			height: 16px;
			display: block;
			float: left;
		}
			ul.util li.smaller a{
				background: url(../medias/images/icons/icon_smaller.gif) no-repeat center;
				width: 12px;
			}
			ul.util li.regular a{
				background: url(../medias/images/icons/icon_regular.gif) no-repeat center;
				width: 14px;
			}
			ul.util li.biggest a{
				background: url(../medias/images/icons/icon_biggest.gif) no-repeat center;
				width: 16px;
			}
			ul.util li.mail a{
				background: url(../medias/images/icons/icon_mail.gif) no-repeat center;
				width: 30px;
			}
			ul.util li.print a{
				background: url(../medias/images/icons/icon_print.gif) no-repeat center;
				width: 30px;
			}


/*--------------  main navigation (leftpanel) -------------------*/


#navigation{
	text-transform: uppercase;
	color: #394b54;
	list-style: none;
	padding: 60px 55px 50px 0;
}
	#navigation li{
		float: right;
	}
		#navigation li a{
			text-indent: -1000px;
			font-size: .8em;
			text-transform: uppercase;
			width: 169px; height: 24px;
			display: block;
			float: left;
		}
			#navigation li.firm a{
				background: url(../medias/images/en/nav/b_ourfirm.gif) no-repeat left top;
			}
				#navigation li.firm a:hover,#navigation li.firm a.selected{
					background: url(../medias/images/en/nav/b_ourfirm.gif) no-repeat -169px top;
				}
			#navigation li.clients a{
				background: url(../medias/images/en/nav/b_ourclients.gif) no-repeat left top;
			}
				#navigation li.clients a:hover,#navigation li.clients a.selected{
					background: url(../medias/images/en/nav/b_ourclients.gif) no-repeat -169px top;
				}
			#navigation li.business a{
				background: url(../medias/images/en/nav/b_ourbusiness.gif) no-repeat left top;
			}
				#navigation li.business a:hover,#navigation li.business a.selected{
					background: url(../medias/images/en/nav/b_ourbusiness.gif) no-repeat -169px top;
				}
			#navigation li.otherAreas a{
				background: url(../medias/images/en/nav/b_otherareas.gif) no-repeat left top;
			}
				#navigation li.otherAreas a:hover,#navigation li.otherAreas a.selected{
					background: url(../medias/images/en/nav/b_otherareas.gif) no-repeat -169px top;
				}
			#navigation li.contacts a{
				background: url(../medias/images/en/nav/b_maincontacts.gif) no-repeat left top;
			}
				#navigation li.contacts a:hover,#navigation li.contacts a.selected{
					background: url(../medias/images/en/nav/b_maincontacts.gif) no-repeat -169px top;
				}


/*------------------------------------
		 Leftpanel
-----------------------------------*/

#logo a{
	text-indent: -1000px;
	background: url(../medias/images/en/logo/logo.gif) no-repeat right top;
	width: 287px; height: 148px;
	display: block;
	float: left;
}

#leftpanel p{
	text-indent: -2000px;
	background: url(../medias/images/en/titles/t_is_also.gif) no-repeat 150px 20px;
	padding: 20px 0 0 150px;
	width: 200px; height: 34px;
	float: left;
}

	#leftpanel p a{
		text-indent: 0;
		font-size: 11px !important;
		background: url(../medias/images/icons/icon_blank.gif) no-repeat left 8px;
		padding: 5px 0 0 15px;
		display: block;
	}




/*------------------------------------
		 Header
-----------------------------------*/

#header h1{
	text-indent: -2000px;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	height: 42px;
	position: absolute;
	left: 0; bottom: 0;
}
	#header h1#firm{
		background: url(../medias/images/en/titles/t_firm.gif) no-repeat left top;
		width: 104px;
	}
	#header h1#clients{
		background: url(../medias/images/en/titles/t_clients.gif) no-repeat left top;
		width: 131px;
	}
	#header h1#business{
		background: url(../medias/images/en/titles/t_business.gif) no-repeat left top;
		width: 142px;
	}
	#header h1#areas{
		background: url(../medias/images/en/titles/t_areas.gif) no-repeat left top;
		width: 136px;
	}
	#header h1#contacts{
		background: url(../medias/images/en/titles/t_contacts.gif) no-repeat left top;
		width: 149px;
	}
#header p{
	text-indent: -2000px;
	background: url(../medias/images/en/titles/liner.gif) no-repeat left top;
	width: 215px; height: 59px;
	margin: 68px 0 0 20px;
}



/*------------------------------------
		 Rightpanel
-----------------------------------*/



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

.home{
	background: url(../medias/images/background/ph_home.jpg) no-repeat left bottom !important;
	width: 690px !important; height: 505px;
	padding: 0 0 !important;
}
	.home h1{
		text-indent: -2000px;
		background: url(../medias/images/en/titles/t_quebec_partner.gif) no-repeat left top;
		width: 306px; height: 83px;
		margin: 161px 0 0 20px;
	}


/*---------------------------*/

#rightpanel{
	padding: 40px 200px 0 0;
}
	#rightpanel p,#rightpanel ul,h2,h3{
		padding: 0 0 10px 20px;
	}
		#rightpanel p.top{
			padding: 15px 0 0 15px;
		}
			#rightpanel p.top a{
				font-size: .9em;
				color: #32444d;
				background: url(../medias/images/icons/icon_top.gif) no-repeat left top;
				padding-left: 15px;
			}
	#rightpanel ul.anchor{
		list-style: none;
	}
		#rightpanel ul.anchor li{
			padding-bottom: 5px;
		}
			#rightpanel ul.anchor li a{
				font-size: .9em;
				background: url(../medias/images/icons/icon_anchor.gif) no-repeat left 3px !important;
				padding-left: 15px;
			}
	#rightpanel hr{
		background: url(../medias/images/background/border.gif) repeat-x left top;
		padding: 0;
		height: 2px;
		border: 0;
		width: 100%;
		margin: 20px 0;
	}

/*---------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */