/* Swatches

H2 Blue			#0071B4
Tertiary Blue	#88ACD9

*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: #e3e4e5;
	text-align: center;
	}
img {
	border: none;
	}
p {
	margin: 0 0 .8em 0;
	}
a {
	color: #0071B4;
	text-decoration: none;
}
a.more-link {
	display: block;
	margin-top: .8em;
}
h1 {
	margin:/*-14px for weird cufon space*/ 0 0 0.4em 0;
	color: #0071B4; /* #a7bcde */
	font-size: 4.2em;
	font-weight: normal;
	text-transform: lowercase;
	line-height: 70%;
	}
div.primary h1 {
	color: #88ACD9;
}	
div.secondary h1 {
	color: #0071B4;
}
h2 {
	font-size: 1.6em; margin: 0 0 0.8em 0; color: #0071B4; line-height: 1.2em; letter-spacing: -0.02em;
	}
	body#contact h2 {
		font-size: 1em; font-weight: bold;
	}
h3 {
	font-size: 1.2em;
	margin: 1.5em 0 0.7em 0;
	}
	div#column-1 h3 {
		color: #0071B4;
		margin: 0 0 1em 0;
		font-size: 1em;
	}
	body#news div#column-1 h3 {
		margin-top: 1.2em;
	}
	body#contact div#column-1 h3 {
		margin: 1.5 0 0.6em 0;
	}
h4, h5, h6 {
	font-size: 1em;
	margin: 1.6em 0 .8em 0;
	}
sup {
	line-height: 0;
}
#wrapper {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff url(/images/interface/shadow.gif) repeat-y;
	text-align: left;
	}
#header, #content {
	margin: 0 10px 0 10px;
	padding: 0 40px 0 40px;
	clear: both; /* Added whilst nav menu developing */
	}
#header {
	color: gray;
	background: #ffffff url(/images/interface/rule.gif) no-repeat bottom;
	padding-top: 20px;
	min-height: 154px;
	position: relative;
	}
#nav {
	padding: 0 0 30px 0; text-transform: lowercase;
	}
#nav ul {
	list-style-type: none;
	}
ul {
	padding: 0;
	margin-top: 0;
	}
#mainmenu {
	font-size: .9em;
	margin: 90px 0 0 0;
	list-style-type: none;
	padding: 0;
	}
#mainmenu li {
	color: #666666;
	}
#mainmenu a {
	color: #666666;
	}
#mainmenu a:hover {
	color: #6e8fc3;
	}
#submenu {
	font-size: .9em;
	margin: 0.75em 0 0 0; /* 142px */
	/*padding-top: 6px;*/
	/* clear: both; */
	}
#submenu a {
	color: #6e8fc3;
	}
#submenu a:hover {
	color: #0071b4;
	}
#header li {
	/*display: inline;
	margin-right: 7px;*/
	}
li a {
	text-decoration: none;
	}
p#logo {
	/*float: right;*/
	position: absolute;
	z-index: 40;
	/*margin: 0 -18px 0 0;*/
	right: 22px;
	}
	p#logo a {
	width: 157px;
	height: 99px;
	display: block;
	text-indent: -9999em;
	background-image: url(/images/tap.gif);
	background-repeat: no-repeat;
}
#content {
	color: #ffffff;
	padding-top: 26px;
	padding-bottom: 38px;
	overflow: auto;
	}
div.primary {
	background: #0071b4 url(/images/interface/rule.gif) no-repeat bottom;
	}
div.secondary {
	background: #9fa5a8 url(/images/interface/rule.gif) no-repeat bottom;
	}
div.tertiary {
	background: #88acd9 url(/images/interface/rule.gif) no-repeat bottom;
	}
/*
#content p, #content li {
	line-height: 1.6;
	}
*/
#content img {
	margin: 6px 0 12px 0;
	}
#content em {
	color: #0071b4;
	font-style: normal;
	}
#colleft {
	width: 180px;
	float: left;
	height: 200px;
	overflow: auto;
	}
#colleftcontact {
	width: 180px;
	float: left;
	}
div.colleftscroll {
	}
#colleft ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#colleft li {
	margin: 0 0 12px 0;
	padding: 0;
	}
#colleft a, #colleftcontact a {
	color: #0071b4;
	text-decoration: none;
	}
#colleft a:hover, #colleftcontact a:hover {
	color: white;
	text-decoration: none;
	}
#colright {
	width: 480px;
	margin-left: 197px;
	}
#newsticker a {
	color: black;
	}
#footer {
	margin: 5px 0 0 0;
	padding: 0 50px 21px 50px;
	background-image: url(/images/interface/shadow-footer.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	clear: none;
	overflow: auto;
	}
#footer p {
	font-size: .8em;
	color: #999999;
	margin: 0;
	/*text-align: right;*/
	float: right;
	/*right: 50px;*/
	}
table {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
th {
	padding-right: 20px;
	vertical-align: top;
	padding-top: 4px;
	text-align: left;
	}
input.cv {
	width: 140px;
	}
select {
	width: 210px;
	}
textarea {
	width: 210px;
	}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
div#colright.news {
	margin-top: -68px;
	}
p.credit {
	font-size: .8em;
	color: gray;
	text-align: center;
	}
p.credit a {
	color: gray;
	text-decoration: none;
	}
p.credit a:hover {
	color: black;
	text-decoration: none;
	}
p.quote {
	font-size: 2em;
	}

/*========NEW FROM IAN (2009-06-30 ONWARDS)========*/
	
div#column-1
	{float: left; width: 128px;}

div#column-2
	{float: right; width: 522px;}
	
	body#services div#column-1,
	body#services div#column-2
		{width: 45%;}
	
		body.choose h2
			{font-size: 1.4em;}
			
div#column-1 ul
	{list-style-type: none; /*margin: 0 0 0 0;*/}
	
	div#column-1 ul li
		{margin: 0 0 0.7em 0;}
		
		div#column-1 ul li a
			{color: #FFF;}
			
			div#column-1 ul li a:hover
				{color: #0071B4;}
				
div#gallery
	{overflow: auto; clear: both; margin: 0 0 2em 0;}
	
	div#gallery img
		{float: left; display: block; margin: 0;}
		
body#choose div#gallery img,
body#services div#gallery img
	{margin: 0 3px 0 0;}
	
	body#choose div#gallery img.last,
	body#services div#gallery img.last
		{margin-right: 0;}
		
body.project div#gallery img
	{margin: 0 10px 10px 0;}

p#download a,
p#rss a
	{display: block; width: 128px; height: 34px; text-indent: -9999em; background-repeat: no-repeat; margin-top: 1.4em;}
	
p#download a
	{background-image: url(/images/interface/button-download.png);}
	
p#rss a
	{background-image: url(/images/interface/button-rssfeed.png); margin-bottom: 1.5em;}
	
ul.bullet
	{list-style-image: url(/images/interface/list-bullet.png); font-weight: bold; margin: 1.5em 0 1.5em 0;}
	
	body#services ul.bullet,
	body#goals ul.bullet,
	body#projects ul.bullet
		{font-weight: normal;}
	
	ul.bullet li
		{margin: 0 0 0.5em 2em;}
		
		div#column-1 ul.bullet li,
		div#column-2 ul.bullet li
			{margin-left: 2em;}
		
		ul.bullet strong
			{text-transform: uppercase;}
			
blockquote
	{margin: 1.2em 0; padding: 12px 0 0 55px; font-family: GlyphaLTStd, Georgia, Arial, Helvetica, sans-serif; font-size: 1.2em; background-repeat: no-repeat; background-position: 5px 0;
	 background-color: #0071B4; background-image: url(/images/interface/quote_1st_left.png);}
	 
	 body#about blockquote
	 	{width: 408px;}
	 
	 body#feedback blockquote
	 	{width: 75%;}
	
	blockquote p
		{margin: 0 5px/*for bg image spacing*/ 0 0; padding: 0 55px 15px/*optically better than 12px*/ 0; background-repeat: no-repeat; background-position: right bottom;
		 background-image: url(/images/interface/quote_1st_right.png);}
		
	blockquote p cite
		{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}

	blockquote.every-second
		{background-color: #444444; background-image: url(/images/interface/quote_2nd_left.png);}
		
		blockquote.every-second p
			{background-image: url(/images/interface/quote_2nd_right.png);}
		
	blockquote.every-third
		{background-color: #90B6E1; color: #0071B4; background-image: url(/images/interface/quote_3rd_left.png);}
		
		blockquote.every-third p
			{background-image: url(/images/interface/quote_3rd_right.png);}

div#nav
	{position: relative; z-index: 50;}
	
	div#nav ul li
		{float: left; line-height: 130%;}

	div#nav ul#mainmenu li
		{border-right: 1px solid #0071B4;}
		
		div#nav ul#mainmenu li.last
			{border: 0;}
		
		div#nav ul#mainmenu li a
			{padding: 0 0.5em;}
			
			div#nav ul#mainmenu li.first a
				{padding-left: 0;}
				
	div#nav ul#submenu li
		{margin: 0 1em 0 0;}
	
div.post
	{margin: 0 0 3em 0; padding: 0 0 3em 0; border-bottom: 1px solid #FFF;}
	
	div.post ul
		{margin: 0 0 0 2.5em;}
		
		div.post ul li
			{margin: 0 0 1em 0;}
			
body#news div#column-2 div.last
	{border: 0; padding-bottom: 0;}
				
body#news div#column-1 h3
	{color: #0071B4; border-top: 1px solid #FFF; padding-top: 1.5em;}

/*main menu*/	
body#home #nav-home a,
body#choose #nav-choose a,
body#projects #nav-projects a,
body#recruitment #nav-recruitment a,
body#news #nav-news a,
body#contact #nav-contact a,
/*choose submenu*/
body#services #nav-choose a,
body#services #nav-services a,
body#about #nav-choose a,
body#about #nav-about a,
body#staff #nav-choose a,
body#staff #nav-staff a,
body#environmental #nav-choose a,
body#environmental #nav-environmental a,
body#goals #nav-choose a,
body#goals #nav-goals a,
body#feedback #nav-choose a,
body#feedback #nav-feedback a,
/*project submenu*/
body#corporate #nav-projects a,
body#corporate #nav-corporate a,
body#commercial #nav-projects a,
body#commercial #nav-commercial a,
body#data-upgrades-industrial #nav-projects a,
body#data-upgrades-industrial #nav-data-upgrades-industrial a,
body#education-health #nav-projects a,
body#education-health #nav-education-health a,
body#leisure-retail #nav-projects a,
body#leisure-retail #nav-leisure-retail a,
body#residential #nav-projects a,
body#residential #nav-residential a
	{color: #0071B4; font-weight: bold;}
	
body#staff div.profile
	{overflow: auto; margin: 0 0 2em 0;}
	
	body#staff div.profile img
		{display: block; float: left; margin: 0 30px 0 0;}
		
	body#staff div.profile div
		{float: left; width: 450px;}
		
	body#staff h2
		{margin: 0 0 0.4em 0;}
	
	body#staff p.role
		{color: #0071B4; font-weight: bold;}
		
		body#staff p.role strong
			{color: #FFFFFF;}
			
body#environmental h2
	{margin-top: 2em;}
	
body.project div#column-1
	{width: 160px;}
	
body.project div#column-2
	{width: 490px;}
	
body#contact div#column-1
	{width: 200px;}
	
body#contact div#column-2
	{width: 450px;}
	
body#contact dl
	{overflow: auto; margin: 0 0 2em 0;}
	
	body#contact dl dt,
	body#contact dl dd
		{display: block; float: left;}
	
	body#contact dl dt
		{width: 0.7em; clear: left; margin: 0 5px 0 0; text-transform: lowercase; color: #0071B4;}
		
	body#contact dl dd
		{width: 130px; margin: 0;}
	
div#footer ul
	{float: left; margin: 0; list-style-type: none; font-size: 0.8em; overflow: auto;}
	
	div#footer ul li
		{display: block; float: left; margin: 0 15px 0 0; text-indent: -9999em; background-repeat: no-repeat;}
		
		div#footer ul li#iso9001,
		div#footer ul li#iso14001
			{width: 36px; height: 28px;}
		
		div#footer ul li#iso9001
			{background-image: url(/images/interface/logo_iso_9001.png);}
			
		div#footer ul li#iso14001
			{background-image: url(/images/interface/logo_iso_14001.png);}
			
		div#footer ul li#ace
			{width: 67px; height: 28px; background-image: url(/images/interface/logo_ace.png);}
			
		div#footer ul li#cibse
			{width: 110px; height: 28px; background-image: url(/images/interface/logo_cibse.png);}

/*========TOOLBOX========*/

.clear:after, #nav ul:after
	{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 1%; line-height: 0;}
	
.hide
	{position: absolute; left: -9999em;}
	
:focus
	{outline: 0;}