/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
color:#777777;
text-align:justify;
height:100%;
}

a{
	text-decoration:none;
}
a:link, a:active, a:visited {
color:#666666;
}
a:hover {
color:#000000;
}

#container
{
display:block;
width:980px;
margin-left: auto ;
margin-right: auto ;
margin:0 auto;
}

#wrapper {
display:block;
position:absolute;
width:980px;
}

/* Menu */

#menu {
display:block;
width:980px;
float:left;
margin-top:30px;
}

#logo {
display:block;
width:160px;
float:left;
margin-bottom:20px;
margin-left:10px;
margin-right:10px;
margin-top:2px;
}

#logo img {
	border:0;
	max-width:160px;
}

.menu_separator {
display:block;
width:780px;
height:1px;
background-color:#DDDDDD;
margin-top:3px;
margin-bottom:2px;
float:right;
margin-left:10px;
margin-right:10px;
}


.menu_background {
display:block;
float:left;
width:auto;
height:11px;
margin-top:2px;
}

.menu_square{
display:block;
float:left;
width:4px;
height:9px;
margin-top:3px;
margin-left:10px;
}

.menu_item {
margin-left:8px;
display:block;
float:left;
margin-left:2px;
margin-right:11px;
height:12px;
}

.menu_item a {
text-decoration:none;
font-size:12px;
text-transform:uppercase;
vertical-align:top;
}

.menu_item a:link, a:active, a:visited {
color:#666666;

}
.menu_item a:hover {
color:#000000;
}

.address_bar {
float:left;
height:20px;
top:520px;
position:absolute;
font-size:12px;
}

/* Footer */
#banner {
display:block;
height:130px;
width:960px;
margin-left: 10px ;
margin-top:50px;
position:relative;
overflow:hidden;
}

#banner img {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


/* Home */

#home_links {
	display:block;
	float:left;
	width:180px;
	font-size:10px;
	line-height:12px;
}

#home_links_fr {
	display:block;
	float:left;
	width:180px;
	margin-top:70px;
	padding-top:1px;
}
#home_links_en {
	display:block;
	float:left;
	width:180px;
	margin-top:245px;
	padding-top:1px;
}
.home_links_square {
	display:block;
	float:left;
	width:4px;
	height:8px;
	margin-top:2px;
	margin-left:40px;
	margin-right:8px;
	background-color:#878480;
}

#home_links_fr a {
text-decoration:none;
text-transform:uppercase;
}

#home_links_fr a:link, a:active, a:visited {
color:#666666;
}
#home_links_fr a:hover {
color:#000000;
}

#home_links_en a {
text-decoration:none;
text-transform:uppercase;
font-style:italic;
}

#home_links_en a:link, a:active, a:visited {
color:#666666;
}
#home_links_en a:hover {
color:#000000;
}

#home_txt_wrapper {
display:block;
width:363px;
height:363px;
float:right;
margin-top:70px;
margin-left:10px;
margin-right:10px;
margin-bottom:50px;
}

#home_txt_fr {
	display:block;
	font-size:14px;
	line-height:16px;
}
#home_txt_en {
	display:block;
	font-size:14px;
	line-height:16px;
	font-style:italic;
	margin-top:20px;
}

#category_thumbnails_wrapper {
display:block;
width:363px;
height:363px;
float:left;
margin-top:70px;
padding-top:1px;
}

.category_thumbnail_container {
display:block;
float:left;
margin-left:10px;
margin-bottom:10px;
height:111px;
width:111px;
overflow:hidden;

}

.category_thumbnail_img {
display:block;
position:absolute;
float:left;
}

.category_thumbnail_txt {
display:block;
position:absolute;
float:left;
color:#FFFFFF;
font-size:13px;
height:97px;
width:97px;
text-align:left;
padding:7px;
text-transform:uppercase;
}
.category_thumbnail_page {
display:block;
position:absolute;
float:left;
color:#FFFFFF;
font-size:12px;
margin-top:96px;
height:15px;
width:101px;
text-align:right;
padding:5px;
}


/* Category */
#category_head{
display:block;
float:left;
height:20px;
width:980px;
margin-left:10px;
margin-top:70px;
}

#project_thumbnail_wrapper {
float:left;
margin-top:10px;
margin-left:10px;
width:980px;
margin-bottom:10px;
}

#project_thumbnail_background {
background-color:#EEEEEE;
display:block;
width:100%;
height:100px;
}

.project_thumbnail_container {
display:block;
float:left;
margin-right:12px;
margin-bottom:12px;
height:85px;
width:85px;
}

.project_thumbnail_img {
display:block;
position:absolute;
float:left;
height:75px;
width:75px;
}
.project_thumbnail_img img{
border:0;
width:85px;
height:85px;
}

.project_thumbnail_txt {
display:block;
position:absolute;
float:left;
color:#FFFFFF;
font-size:12px;
height:75px;
width:75px;
text-align:left;
padding:5px;
text-transform:capitalize;
}
.project_thumbnail_empty {
display:block;
position:absolute;
float:left;
height:75px;
width:75px;
padding:5px;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
opacity: 0.2;
}

.project_thumbnail_page {
display:block;
position:absolute;
float:left;
color:#FFFFFF;
font-size:12px;
margin-top:60px;
height:15px;
width:80px;
text-align:right;
padding:5px;
}

/* Persons */

.person_container{
display:block;
float:left;
margin-bottom:40px;
/*width:218px;*/
width:22%;
height:250px;
font-size:11px;
line-height:11px;
}

.person_top{
display:block;
float:left;
height:85px;
width:100%;
background-color:#CCC;
color:#000;
margin-bottom:10px;
}

.person_container img{
float:left;
margin-right:5px;
}
.person_name{
margin-top:48px;
display:block;
font-size:10px;
text-transform:uppercase;
margin-bottom:2px;
}
.person_title {
	display:block;
	font-size:9px;
	line-height:9px;
}
.person_diploma {
	display:block;
	font-size:9px;
	width:100%;
	line-height:10px;
}

.person_separator {
width:100%;
height:1px;
background-color:#DDDDDD;
}

.person_fr {
	display:block;
	margin-top:5px;
	width:100%;
}
.person_en {
	display:block;
	margin-top:10px;
	font-style:italic;
}

/* Project */

#project_container {
display:block;
float:left;
width:600px;
height:500px;
position:relative;
margin-top:70px;
margin-left:190px;
overflow:hidden;
}

.project_txt {
display:block;
width:600px;
}

.project_fr {
display:block;
float:left;
width:290px;
font-size:11px;
}

.project_en {
display:block;
float:left;
width:290px;
margin-left:20px;
font-size:11px;
font-style:italic;
}


#project_slideshow {
display:block;
background-color:#EEEEEE;
background-repeat: no-repeat;
height:300px;
width:600px;
float:left;
}

#loading_div {
display:block;
position:absolute; 
left:0; 
text-align:center; 
padding-top:100px; 
z-index:9999; 
background-color:#EEEEEE;
height:200px;
width:600px;
}

#project_slide_wrapper{
height:300px;
width:600px;
}

#project_slide {
border: 0 none; 
/*filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;*/
max-height:300px;
max-width:600px;
}


.project_separator {
display:block;
width:600px;
height:1px;
background-color:#DDDDDD;
margin-left:0px;
margin-top:5px;
margin-bottom:5px;
float:left;
}

#project_slide_bar{
display:block;
float:left;
width:100px;

}

#slide_bar {
font-size:14px;
text-transform:uppercase;
float:left;
margin-top:5px;
}

#slide_bar img{
display:block;
width:16px;
height:16px;
border:0;
float:left;
margin-right:5px;
background-color:#CCC;
}

#project_address {
font-size:12px;
text-transform:uppercase;
float:right;
margin-top:5px;
}

#project_head{
display:block;
float:left;
height:20px;
width:600px;
}


.project_square{
display:block;
float:left;
width:12px;
height:12px;
margin-top:2px;
margin-right:10px;
}
.project_page {
display:block;
float:left;
font-size:14px;
}

.project_title {
display:block;
float:left;
font-size:15px;
text-transform:uppercase;
}

.icon_nav {
display:block;
float:right;
}

.icon_nav img {
border:0;
}


#project_client {
display:block;
width:600px;
height:20px;
font-size:11px;
text-align:right;
bottom:0;
float:left;
}

#nav_bar {
	float:left;
	font-size:12px;
	margin-bottom:50px;
}

#nav_bar a{
	text-decoration:none;
}
#nav_bar a:link, a:active, a:visited {
color:#666666;
}
#nav_bar a:hover {
color:#000000;
}

#contact_map {
	display:block;
	float:left;
	width:400px;
	height:303px;
	margin-bottom:50px;
}
#contact_info {
	display:block;
	float:left;
	width:200px;
	height:303px;
	font-size:12px;
	margin-bottom:50px;
	margin-left
}

#contact_info_mtl {
	display:block;
	float:left;
	width:200px;
	height:213px;
	font-size:12px;
	
}
#contact_info_otw {
	display:block;
	float:left;
	width:200px;
	height:90px;
	font-size:10px;
}

#contact_form {
	display:block;
	float:right;
	width:222px;
	height:363px;
	margin-right:10px;
	font-size:12px;
	
}
#contact_form input, textarea, submit{
	width:225px;	
}
#contact_form textarea{
	height:150px;	
}

#service_container {
display:block;
float:left;
width:600px;
height:350px;
position:relative;
margin-top:70px;
margin-left:190px;
overflow:hidden;
}

#service_thumbnail_wrapper {
float:left;
width:980px;
margin-bottom:10px;
}
.service_thumbnail_container {
display:block;
float:left;
margin-right:12px;
height:75px;
width:75px;
}

.service_thumbnail_img {
display:block;
position:absolute;
float:left;
height:65px;
width:65px;
}
.service_thumbnail_img img{
border:0;
width:75px;
height:75px;
}

.service_thumbnail_txt {
display:block;
position:absolute;
float:left;
color:#FFFFFF;
font-size:10px;
height:65px;
width:65px;
text-align:left;
padding:5px;
text-transform:capitalize;
}

#tools_container {
display:block;
float:left;
width:600px;
height:350px;
position:relative;
margin-top:70px;
margin-left:190px;
overflow:hidden;
}


#publication_container {
display:block;
float:left;
width:960px;
height:500px;
position:relative;
margin-top:40px;
margin-left:10px;
overflow:hidden;
}