body {
 background-color: #f1f1f1;
 margin: 0;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0;
 font-family: Arial, Verdana, sans-serif;
 font-size: 100%;
 text-align: center;
}

div.clear {
 height: 0;
 line-height: 0;
 font-size: 0;
}

.clear {
 clear: both;
}

#container {
 margin-left: auto;
 margin-right: auto;
 width: 775px;
 border: 1px solid #164f96;
 border: 1px solid #0078c1;
 text-align: left;
 background-color: #ffffff;
}

/* Box model hack for IE5 */
* html #container {
 width: 773px;
 w\idth: 775px;
}

#header {
 /*
 height: 159px;
 background-image: url(images/header.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 */
 height: 120px;
 position: relative;
 border-bottom: 1px solid #164f96;
 border-bottom: 1px solid #0078c1;
}

#header p.strapline {
 margin: 0;
 padding: 0;
 position: absolute;
 bottom: 5px;
 right: 5px;
 color: #ffffff;
 font-weight: bold;
 font-size: 1em;
}

#header img#logo {
 position: absolute;
 /* top: 50px; */
 top: 10px;
 right: 25px;
}

#header img#strapline {
 position: absolute;
 /* top: 50px; */
 top: 50px;
 left: 25px;
}

#contentcontainer {
 background-image: url(images/content.gif);
 background-repeat: repeat-y;
 background-position: top left;
 background-color: #ffffff;
 /*
 border-top: 1px solid #ffffff;
 */
}

#nav {
 float: left;
 width: 200px;
 padding-left: 20px;
 padding-right: 20px;
 /*
 background-image: url(images/nav.jpg);
 */
 background-image: url(images/nav_background.jpg);
 background-repeat: repeat-x;
 background-position: top left;
 background-color: #71a0d8;
 background-color: #bbe7fb;
 color: #ffffff;
 color: #000000;
}

/* Box model hack for IE5 */
* html #nav {
 width: 240px;
 w\idth: 200px;
}

#nav ul {
 margin: 0;
 margin-top: 20px;
 margin-bottom: 40px;
 padding: 0;
 list-style: none;
}

#nav ul li {
 margin: 0;
 padding: 0;
}

#nav ul li a:link, #nav ul li a:visited {
 margin: 0;
 padding: 4px;
 padding-left: 10px;
 padding-right: 10px;
 display: block;
 background-color: transparent;
 font-size: 0.9em;
 color: #ffffff;
 color: #000000;
 text-decoration: none;
 letter-spacing: -0.03em;
 font-weight: normal;
}

#nav ul li a:hover, #nav ul li a:active {
 background-color: #ffffff;
 color: #00669b;
 font-weight: bold;
}

body.home #nav li.home a:link, body.home #nav li.home a:visited, body.home #nav li.home a:hover, body.home #nav li.home a:active,
body.about #nav li.about a:link, body.about #nav li.about a:visited, body.about #nav li.about a:hover, body.about #nav li.about a:active,
body.people #nav li.people a:link, body.people #nav li.people a:visited, body.people #nav li.people a:hover, body.people #nav li.people a:active,
body.project #nav li.project a:link, body.project #nav li.project a:visited, body.project #nav li.project a:hover, body.project #nav li.project a:active,
body.clients #nav li.clients a:link, body.clients #nav li.clients a:visited, body.clients #nav li.clients a:hover, body.clients #nav li.clients a:active,
body.awards #nav li.awards a:link, body.awards #nav li.awards a:visited, body.awards #nav li.awards a:hover, body.awards #nav li.awards a:active,
body.news #nav li.news a:link, body.news #nav li.news a:visited, body.news #nav li.news a:hover, body.news #nav li.news a:active,
body.careers #nav li.careers a:link, body.careers #nav li.careers a:visited, body.careers #nav li.careers a:hover, body.careers #nav li.careers a:active,
body.brochure #nav li.brochure a:link, body.brochure #nav li.brochure a:visited, body.brochure #nav li.brochure a:hover, body.brochure #nav li.brochure a:active,
body.directions #nav li.directions a:link, body.directions #nav li.directions a:visited, body.directions #nav li.directions a:hover, body.directions #nav li.directions a:active {
 background-color: transparent;
 color: #000000;
 font-weight: bold;
 cursor: default;
}

/* Hack to get IE understand the proper height of the navigation items */
* html #nav ul li a {
 height: 1%;
}

#nav div.box {
 margin-bottom: 25px;
}

#nav div.box h3 {
 margin: 0;
 padding: 0;
 font-size: 0.95em;
}

#nav div.box p {
 font-size: 0.75em;
}

#nav div.news p {
 margin: 0;
 padding: 0;
}

#nav div.box span.larger {
 font-size: 1.3em;
 font-weight: bold;
}

#nav div.box span.large {
 font-size: 1.05em;
 font-weight: bold;
}

#nav div.box span.small {
 font-size: 0.85em;
}

#nav div.box a:link, #nav div.box a:visited {
 text-decoration: underline;
 color: #ffffff;
 color: #000000;
 font-weight: bold;
}

#nav div.box a:hover, #nav div.box a:active {
 text-decoration: none;
 color: #ffffff;
 color: #000000;
}

#content {
 float: left;
 width: 480px;
 margin: 0;
 padding: 0;
 padding-top: 10px;
 padding-left: 30px;
 padding-right: 20px;
}

/* Box model hack for IE5 */
* html #content {
 width: 530px;
 w\idth: 480px;
}

#content h1 {
 margin: 0;
 margin-top: 15px;
 margin-bottom: 15px;
 padding: 0;
 color: #2760a7;
 color: #0078c1;
 font-size: 1.5em;
}

#content h2 {
 color: #2760a7;
 color: #0078c1;
 font-size: 1.2em;
}

#content h3 {
 color: #2760a7;
 color: #0078c1;
 font-size: 1em;
}

#content p, #content li, #content td {
 font-size: 0.9em;
}

#content p.highlight {
 font-size: 1.1em;
 font-weight: bold;
 text-align: center;
}

#content div.error {
 margin: 20px;
 padding: 10px;
 border: 1px solid #000000;
 background-color: #ff0000;
 color: #ffffff;
}

#content div.message {
 margin: 20px;
 padding: 10px;
 border: 1px solid #000000;
 background-color: #0dc404;
 color: #ffffff;
}

#content li {
 margin-bottom: 6px;
}

#content a:link, #content a:visited {
 color: #2760a7;
 color: #0078c1;
 text-decoration: underline;
 font-weight: bold;
}

#content a:hover, #content a:active {
 color: #2760a7;
 color: #0078c1;
 text-decoration: none;
}

#content div.strapline {
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 360px;
}

#content div.strapline p {
 display: inline;
 margin: 0;
 padding: 0;
 padding-top: 10px;
 padding-left: 10px;
 text-align: center;
 color: #2760a7;
 color: #0078c1;
 font-size: 1em;
 font-style: italic;
 font-weight: bold;
 background-image: url(images/strapline-left.gif);
 background-position: top left;
 background-repeat: no-repeat;
}

#content div.strapline p span {
 background-image: url(images/strapline-right.gif);
 background-position: top right;
 background-repeat: no-repeat;
 padding-top: 10px;
 padding-right: 10px;
}

* html #content div.strapline p, * html #content div.strapline p span {
 background-image: none;
}

#content div#contentnav {
 position: relative;
	font-family: sans-serif;
	font-size: 0.8em;
	height: 30px;
	width: 100%;
	background: url("images/menubg.gif") repeat-x bottom;
}

#content div#contentnav ul {
 position: absolute;
 left: 0;
 bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#content div#contentnav ul li {
 margin: 0;
 margin-left: 2px;
 padding: 0;
 float: left;
}

#content div#contentnav li a {
 float: left;
 display: block;
	margin: 0;
 padding: 0 0 0 5px;
	background: url("images/tabs-left.gif") no-repeat top left;
	border-bottom: 1px solid #000000;
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
 white-space: nowrap;
}

#content div#contentnav li a span {
 float: left;
 display: block;
 background:url("images/tabs-right.gif") no-repeat top right;
 padding: 5px 15px 4px 10px;
 width: .1em;
 cursor: pointer;
}

#content div#contentnav > ul a span {
 width: auto;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#content div#contentnav li a span {
 float: none;
}
/* End IE5-Mac hack */

#content div#contentnav ul li a:hover {
 background-position: left -200px;
 color: #00669b;
 text-decoration: underline;
}

#content div#contentnav ul li a:hover span {
 background-position: right -200px;
}

body#pageIndustrial div#contentnav li#navIndustrial a,
body#pageElectrical div#contentnav li#navElectrical a,
body#pageWater div#contentnav li#navWater a,
body#pageOther div#contentnav li#navOther a,
body#pageAwards div#contentnav li#navAwards a,
body#pageAccreditations div#contentnav li#navAccreditations a{
 background-position: left -400px;
 border-width: 0;
 color: #000000;
}

body#pageIndustrial div#contentnav li#navIndustrial a span,
body#pageElectrical div#contentnav li#navElectrical a span,
body#pageWater div#contentnav li#navWater a span,
body#pageOther div#contentnav li#navOther a span,
body#pageAwards div#contentnav li#navAwards a span,
body#pageAccreditations div#contentnav li#navAccreditations a span{
 background-position: right -400px;
 padding-bottom: 5px;
}

body#pageIndustrial div#contentnav li#navIndustrial a:hover, body#pageIndustrial div#contentnav li#navIndustrial a:hover span,
body#pageElectrical div#contentnav li#navElectrical a:hover, body#pageElectrical div#contentnav li#navElectrical a:hover span,
body#pageWater div#contentnav li#navWater a:hover, body#pageWater div#contentnav li#navWater a:hover span,
body#pageOther div#contentnav li#navOther a:hover, body#pageOther div#contentnav li#navOther a:hover span,
body#pageAwards div#contentnav li#navAwards a:hover, body#pageAwards div#contentnav li#navAwards a:hover span,
body#pageAccreditations div#contentnav li#navAccreditations a:hover, body#pageAccreditations div#contentnav li#navAccreditations a:hover span {
 text-decoration: none;
 cursor: default;
}

body#pageRecent div#contentnav li#navRecent a,
body#pageContract div#contentnav li#navContract a,
body#pageCompleted div#contentnav li#navCompleted a,
body#pageNewsletter div#contentnav li#navNewsletter a{
 background-position: left -400px;
 border-width: 0;
 color: #000000;
}

body#pageRecent div#contentnav li#navRecent a span,
body#pageContract div#contentnav li#navContract a span,
body#pageCompleted div#contentnav li#navCompleted a span,
body#pageNewsletter div#contentnav li#navNewsletter a span {
 background-position: right -400px;
 padding-bottom: 5px;
}

body#pageRecent div#contentnav li#navRecent a:hover, body#pageRecent div#contentnav li#navRecent a:hover span,
body#pageContract div#contentnav li#navContract a:hover, body#pageContract div#contentnav li#navContract a:hover span,
body#pageCompleted div#contentnav li#navCompleted a:hover, body#pageCompleted div#contentnav li#navCompleted a:hover span,
body#pageNewsletter div#contentnav li#navNewsletter a:hover, body#pageNewsletter div#contentnav li#navNewsletter a:hover span {
 text-decoration: none;
 cursor: default;
}

#content div.project, #content div.projectfirst {
 border: 1px solid #2760a7;
 border: 1px solid #0078c1;
 padding: 10px;
 margin-bottom: 15px;
 margin-left: 20px;
 width: 200px;
 float: left;
}

* html #content div.project, * html #content div.projectfirst {
 width: 222px;
 w\idth: 200px;
}

#content div.projectfirst {
 margin-left: 0;
}

#content div.project div.header, #content div.projectfirst div.header {
 background-color: #2760a7;
 background-color: #0078c1;
 border: 1px solid #2760a7;
 border: 1px solid #0078c1;
 padding-top: 10px;
 font-size: 0.9em;
 height: 6em;
}

#content div.project div.header h3, #content div.projectfirst div.header h3 {
 margin: 0;
 margin-left: 10px;
 margin-right: 10px;
 padding: 0;
 color: #ffffff;
 font-weight: normal;
}

#content div.project img, #content div.projectfirst img {
 border: 0;
}

#content div.project div.header span.strong, #content div.projectfirst div.header span.strong {
 font-weight: bold;
}

#content p.instruction {
 text-align: center;
 font-style: italic;
 font-size: 0.8em;
}

#content div.person {
 float: left;
 width: 187px;
 border: 1px solid #2760a7;
 border: 1px solid #0078c1;
 padding: 10px;
 margin-bottom: 15px;
 margin-right: 15px;
}

#content div.person div.header {
 background-color: #2760a7;
 background-color: #0078c1;
 border: 1px solid #2760a7;
 border: 1px solid #0078c1;
 padding-top: 10px;
}

#content div.person div.header h3 {
 margin: 0;
 margin-left: 10px;
 margin-right: 10px;
 padding: 0;
 color: #ffffff;
 font-weight: normal;
 font-size: 0.85em;
}

#content div.person div.header img {
 margin-top: 10px;
 border: 0;
}

#content div.person div.header span.strong {
 font-weight: bold;
}

body.personbig {
 margin: 0;
 padding: 0;
 background-color: #ffffff;
}

div.personbig {
 border: 2px solid #2760a7;
 border: 2px solid #2760a7;
 text-align: left;
 width: 500px;
 margin-left: auto;
 margin-right: auto;
}

div.personbig div.header {
 background-color: #2760a7;
 background-color: #2760a7;
 border-bottom: 2px solid #2760a7;
 border-bottom: 2px solid #0078c1;
 padding-top: 10px;
}

div.personbig div.header h3 {
 margin: 0;
 margin-left: 10px;
 margin-right: 10px;
 padding: 0;
 color: #ffffff;
 font-weight: normal;
 font-size: 1em;
}

div.personbig div.header img {
 margin-top: 10px;
 border: 0;
}

div.personbig p {
 margin: 10px;
 font-size: 0.9em;
}

div.personbig div.header span.strong {
 font-weight: bold;
}

#content img#peoplediagram {
 margin-bottom: 15px;
}

#content p.newsdate {
 font-style: italic;
 font-size: 0.8em;
 color: #2760a7;
 color: #0078c1;
}

#content dl dd {
 margin-bottom: 10px;
}

#content form {
 margin: 0;
 padding: 0;
}

#content form fieldset {
 border: 1px solid #2760a7;
 border: 1px solid #0078c1;
 margin-bottom: 10px;
 padding: 10px;
}

#content form legend {
 color: #2760a7;
 color: #0078c1;
 font-weight: bold;
}

#content form p {
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
}

#content form p.inline {
 margin-bottom: 10px;
}

#content form p label {
 float: left;
 clear: left;
 width: 100px;
 text-align: right;
 padding-right: 10px;
}

#content form p.inline label {
 float: none;
 clear: left;
 text-align: left;
 padding-right: 10px;
 width: auto;
}

#content form .fieldtext {
 width: 250px;
 color: #2760a7;
 color: #0078c1;
}

#content div#map {
 border: 1px solid #000000;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 40px;
 width: 450px;
 height: 450px;
}

span.mapinfo {
 font-family: Arial, Verdana, sans-serif;
 font-size: 0.85em;
}

#content span.awardimage img, #content span.accreditationimage img {
 float: left;
 margin-right: 15px;
 margin-bottom: 10px;
}

#content td span.image img
,#content td a.image img {
 border: 0;
 float: right;
 margin: 0 0 15px 10px;
}

#content td h2.accreditation {
 margin: 0 0 5px;
}

#content #accesskeystable, #content #accesskeystable td, #content #accesskeystable th {
 border: 1px solid black;
 padding: 2px;
}

#content #accesskeystable th {
 background-color: #2760a7;
 background-color: #0078c1;
 color: #ffffff;
}

#content #accesskeystable {
 border-collapse: collapse;
 width: 300px;
 margin: 0 auto;
 caption-side: bottom;
}

#content #accesskeystable caption {
 margin: 0 auto;
 font-style: italic;
}

#content #accesskeystable tr.highlight {
 background-color: #99b2cc;
}

#content #accesskeystable em {
 text-decoration: underline;
 font-weight: normal;
 font-style: normal;
}

#footer {
 clear: both;
 margin: 0;
 margin-top: 20px;
 margin-left: 240px;
 padding: 0;
 padding-bottom: 5px;
 border: 1px solid #ffffff; /* Necessary to close the gap at the bottom of the container */
}

#footer p {
 color: #8c8c8c;
 font-size: 0.75em;
 text-align: center;
 clear: left;
}

#footer p.credits {
 margin: 0;
 padding: 0;
 color: #8c8c8c;
 font-size: 0.65em;
}

#footer a:link, #footer a:visited {
 text-decoration: none;
 color: #8c8c8c;
}

#footer a:hover, #footer a:active {
 text-decoration: underline;
 color: #000000;
}

#footer table {
 border-left: 25px solid #ffffff; /* Padding and margin don't move table across by 25px in IE7 so border needed! */
}

#footer ul.logos {
 margin: 0;
 padding: 0;
 padding-left: 25px;
 height: 80px;
 list-style: none;
}

#footer ul.logos li {
 float: left;
 margin: 0;
 padding: 0;
 margin-left: 5px;
}

#footer ul.logos li img {
 border: 0;
}