@charset "UTF-8";

@import url("reset.css");


/*-----------------------*/
/*TYPOGRAPHY*/
/*-----------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
}
#content h1 {
	font-size: 2.50em;
	margin: 0 0 0.75em 0;
	font-weight: normal;
	text-transform: lowercase;
}
#content .main_content h2 {
	font-size: 1em;
	margin: 0 0 0.75em 0;
	font-weight: normal;
}
#content .main_content h3 {
	font-size: 0.75em;
}
#content .main_content p {
	margin: 0 0 0.83em 0;
}
#content .main_content ul {
	margin: 0 0 0.83em 0;
}

#footer {
	font-size: 0.92em;
}

#content .sub_content ul {
	margin-left: 15px;
}

/*-----------------------*/
/*STRUCTURE*/
/*-----------------------*/
#wrap {
	width: 950px;
	padding: 30px 15px 15px 15px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	height: 1%;
	background-position: 0 60px;
	background-repeat: no-repeat;
}

/*HEADER
-----------------------*/

#header {
	height: 95px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position: relative;
}
#header h1 {
	position: absolute;
	top: 0;
	right: 0;
	text-align:  right;
}
#header ul {
	position: absolute;
	width: 950px;
	height: 22px;
	bottom: 15px;
}
#header ul li {
	list-style: none;
	float: left;
}
#header ul li a {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	margin: 0 10px 0 0;

}
#header ul li a span {
	display: none;
}
#header ul li#mm_home a {
	background-position: 0 0;
	width: 60px;
}
#header ul li#mm_home a:hover,
#header ul li#mm_home.nav-selected a {
	background-position: 0 -22px;
}
#header ul li#mm_culture a {
	background-position: -150px 0;
	width: 80px;
}
#header ul li#mm_culture a:hover,
#header ul li#mm_culture.nav-selected a {
	background-position: -150px -22px;
}
#header ul li#mm_people a {
	background-position: -300px 0;
	width: 71px;
}
#header ul li#mm_people a:hover,
#header ul li#mm_people.nav-selected a {
	background-position: -300px -22px;
}
#header ul li#mm_sustainability a {
	background-position: -450px 0;
	width: 129px;
}
#header ul li#mm_sustainability a:hover,
#header ul li#mm_sustainability.nav-selected a {
	background-position: -450px -22px;
}

#header ul li#mm_projects_portfolio a {
	background-position: -900px 0;
	width: 90px;
}
#header ul li#mm_projects_portfolio a:hover,
#header ul li#mm_projects_portfolio.nav-selected a {
	background-position: -900px -22px;
}
#header ul li#mm_knowledge a {
	background-position: -600px 0;
	width: 110px;
}
#header ul li#mm_knowledge a:hover,
#header ul li#mm_knowledge.nav-selected a {
	background-position: -600px -22px;
}

#header ul li#mm_contact {
	float: right;
}
#header ul li#mm_contact a {
	background-position: -750px 0;
	width: 82px;
}
#header ul li#mm_contact a:hover,
#header ul li#mm_contact.nav-selected a {
	background-position: -750px -22px;
}


/*CONTENT
-----------------------*/
#content {
	padding: 30px 0 30px 0;
}
#content .main_content {
	float: right;
	width: 615px;
	padding: 15px;
	min-height: 390px;
}
#content .sub_content {
	float: left;
	width: 275px;
	min-height: 420px;
}
#content .main_content,
#content .sub_content {
	border-style:  solid;
	border-width: 5px;
}

/*SUB CONTENT*/
#content .sub_content ul.nav,
#content .sub_content ul.nav ul {
	margin: 0;
}
#content .sub_content ul.nav li {
	list-style: none;
	margin:0;
}
#content .sub_content ul.nav li a:link,
#content .sub_content ul.nav li a:visited {
	display: block;
	padding: 10px 10px 10px 25px;
	text-decoration: none;
	font-size: 1.17em;
	background-position: 10px 50%;
	background-repeat:  no-repeat;
}
#content .sub_content ul.nav li a:hover,
#content .sub_content ul.nav li.nav-selected a.active {
	background-position: 10px 50%;
	background-repeat:  no-repeat;
}
#content .sub_content ul.nav li.nav-selected ul li {
	display: block;
}
#content .sub_content ul.nav li.nav-selected ul li a:link,
#content .sub_content ul.nav li.nav-selected ul li a:visited {
	padding: 5px 5px 5px 35px;
	font-size: 1em;
	background-position: 15px 25%;	
	background-repeat:  no-repeat;
}
#content .list ul.nav li.nav-selected ul li a:hover,
#content .list ul.nav li.nav-selected ul li.nav-selected a {
	background-position: 15px 25%;	
	background-repeat:  no-repeat;
}

/*FOOTER
-----------------------*/
#footer ul {
	float: left;
	 width: 600px;
}
#footer li {
	list-style: none;
	display: inline;
	padding: 0 3px;
	border-right-style: solid;
	border-right-width: 1px;
}
#footer li a {
	text-decoration: none;
}
#footer p {
	margin-left: 620px;
}

/*-----------------------*/
/*COLOUR*/
/*-----------------------*/
body {
	color: #4d4c4f;
}

/*HEADER
-----------------------*/
#header {
	border-bottom-color: #CCC;
}
#header ul li a {
	background-image: url(../img/shared/menu.gif);
	text-decoration:  none;
	color: #666;
}

/*CONTENT
-----------------------*/

#content .main_content,
#content .sub_content {
	border-color: #eaeaea;
}
#content .sub_content {
	background: #dad9d9;
}
#content .main_content {
	background: #faf9f7;
}

#content h1 {
	color: #df6d08;
}
#content .main_content h2 {
	color: #df6d08;
}
#content .main_content p {
}
#content .main_content ul {
}
#content a:link,
#content a:visited {
	color: #df6d08;
}
#content a:hover,
#content a:active {
	color: #000;
}

/*SUB CONTENT*/

#content .sub_content ul li a:link,
#content .sub_content ul li a:visited {
	color: #666567;
	background-image: url(../img/projects/subnav_add_black.gif);
}
#content .sub_content ul li a:hover,
#content .sub_content ul li.nav-selected a {
	color: #FFF;
	background-color: #df6d08; 
	background-image: url(../img/projects/subnav_add_white.gif);
}
#content .sub_content ul li.nav-selected ul {
	background: #3b3838;
}
#content .sub_content ul li.nav-selected ul li a:link,
#content .sub_content ul li.nav-selected ul li a:visited {
	color: #FFF;
	background-image: url(../img/projects/subnav_bg.gif);
}
#content .sub_content ul li.nav-selected ul li a:hover,
#content .sub_content ul li.nav-selected ul li a{
	background-color: #232222;
	background-image: url(../img/projects/subnav_bg.gif);
}

#content .sub_content ul li.nav-selected ul {
	background: #3b3838;
}

#content .sub_content ul li.nav-selected ul li a {
	background: none;
}
#content .sub_content ul li.nav-selected ul li a.nav-selected {
	background-color: #232222;
	background-image: url(../img/projects/subnav_bg.gif);
}

/*FOOTER
-----------------------*/
#footer li {
	border-right-color: #b1b0b0;
	color: #b1b0b0;
}
#footer li a:link,
#footer li a:visited {
	color: #e4650b;
}
#footer li a:hover,
#footer li a:active {
	color: #000;
}


/*-----------------------*/
/*HOME*/
/*-----------------------*/
#home_slideshow {
	width: 940px;
	overflow: hidden;
	border: 5px solid #eaeaea;
}


/*-----------------------*/
/*PROJECTS/PORTFOLIO*/
/*-----------------------*/

/*SLIDESHOW
-----------------------*/
#content .project_viewer {
	float: right;
	width: 645px;
	padding: 0;
	background: #eaeaea;
}
#slideshow {
	overflow: hidden;
	height: 1%;
	margin: 0;
}
#slideshow_mask {
	width: 645px;
	height: 400px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;	
}
#slideshow_mask ul {
	position: absolute;
	margin: 0;
	padding: 0;
}
#slideshow_mask ul li {
	list-style: none;
	float: left;
	width: 645px;
	height: 400px;
	position: relative;
	overflow: hidden;
}
#slideshow_mask ul li img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9994;
}
#slideshow_mask ul li h3,
#slideshow_mask ul li p {
	display: none;
}
#slideshow_mask .description {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 645px;
	margin: 0;
	z-index: 9995;
}
#slideshow_mask .description .overlay {
	position: absolute;
	width: 645px;
	background: #df6d08;	
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	left: 0;
	z-index: 9996;
}
#slideshow_mask .description .info_container {
	position: absolute;
	top: 0;
	left: 0;	
	z-index: 9997;
}
#slideshow_mask .description .info {
	padding: 0 20px 20px 10px;
	width: 615px;
	overflow: hidden;
	height: 1%;
	color: #FFF;
}
#slideshow_mask ul li .description .info h3,
#slideshow_mask ul li .description .info p {
	display: block;
}
#slideshow_mask ul li .description .info h3 {
	font-size: 1.2em;
	padding-right: 76px;
	margin-bottom: 5px;
}
#slideshow_mask .description a {
	top: 0;
	right: 0;
	width: 76px;
	height: 20px;
	display: block;
	background: url(../img/projects/readmore-btn.gif);
	background-position: 0 0;
	color: #FFF;
	position: absolute;
	text-decoration: none;
	display: block;
	text-indent: -9990px;
	outline: none;
}
#slideshow_mask .description a.selected,
#slideshow_mask .description a:hover {
	background-position: 0 -20px;
}
#slideshow p.slide_nav {
	float: right;
	width: 76px;
	height: 14px;
	cursor: pointer;
	background-image: url(../img/projects/gallery_nav.gif);
	display: block;
	text-indent: -9999px;
	outline: none;
	margin: 0;
}
#slideshow #next {
	background-position: -76px 0;
}
#slideshow #next:hover {
	background-position: -76px -14px;
}
#slideshow #previous {
	background-position: 0 0;
	margin-right: 5px;
}
#slideshow #previous:hover {
	background-position: 0 -14px;
}


/*-----------------------*/
/*NEWS*/
/*-----------------------*/

/*NEWS LIST*/
/*-----------------------*/
/*#content .news_list ul {
	margin: 0;
}
#content .news_list ul li {
	list-style: none;
	pad//ding: 1.25em;
}
#content .news_list ul li h3 {
	font-size: 1em;
	font-weight: normal;
}
#content .news_list ul li h3 a {
	text-decoration: none;
}
#content .news_list ul li.active {
	backg//round: #3b3838;
}
#content .news_list ul li.active p {
	col//or: #FFF;
}*/



.news_list .ccm-page-list .news-article {
	padding: 1.25em;
}
.news_list .ccm-page-list-title {
	font-size: 1em;
	font-weight: normal;
}
.news_list .ccm-page-list-description {
	
}

#content .news_list .ccm-page-list .nav-selected {
	background: #3b3838;
	color: #FFF;
}

/*NEWS DETAIL*/
/*-----------------------*/
#content .news_detail .title {
	float: left;
	width: 216px;
}
#content .news_detail h2 {
	font-size: 1.50em;
}
#content .news_detail .description {
	float: right;
	width: 376px;
}


/*PEOPLE*/
/*-----------------------*/
#content .people_list {
	min-height: 400px;
}
#content .profile {
	background: #DF6D08;
	border: none;
	padding: 0 15px 0 0 ;
	width: 630px;
}

#content .profile ul {
	float: right;
	width: 350px;
	padding: 0 5px;
	background: #FFF;
	margin: 0;
}
#content .profile ul li {
	list-style:  none;
	float: left;
	margin: 0;
	padding: 0;
}
#content .profile ul li a {
	display: block;
	width: 175px;
	height: 205px;
	background-repeat: no-repeat;
}
#content .profile ul li a.active {
	cursor: default;
}

#content .profile ul li a span {
	display: none;
}
#content .profile ul.directors li a {
	background-image: url(../img/people/directors.jpg);
}
#content .profile ul.directors li#mark_grigsby a {
	background-position: 0 0;
}
#content .profile ul.directors li#mark_grigsby a:hover,
#content .profile ul.directors li#mark_grigsby a.active {
	background-position: 0 -205px;
}
#content .profile ul.directors li#geoff_foord a {
	background-position: -175px 0;
}
#content .profile ul.directors li#geoff_foord a:hover,
#content .profile ul.directors li#geoff_foord a.active {
	background-position: -175px -205px;
}
#content .profile ul.directors li#gerard_smith a {
	background-position: -350px 0;
}
#content .profile ul.directors li#gerard_smith a:hover,
#content .profile ul.directors li#gerard_smith a.active {
	background-position: -350px -205px;
}
#content .profile ul.directors li#ted_adams a {
	background-position: -525px 0;
}
#content .profile ul.directors li#ted_adams a:hover,
#content .profile ul.directors li#ted_adams a.active {
	background-position: -525px -205px;
}


#content .profile .description {
	float: left;
	width: 220px;
	padding: 15px;
	color: #FFF;
}
#content .profile .description a {
	color: #FFF;
}
#content .profile .description h2 {
	font-size: 1.6em;
	margin: 0 0 0.83em 0;
	text-transform: lowercase;
	color: #FFF;
}

/*CONTACT DETAIL*/
/*-----------------------*/
.office {
	float: left;
	width: 395px;
	padding: 15px;
	border: 5px solid #eaeaea;
	background: #faf9f7;
	margin-right: 30px;
}
.office h2 {
	color: #df6d08;
	font-weight: normal;
	margin: 0 0 1.2em 0;
}
.office p {
	margin: 0 0 1em 0;
}
.office h3 {
	display: none;
}
.map {
	height: 325px;
}


/*SUSTAINABILITY*/
/*-----------------------*/
#content .sustainability_side,
#content .sustainability_main {
	padding: 15px;
	min-height: 405px;
}
#content .sustainability_main {
	background: #faf9f7;
}
#content .sustainability_side {
	width: 245px;
}
#content .sustainability_side h2 {
	font-weight: normal;
	color: #df6d08;
}


/*CULTURE*/
/*-----------------------*/
#content .culture {
	background: none;
	border: none;
	padding: 0;
	min-height: auto;
	width: 645px;
}
#content .culture .description {
	float: left;
	width: 250px;
	padding: 15px;
	background: #df6d08;
	min-height: 400px;
	color: #FFF;
}
#content .culture .description h2 {
	font-size: 1.6em;
	margin: 0 0 0.83em 0;
	text-transform: lowercase;
	color: #FFF;
}
#content .culture .hero-image {
	float: right;
	width: 360px;
	min-height: 400px;
	overflow: hidden;
}