﻿	/* CSS Document */
	
	body {
		background: #626960 url(../images/body_background.jpg) repeat-x 0 -41px;
		font-family: /*"Lucida Sans Unicode", */ "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	}
	
	#container {
		width: 884px;
		margin: 0 auto;
/*		padding-left: 60px; */
		overflow: hidden;
	}
	
	abbr {
		/* likely only to be used  for eeig */
		font-size: 80%;
	}
	
	h4 {
		font-weight: bold;
		padding:0pt 0pt 0 103px;
	}
	
	a {
		text-decoration:none;
		color: #CC3200;
	}
	a:hover {
		color: #CC3200;
	}
	
	/*-----------------------------------------top main graphic-----------------------------------------------*/
	body #branding {
		margin-top: 20px;
		background: url(../images/top_hdr_5swatches.jpg) no-repeat;
		height: 223px;
		height: 163px;
		width: auto;
		position: relative;
	}
	
	body.whatwedo #branding {
		background-image: url(../images/top_hdr_2.jpg);
	}
	body.portfolio #branding {
		background-image: url(../images/top_hdr_7swatches.jpg);
	}
	body.people #branding {
		background-image: url(../images/top_hdr_3people.jpg);
	}
	body.about #branding {
		background-image: url(../images/top_hdr_4sky.jpg);
	}
	body.contact #branding {
		background-image: url(../images/top_hdr_6swatches.jpg);
	}
	/*
	*/
	/*----------------------------------------------------------------*/
	
	#branding h1 a{
		display: block;
		background: url(../images/grp6_mainlogo.png) no-repeat 30px 30px;
		height: 140px;
		width: 286px;
		text-indent: -999em;
		border: 0px solid red;
		position: absolute;
		top:15px;
		left:0px;
	}
	
	#branding h2 {
		display: none;
		background: url(../images/branding_caption.png) no-repeat;
		height: 31px;
		width: 217px;
		text-indent: -999em;
		position: absolute;
		top: 192px;
		left: 650px;
	}
	
	/*
	#branding .branding-illustration {
		background: url(../images/branding_illustration.png) no-repeat;
		width: 541px;
		height: 179px;
		position: absolute;
		top: 44px;
		left: 109px;	
	}
	*/
	#nav {
		position: relative;
	}
	
	#nav ul#nav-main {
		position:absolute;
		top: -23px;
		background: url(../images/nav_bkgrnd_tile.gif) repeat-x;
		height: 22px;
		left: 0;
		/*	width: 135px;*/
		overflow: hidden;
		width: 100%;
		margin: 0;
	}
	#container.lang-fr #nav ul#nav-main {
	}
	
	#nav ul#nav-main li {
		width: auto;
		float: left;
	}
	
	#nav ul#nav-main li.nav-lang {
		float: right;
	}
	
	.lang-en #nav ul#nav-main li a {
		width: auto;
	}
	.lang-fr #nav ul#nav-main li a {
		width: auto;
	}
	
	#nav ul#nav-main li a {
		text-decoration: none;
		display: block;
		line-height:22px;
		border-bottom: 1px solid #A53100;
		display: block;
		float: left;
		padding: 0 17px 0 18px;
		width:auto;
		height: 22px;
		background:url(../images/nav_btn_separator.gif) no-repeat 0 center;
		font-size: 85%;
		color: #cbf8e8;
	}
	
	#container.lang-fr #nav ul#nav-main li a{
		padding: 0 12px;
	}
	
	#nav ul#nav-main li a:hover, 
	#nav ul#nav-main li.selected a {
		background-position: 0 -75px;
		border-bottom: 1px solid #CF542A;
		background:url(../images/nav_btn_active.gif) repeat-x;
		color: #5f1900;
	}
	#container #nav ul#nav-main li#nav-home a {
		width: 34px;
		height: 24px;
		padding: 0;
		background:url(../images/nav_btn_home.gif) no-repeat;
	}
	#container #nav ul#nav-main li#nav-home a:hover {
		background:url(../images/nav_btn_home_active.gif) no-repeat;
	}
	
	#nav ul#nav-language {
		position: absolute;
		top: -172px;
		left: 280px;
		width: 350px;
		border-right: 1px solid #F69050;
		height: 20px;
		display: none;
	}
	
	#nav ul#nav-language ul{
	}
	
	#nav ul#nav-language li{
		float: right;
		margin-left: 0px;
		border-left: 1px solid #F69050;
	}
	
	#nav ul#nav-language li a{
		font-size: 86%;
		display: block;
		width: auto;
		height: 20px;
		background: #C05215;
		line-height: 20px;
		padding: 0 10px;
		color: white;
		text-decoration: none;
		float: left;
	}
	
	
	/*
	#nav ul li#nav-about {
		background-position: 0 0;
		height: 32px;
	}
	#nav ul li#nav-whatwedo {
		background-position: 0 -32px;
	}
	
	#nav ul li#nav-portfolio {
		background-position: 0 -65px;
	}
	#nav ul li#nav-people {
		background-position: 0 -128px;
	}
	#nav ul li#nav-locations {
		background-position: 0 -160px;
	}
	#nav ul li#nav-contact {
		background-position: 0 -192px;
	}
	*/
	
	#content {
		width: auto;
		height: 500px;
		margin-left: 0px;
		background: url(../images/grp6_content_bkgrnd.jpg) no-repeat;
		/*background-color: #E2E2E2; */
		color: brown;
	}
	
	#content h1 {
		padding-left: 102px;
		padding-bottom: 20px;
		padding-top: 36px;
		font-size: 130%;
	}
	
	body #content h1 {	
	}
	
	#content h2 {
		padding-left: 102px;
		padding-bottom: 20px;
		padding-top: 20px;
		font-size: 130%;
	}
	#content p {
		padding-left: 102px;
		padding-right: 70px;
		padding-bottom: 40px;
	}
	/* ------------------------------ HOME PAGE ------------------------------ */
	
	body.home #container #content {
		background:url(../images/bkgrnd_08_home.jpg) no-repeat;
	}
	
	body.home #content h1 {
		height:65px;
		margin:0pt;
		padding:152px 0pt 0pt 40px;
		width:513px;
	}
	body.home #content h1 a {
		display: block;
		width: 384px;
		height: 51px;
		margin: 0;
		background: url(../images/grp6_main_strapline1.png) no-repeat;
		text-indent: -999em;
	}
	body.home #container.lang-fr #content h1 a {
		background: url(../images/grp6_main_strapline1_fr.png) no-repeat;
		width: 408px;
	}
	
	body.home #content h2 {
		width: 266px;
		height: 217px;
		border: 0px solid blue;
		float: left;
		padding: 20px 0 0 40px;
	}
		
	body.home #content h2 a {
		display: block;
		width: 244px;
		height: 51px;
		background: url(../images/grp6_main_strapline2.png) no-repeat;
		text-indent: -999em;
	}
	body.home #container.lang-fr #content h2 a {
		background: url(../images/grp6_main_strapline2_fr.png) no-repeat;
		height: 70px;
	}
	
	body.home #content .content-learnmore img {
		margin-left: 1px;
	}
		
	body.home #content .content-learnmore {
			width: 209px;
			height: 239px;
			border: 0px solid green;
			float: left;
		}
		
	body.home #content .content-learnmore p {
			 font-family:Arial, Helvetica, sans-serif;
			 color: #626960;
			 font-size: 90%;
			 padding: 5px 10px 0 15px;
		}
	
	/* ------------------------------ NEWS ------------------------------ */
	
	*html body.news #content {
		scrollbar-face-color: #D6F7CA;
		scrollbar-arrow-color: #B53B08;
		scrollbar-track-color: #DFFB72;
		scrollbar-shadow-color: #D6F7CA;
		scrollbar-highlight-color: #D6F7CA;
		scrollbar-3dlight-color: #616860;
		scrollbar-darkshadow-Color: #616860;
	}
	*html body.news #content {
		width: 780px;
	}
	body.news #content {
		background:url(../images/grp6_content_bkgrnd.jpg) no-repeat;
		padding-left: 105px;
		overflow-y: scroll;
		width: 780px;
		}
	body.news .lang-fr #content {
		padding-left: 140px;
		width: 745px;
	}
	body.news #content h1 {
		background:transparent url(../images/title_news.png) no-repeat scroll 0px 40px;
		display:block;
		height:69px;
		margin:0pt;
		padding:40px 0pt 0.5em 0px;
		text-indent:-999em;
		width:100%;
	}
	body.news #content h3 {
		font-weight: bold;
		margin-bottom: 10px;
	}
	body.news #content p {
		color:#626961;
		padding:0pt 0pt 1em 0px;
		width:500px;
		}
	body.news .lang-fr #content p {
		width:465px;
	}
	body.news #content .imageCaption {
		font-size: 80%;
	}
	body.news #content #newsImages {
		border: 0px solid red;
		width: 240px;
		float: right;
		margin-right: 1px;
	}
	body.news #content #newsImages img {
		margin-bottom: 5px;
	}
	body.news #content #newsImages p {
		width: 200px;
	}
	body.news #content #nextItem {
		height: 30px;
	}
	
	
	/* ------------------------------ PORTFOLIO ------------------------------ */
	
	body.portfolioHome #content h1,
	body.portfolio #content h1 {
		background:transparent url(../images/title_portfolio.png) no-repeat scroll 75px 40px;
		text-indent:-999em;
		height: 39px;
	}
	
	body.portfolioHome #container.lang-fr #content h1,
	body.portfolio #container.lang-fr #content h1 {
		background:transparent url(../images/title_portfolio_fr.png) no-repeat scroll 75px 40px;
	}
	
	body.portfolio #content ul.content-images li h1 {
		display: none;
	}
	
	body.portfolioHome #content,
	body.portfolio #content {
		color: #666666;
	}
	
	body.portfolioHome #content p {
		font-weight: normal;
		padding-left: 75px;
	}
	
	body.portfolioHome .content-home-nav,
	body.portfolio .content-home-nav {
		border: solid #626961;
		border-width: 1px 0 1px;
		height: 116px; /* height creates the space for the second horizontal line, although li's are floated, and therefore don't form part of vertical space */
		padding-left: 0;	
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 250px;
		background: #f2f9ed;
	}
	
	body.portfolioHome .content-home-nav dt,
	body.portfolioHome .content-home-nav dd,
	body.portfolio .content-home-nav dt,
	body.portfolio .content-home-nav dd {
		width: 116px;
		float: left;
	}
	
	body.portfolioHome .content-home-nav dt,
	body.portfolio .content-home-nav dt {
		margin-bottom: 1em;
		width: 116px;
		height: 116px;
	/*	border-left: 1px solid #626961;
		background: #FFFFFF; */
		margin-right: 10px;	margin-right: 16px;
	}
	body.portfolio .content-home-nav dt {
		margin-right: 24px;	

}
	
	
	body.portfolioHome .content-home-nav dl.content-projects-nav {
		display: block;
		left: 65px;
		position: absolute;
		width: auto;
		height: 234px;
	}
	
	body.portfolioHome .content-home-nav dl.content-projects-nav dt a,
	body.portfolio .content-home-nav dl.content-projects-nav dt a {
		display: block;
		width: 116px;
		height: 116px;
		/*
		border: 0px solid black;
		border-top: 20px; /* ust for presentation purposes remove it later */
		/*border-left: 0px; /* ust for presentation purposes remove it later */
		/*background: #fff; /* ust for presentation purposes remove it later */
	
	}
	
	body.portfolioHome .content-home-nav dd,
	body.portfolio .content-home-nav dd {
		margin: 116px 0 0 -126px;
	}
	
	body.portfolioHome .content-home-nav dl.content-projects-nav dd em,
	body.portfolio .content-home-nav dl.content-projects-nav dd em {
		display: block;
		width: 116px;
		height: 50px;
		border-left: 0px solid #626961;
	}
	
	body.portfolioHome .content-home-nav dl.content-projects-nav dt.rightBorder,
	body.portfolio .content-home-nav dl.content-projects-nav dt.rightBorder {
		border-right: 1px solid #626961;
	}
	body.portfolioHome .content-home-nav dl.content-projects-nav dd em i,
	body.portfolio .content-home-nav dl.content-projects-nav dd em i {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style:normal;
		letter-spacing: -0.1em;
		padding-left: 3px;
		display: block;
		width: 20px;
		height: 20px;
		color: #626961;
		background-color: #ffffff;
		border: 1px solid #626961;
	}

/*------------------------- Styling for in-project page menu -----------------------------*/
/*------------------------- May break other CSS -----------------------------*/

		body.portfolio #container #content {
			height: auto;
			padding-bottom: 20px;
			background: #E7F9D3 url(../images/grp6_content_bkgrnd.jpg) no-repeat scroll 0 0;
		}

		body.pDetails .content-home-nav {
			width: 665px; /*
			overflow: hidden;
			position: relative;
			top: 500px; */
			height: 121px;
			margin: 20px auto 0 auto;
			border: 1px solid #8a9887;
			padding-left: 65px;
		}
		
		body.portfolioHome .content-home-nav dl.content-projects-nav,
		body.portfolio .content-home-nav dl.content-projects-nav  {
			display: block;
			left: 75px;
			position: absolute;
			width: auto;
			height: 234px;
		}
		
		body.portfolioHome .content-home-nav dl.content-projects-nav dt,
		body.portfolio.content-home-nav dl.content-projects-nav dt {
			height: 221px;
			background-color: transparent;
			border-left: none;
		}
		
		body.portfolioHome .content-home-nav dl.content-projects-nav dt,
		body.portfolio .content-home-nav dl.content-projects-nav dt {
		}
		
		body.portfolio .content-home-nav dt{
			width:58px;
			height: 58px;
		}
		body.portfolio .content-home-nav dd {
			width:58px;
			margin:58px 0pt 0pt -69px;
			margin:58px 0pt 0pt -82px;
			font-size: 10px;
		}
		
		body.portfolio .content-home-nav dt.currentProject,
		body.portfolio .content-home-nav dd.currentProject {
			background-color: #E2F5DF;
			color: black;
		}
		
		
		body.portfolio .content-home-nav dl.content-projects-nav dt a  {
			width:58px;
			height: 58px;
		}
		
		body.portfolio .content-home-nav dt img {
			width:58px;
			height: 58px;
		}
		
		body.portfolio .content-home-nav dl.content-projects-nav dd em {
			width:58px;
			/* hidden for now */
			display: none;
		}
		body.portfolio .content-project {
/*			overflow: hidden;
			height: auto; */
		}
		
		body.portfolio .content-project-text,
		body.portfolio .content-images,
		body.portfolio .content-images-nav {
			/* this should be set in the javascript - it is only hidden for testing the menu */
		}

/*------------------------- project viewer nav controls -----------------------------*/
	#projectNavOuterBox {
		position: relative;
		width:184px;
		height:30px;
		top: -1px;
		border: 1px solid #626961;
		border-width: 0 1px 1px 1px;
		background:#f2f9ed;
		margin: 0 auto;
	}
	
/*-- left arrow btn --*/
	
	#projectNavOuterBox a#nav-btn-prev {
		display: block;
		float: left; 
		width:20px; 
		height:20px; 
		margin: 3px 3px 0 13px;
		padding-left: 23px;
		background:url(../images/btn_arrowleft.gif) no-repeat;
		width: auto;
		margin-left: 6px;
		outline: none;
	}
	#projectNavOuterBox>a#nav-btn-prev {
		margin-left: 13px;
	}
	
	#projectNavOuterBox a#nav-btn-prev:hover {
		background:url(../images/btn_arrowleft_active.gif) no-repeat;
	}

/*-- previous btn --*/
	
	#projectNavOuterBox a#nav-btn-prev span{
		display: block;
		float: left; 
		width:64px; 
		height:20px; 
		margin: 0 2px 0 0;
		background:url(../images/btn_prev.gif) no-repeat;
		text-indent: -999em;
	}
	
	#projectNavOuterBox a#nav-btn-prev>span {
		margin-right: 3px;
	}
	
	#projectNavOuterBox a#nav-btn-prev:hover span{
		background:url(../images/btn_prev_active.gif) no-repeat;
	}
	
/*-- next btn --*/

	#projectNavOuterBox a#nav-btn-next span {
		float: left; 
		width:41px; 
		height:20px; 
		margin: 0 3px 0 0;
		background:url(../images/btn_next.gif) no-repeat;
		text-indent: -999em;
	}
	
	#projectNavOuterBox a#nav-btn-next:hover span  {
		background:url(../images/btn_next_active.gif) no-repeat;
	}
	
/*-- right arrow btn --*/
	
	#projectNavOuterBox a#nav-btn-next  {
		float: left; 
		width:20px; 
		height:20px; 
		margin: 3px 0 0 0;
		background:url(../images/btn_arrowright.gif) no-repeat right 0;
		display: block;
		width: 0;
		padding-right: 64px;
		outline: none;
	}
	
	#projectNavOuterBox > a#nav-btn-next {
		width: auto;
		padding-right: 20px;
	}
	
	
	#projectNavOuterBox a#nav-btn-next:hover {
		background:url(../images/btn_arrowright_active.gif) no-repeat right 0;
	}
	
	body.portfolioHome dt img {
		border: 1px solid #626961;
		margin-top: 10px;
		background: none;
	}

/* ------------------------------ PEOPLE ------------------------------ */

	.hidden {
		display: none;
	}
	
	#peopleDetailsForPrint {
		display: none;
	}
	
	body.people #content {
		height: 470px;
		padding-top: 30px;
		font-size: 11px;
		color: #666666;
		padding-bottom: 20px;
	}
	body.people #content h1 {
		padding: 0;
		margin: 0;
		margin-left: 100px;
		background:transparent url(../images/title_people.png) no-repeat scroll 75px 10px;
		text-indent:-999em; 
		display:block;
		height: 39px;
		margin:0pt;
		padding: 0 0 0.5em 110px;
		width: auto;
		
	}
	body.people #container.lang-fr #content h1 {
		background:transparent url(../images/title_people_fr.png) no-repeat scroll 75px 10px;
	}
	#peopleNames {
		height: 90%;
		float:left;
		width:450px;
	}
	#peopleNames li {
		cursor: pointer;
	}
	#peopleDetails {
		border-color:#666666;
		border-style:solid;
		border-width:0 0 0 1px;
		float:right;
		height:90%;
		padding-left:10px;
		padding-right:10px;
		width:280px;
		background-color: #E9F9DF;
		margin: 0 10px 0 0;
	}
	#content>#peopleDetails {
		background-color: transparent;
	}
	#peopleDetails div {
	/*	background: #fff; */
		height: 98%;
				background-color: #E9F9DF;
	}
	#peopleDetails>div {
		background-color: transparent;
	}
	
	ul#namesPic {
		border-color:blue blue blue #666666;
		height:210px;
		margin-left:20px;
		padding-bottom:30px;
		padding-left:10px;
		padding-top:0;
		width:540px;
	}
	ul#namesPic li {
		border:0px solid blue;
		float:left;
		height:120px;
		width:180px;
	}
	ul#namesPic li img {
		border: 0px solid blue;
		float: left;
		margin-right: 5px;
		border: 1px solid #666666;
	}
	ul#namesPic li p {
		display: block;
		margin: 0;
		padding: 0;
	}
	ul#namesPic li p strong {
		display: block;
		font-weight: bold;
	}
	
	ul#namesText {
		border-color:#666666 blue blue;
		border-style:solid;
		border-width:1px 0px 0px;
		height:110px;
		padding-left:0;
		padding-top:20px;
		width:542px;
		margin: 0 0 0 30px;
	}
	ul#namesText li {
		float:left;
		width:135px;
		height: 22px;
		line-height:22px;
	}
	ul#namesText li a {
		color: #666;
		text-decoration: none;
	}
	ul#namesText li a:hover {
		color:#b33d04;
	}
	#peopleDetails p {
		padding: 5px;
		padding-top: 0;
		line-height: 16px;
	/*	background: url(../images/peopleDetailsGradSmall.gif) repeat-x; */
	}
	
	#peopleDetails img {
		margin: 0 0 15px; 0;
	
	}
	
	#peopleDetails div span {
		border: 0px solid #ffffff;
		background-color: #CC3200;
		color: #fff;
		display: block;
		padding: 0 0 2px 3px;
		margin: 0 0 1px 2px;
		width: 45px;
		height: 10px;
		float: left;
		line-height: 1em;
		display: none;
	}

/* ------------------------------ About ------------------------------ */


	
	body.about #content {
		background:url(../images/grp6_content_bkgrnd_ppl.jpg) no-repeat;
		padding-left: 75px;
	}
	
	body.about #content h1 {
		background:transparent url(../images/title_about.png) no-repeat scroll 0px 40px;
		text-indent:-999em;
		display:block;
		height:69px;
		margin:0pt;
		padding: 40px 0pt 0.5em 0;
		width:100%;
	}
	body.about #container.lang-fr #content h1 {
		background:transparent url(../images/title_about_fr.png) no-repeat scroll 0 40px;
	}
	
	body.about #content p{
		padding:0pt 0pt 1em 0;
		color: #626961;
		width:300px;
	}
	
	body.about li {
		color: #626961;
		font-weight: bold;
		width:300px;
		margin: 0 0 20px 0;
	}
	
	body.about li a {
		font-weight: normal;
	}
	

/* ------------------------------ What we do ------------------------------ */
	

	body.whatwedo #content strong {
		font-weight: bold;
	}
	body.whatwedo #content h1,
	body.whatwedoActive #content h1  {
		background:transparent url(../images/title_whatwedo.png) no-repeat scroll 0px 40px;
		text-indent:-999em;
		display:block;
		height: 90px;
		margin:0pt;
		padding: 0;
		width:100%;
	}
	body.whatwedo #container.lang-fr #content h1, 
	body.whatwedoActive #container.lang-fr #content h1{
		background:transparent url(../images/title_whatwedo_fr.png) no-repeat scroll 0 40px;
	}

	body.whatwedo #container #content {
		background: #E1F2DF url(../images/grp6_content_bkgrnd.jpg) no-repeat scroll 0 0;
		padding: 0 0 0 20px;
		/* remove grp6_content_bkgrnd4.jpg from bdpg6.css */
	}
	body.whatwedoActive #container #content {
		padding: 0 0 0 20px;
		background: #E1F2DF url(../images/bkgrnd_08_whatwedo.jpg) no-repeat;
	}
	body.whatwedo #container #content h1 {
		height: 90px;
		margin: 0;
		padding: 0;
	}

	body.whatwedo .SlidingPanels,
	body.whatwedoActive .SlidingPanels {
		position: relative;
		width: 600px;
		height: 360px;
		float: left;
		margin: 0;
		padding: 0px;
		border: 1px solid #394138;
		background:url(../images/transp_tile_white_200.gif);
		overflow: hidden;
}

	body.whatwedo .SlidingPanelsContentGroup,
	body.whatwedoActive .SlidingPanelsContentGroup {
		position: relative;
		width:1000em;
		margin: 0px;
		padding: 0px;
		min-height:0;
		border: none;
	}
	
	body.whatwedo .SlidingPanelsContent,
	body.whatwedoActive .SlidingPanelsContent {
		width: 600px;
		height: 360px;
		overflow: hidden;
		margin: 0 0 0 0;
		padding: 0px;
		float: left;
	}

/* non-js styles */

	body.whatwedo #container #content {
		height: 	auto;
		oveflow:	hidden;
	}
	body.whatwedo ul.panelNavArray {
		display: none;
	}
	
	body.whatwedo .SlidingPanels {
		float: none;
		position: static;
		height: auto;
		border:1px solid #394138;
	}
	
	body.whatwedo .SlidingPanels .SlidingPanelsContent {
		float: none;
		height: 361px;
		overflow: hidden;
		border-top:1px solid #A3B094;
	}
	body.whatwedo .SlidingPanels #p1.SlidingPanelsContent {
		border-top: none;
	}
	body.whatwedo .SlidingPanels .SlidingPanelsContent .infoTextBox {
		float: left;
	}
	
	body.whatwedo .SlidingPanels .SlidingPanelsContent .infoImageBox {
		float: right;
		width: 242px;
	}
	
	body.whatwedo #content h2,
	body.whatwedoActive #content h2 {
		padding: 0 0 0 20px;
	}
	body.whatwedo #content p,
	body.whatwedoActive #content p {
		padding: 0 0 0 20px;
	}
	
	/* ENDS */
	body.whatwedoActive ul.panelNavArray {
		float: left;
		top:42px;
		width: 600px;
		height:24px;
		margin: 0;
		padding: 0;
		background: url(../images/transp_tile_white.gif); /**/
		border-color:#394138;
		border-style:solid;
		border-width:1px 1px 0;
		}
		
	body.whatwedoActive ul.panelNavArray li {
		height:24px;
		list-style: none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		float: left;
		text-align: center;	
		display: block;
		border-right:1px solid #394138;
		width: 0px;
		}
		
	body.whatwedoActive div.lang-fr ul.panelNavArray li {
			
	}
	
	body.whatwedoActive ul.panelNavArray>li {
		width: auto;
	}
		
	body.whatwedoActive ul.panelNavArray li a {
		display: block;
		width:auto;
		height:24px;
		color: #4c584a;
		padding: 0 8px 0 8px;
		text-decoration: none;
		line-height: 24px;
		border: #394138;
		border-width: 1px 1px 0 1px;
		}
		
	body.whatwedoActive ul.panelNavArray li a:hover,
	body.whatwedoActive ul.panelNavArray li.selected a {
		text-decoration: none;
		color: #fff;
		background:#849361;
		}
	
	body.whatwedo .infoTextBox,	
	body.whatwedoActive .infoTextBox {
		float: left;
		margin-left: 0;
		width:330px;
		height:360px;
		padding: 0;
		}
				
	body.whatwedo .infoTextBox h2,
	body.whatwedoActive .infoTextBox h2 {
		font-family:Arial, Helvetica;
		font-size:16px;
		width: 330px;
		margin: 20px 0 0 0;
		color:#3f443e;
		padding: 0;
		}
			
	body.whatwedo .infoTextBox p,		
	body.whatwedoActive .infoTextBox p {
		float: left;
		font-family:Arial, Helvetica;
		font-size:12px;
		font-weight:200;
		line-height: 20px;
		color:#3f443e;
		margin: 20px 0 0 0;
		padding: 0;
		}
		
	body.whatwedo .infoImageBox,
	body.whatwedoActive .infoImageBox  {
		float: right;
		border-left: 1px solid #a3b094;
			
		}
	
	
	/* ------------------------------ Contact ------------------------------ */
	
	
	body.contact #content h1 {
		background:transparent url(../images/title_contact.png) no-repeat scroll 75px 40px;
		text-indent:-999em;
		display:block;
		height: 25px;
		width: 100%;
	}
	body.contact #container.lang-fr #content h1 {
		background:transparent url(../images/title_contact_fr.png) no-repeat scroll 75px 40px;
	}
	
	#contactForm input.red {
		color: #FF0000;
	}
	
	#container #nav {
		color: #0000FF;
		z-index: 10000;
	}
	#content {
		position: relative;
	}
	
	#contactForm {
		position: absolute;
		top: 120px;
		left: 75px;
		width: 200px;
		
	}
	#contactForm form {
		width: auto;
	}
	#contactForm label {
		padding-left: 1px;
	}
	#contactForm input,
	#contactForm textarea {
		background: #fff url(../images/form_shadow.gif) repeat-x top;
	}
	#contactForm input,
	#contactForm select {
		height: 18px;
	}
	#contactForm input,
	#contactForm textarea,
	#contactForm select {
		border: 1px solid #999;
		color:#7C3429;
		padding-left: 3px;
	}
	
	#contactForm input#emailSubmit {
		width: 65px;
		height: 20px;
		border: 0;
		color: #C05215;
		font-size: 0;
		cursor: pointer;
		background: url(../images/submit_off.gif);
		z-index: 100000000000;
	}
	#contactForm input#emailSubmit:hover {
		background: url(../images/submit_on.gif)
	}
	#container.lang-fr #contactForm input#emailSubmit {
		background: url(../images/submit_off_fr.gif);
		width: 85px;
	}
	#container.lang-fr #contactForm input#emailSubmit:hover {
		background: url(../images/submit_on_fr.gif)
	}
	
	/* ------------------------------ FOOTER ------------------------------ */
	
	#siteinfo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 70%;
		letter-spacing: 0.2px;
		color:#919a8f;
		height: 4em;
		padding-top: 5px;
	
	}
	#siteinfo  .companyInfo{
		float: left;
		width: 60%;
	
	}
	
	#siteinfo .copyright {
		float: right;
		text-align: right;
	
	}
	
	
	/* P ***** R ***** I ***** N ***** T ************* S ***** T ***** Y ***** L ***** E ***** S */
	
	@media print{
		
		#container #branding {
			display: none;
		}
		#container #nav {
			display: none;
		}
		
		body.contact #content #ctcCol1 {
			width: 170px;
		}
		body.contact #content #ctcCol1 p {
			padding-top: 10px;
			padding-left: 0;
		}
		body.contact #content #ctcCol1 img {
			padding-bottom: 0px;
		}
		#siteinfo {
			position: absolute;
			bottom: 0;
			right: 0;
		}
	
	/* ----------------------------- People Pages ----------------------------- */
	
		#peopleDetails div {
			display: block;
		}
		
		#peopleDetailsForPrint {
			display: block;
		}
		
		#peopleNames {
			display: none;
		}
		
		.hidden {
		display: block;
		}
	
	}
	
	/* ----------- TEMPORARY ONLY - LEAVE STUFF HERE AT YOUR PERIL ------------ */

	/*------------------------------------------------------------*/
	
	#content .content-learnmore p {
		color:#626960;
		font-family:Arial,Helvetica,sans-serif;
		font-size:85%;
		line-height:17px;
		padding:5px 10px 0pt 15px;
	}
	
	/*------------------------------------------------------------*/
	
	
	body#bdpg6.home	p.readMore {
		position: absolute;
		top:450px;
		left: 452px;
		width:60px;
		height:16px;
		font-size: 11px;
		text-align: center;
		background: #fff;
		margin: 0;
		padding:0;
		border:1px solid #636d62;
		}
		
	body#bdpg6.home	p.readMore a {
		display: block;
		width:60px;
		height:16px;
		}
		
	body#bdpg6.home	p.readMore a:hover{
		background: #c14c10;
		color: #fff;
		}