/*
 *
 * IS Stylesheet
 *
 * text:      : #666;
 * IS blue    : #436AB2;
 * battleship : #333538;
 * lcd-green  : #8CC63F;
 * dharkness  : #222427;
 * =brahn     : #8A5D2A;
 * -brahn     : #765024;
 *  (c) Dave Needham 2008
 */


/* IE png bugfix

a, img, div {behavior: url('iepngfix.htc');}

*/


h1 {
	font-size: 2em;
	line-height:2.5em;
	margin:0;
	padding:0;
}

h2  {
	font-size:1.5em;
	line-height:2em;
	font-weight:normal;
	font-weight:bold;
	margin: 0 0 0.5em 0;
	color: #222427;
	}

li {
	list-style-type:none;
	}

address {font-style:normal;}

/* Layout */

img {border:0;}

* 	{
	font-family: Arial, sans-serif;
 	padding:0;
 	margin:0;
 	z-index:1;
 	}

body	{
 	background-image: url('images/background.gif');
 	background-position: top left;
 	background-repeat: repeat-x;
 	background-color: #84C8ED;
 	color: #666;
	background-attachment:fixed;
font-size:0.75em;
	}

p 	{
	margin: 0;
	padding: 0;
	}

ul	{
	list-style-type:none;
	}

#page	{
	position:absolute;
	left: 50%;
	margin: 10px 0 0 -480px ;
	width:920px;
	border: 1px #666 solid;
	background-color:#fff;
	float:left;
	padding:20px 20px 0 20px;
	}

#content
	{
	width: 100%;
	clear: left;

	}


#main {
	float:left;
	}

#head {
	float:left;
	width:100%;
	margin: 0 0 10px 0;
	}

	#logo	{
		float:left;
		display:block;
		}

	#strapline{
		margin-top: 45px;
		float:right;
		clear:none;
		display:block;
		}

/* -- */

.address {
	float:left;
	clear:none;
	width: 33%;
	display:block;
	}

.address p {
	margin:0 0 1em 0;
	}

/* HEADERS */

.home-header
	{
	display:block;
	background-image: url('images/engineering-experience.jpg');
	height: 0px;
	padding-top: 168px;
	width: 926px;
	overflow: hidden;
	background-repeat:no-repeat;
	clear:both;
	}

.beyond-integration,
.contact,
.articles,
.more-than-technology,
.company-overview,
.recruitment,
.markets-and-sectors,
.recruitment,
.service-spectrum
	{
	display:block;
	height: 0px;
	padding-top: 168px;
	width: 926px;
	overflow: hidden;
	background-repeat:no-repeat;
	}
.service-spectrum{
	background-image: url('images/service-spectrum.jpg');
	}
.markets-and-sectors{
	background-image: url('images/markets-and-sectors.jpg');
	}

.beyond-integration
	{
	background-image: url('images/beyond-integration.jpg');
	}

.contact
	{
	background-image: url('images/contact.jpg');
	}

.articles
	{
	background-image: url('images/articles.jpg');
	}

.more-than-technology
	{
	background-image: url('images/more-than-technology.jpg');
	}

.company-overview
	{
	background-image: url('images/company-overview.jpg');
	}

.recruitment
	{
	background-image: url('images/recruitment.jpg');
	}


.qsg-more
	{
	display:block;
	float:right;
	width: 15em;
	border:1px solid #000;
	background-color: #ccc;
	padding: 0.25em;
	}

/*type*/

a {color:#34567F; text-decoration:none;}

p	{
	margin:0;
	padding:0;
	}

.companies li {
	display:block;
	width:auto;
	border:1px solid #ccc;
	float:left;
	margin: 0 10px 10px 0;
	padding:10px;
	}

/* navigation */

#nav	{
	width:100%;
	padding:2px 0 2px 0;
	display:block;
	float:left;
	clear:both;
	list-style-type:none;
	margin:  0 0 12px 0;
	background-color:#494949;
	}

/* all list items */

#nav li {
	display:inline;
	text-indent:0;
	margin: 0;
	}

#nav a {
display:block;
	text-decoration:none;
	color: #fff;
	padding: 0 1em 0 1em;
	line-height:2em;
	}

#nav a:link {color: #fff;}
#nav a:visited {color: #fff;}
#nav a:active {color: #fff;}
#nav a:hover {color: #ffc; background-color:#222;}

#nav a:visited:hover {color:#ffc;}

/* all lists */

#nav ul {
	padding:0;
	margin:0;
	list-style: none;
	text-indent:0;
	padding:0;
	margin:0;
	z-index: 4000;
	}

/* all list items */

#nav li {
	float: left;
	position: relative;
	text-indent:0;
	margin: 0;
	}

.top li:hover, .top li.over {
	float: left;
	position: relative;
	text-indent:0;
	margin: 0;
	}


/* second-level lists */

#nav li ul {
	display: none;
	position: absolute;
	left: 0em;
	top: 2em;
	background-color:#494949;
	}



/* to override top left in proper browsers (IE, will position to the top right of the containing li, rather than bottom left) */

#nav li>ul {
	top: 2em;
	left:0em;
	}


/* lists nested under hovered list items */

#nav li:hover ul, #nav li.over ul
	{
	display: block;
	margin:0;
	padding:0;
	text-indent:0;
width:11em;
	z-index: 4000; /* fixes Firefox 'dropdown behind wrapped top-line when text size is big' prob */

}


#nav li:hover ul a, #nav li.over ul a{
	display:block;
	width:9em;
	line-height:2em;
	}


/* end navigation chaos */


#copy p {margin: 0 0 1em 0;}


#index #lead {
	width:550px;
	height:32.25em;
	float:left;
	clear:none;
	color:#7386A0;
	background-image: url('images/lead-fade.gif');
	background-repeat:repeat-x;
	background-position:bottom right;
	border: 1px solid #BEC7D3;
	border-width: 0 0 2px 0;
	margin: 0 0px 1em 0;
	}

#index #last {
	background-image:url('images/arrow-grau-grad1.png');
	background-position: bottom right;
	background-repeat:no-repeat;
	height: 11em;
	}

#index #service {
	height: 10em;
	width:49%;
	float:left;
	clear:none;
	background-color:#333538;
	color:#ffc;
	background-image: url('images/arrow-grun.png');
	background-repeat:no-repeat;
	background-position:bottom right;
}

.lead_hover {
	cursor:pointer;
	background-image: url('images/arrow-grau-grad1.gif') !important;
	background-repeat:repeat-x;
}

.noshow {display:none;}


#index #service h2{
	font-size:1em;
	background-color:#fff;
	margin: 2px 0 0 0;
	padding: 0 0.5em 0 0.5em;
	font-weight:normal;
	color: #333538;
	}

#index #case-studies {
	height: 10em;
	width:49%;
	float:right;
	clear:none;
	background-color:#8A5D2A;
	color:#ffc;
	background-image: url('images/arrow-orange-braun.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	}

#index #case-studies h2{
	font-size:1em;
	background-color:#fff;
	margin: 2px 0 0 0;
	padding: 0 0.5em 0 0.5em;
	font-weight:normal;
	color: #8A5D2A;
	}

#index #case-studies p,
#index #service p {
	margin:0.5em;
	}

.service_hover {
	background-color:#222427 !important;
	cursor:pointer !important;
	background-image: url('images/arrow-grau-dunkel.png')!important;
	}
	
.service_hover h2 {border-color:#222427;}
.case_hover {
	background-color:#765024 !important;
	cursor:pointer !important;
	background-image: url('images/arrow-gelb-braun.png')!important;
	}
	
.service_hover h2 {border-color:#765024;}


#focus-on, #focus-on2 {
	width:359px; 
	float:left; 
	clear:both;
	background-image: url('images/arrow-grau-weiss.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	margin: 0 0 0.5em 0;
	height: 22em;
	}

#focus-on P, #focus-on2 P {
	margin: 0 10px 0 10px;
	padding: 0 0 1em 0;
	line-height: 2em;
	font-weight:bold;
	}

.focus_hover{
	background-image: url('images/arrow-orange-gelb.png') !important;
	background-color:#F4EACC !important;
	cursor:pointer !important;
	}

/* Markets & Sectors */

#markets #main {width:563px; }
#markets #main h2 {color:#333538; font-size:1.25em; line-height:1em;}
#markets #main a {
	display:block;
	clear:both;  
	margin: 1em 0 0 0;
	padding: 1em 2em 1em 1em; 
	line-height: 1em;
	color:orange;
	background-image: url('images/arrow-grau.png');
	background-repeat:no-repeat;
	background-position:center right;
	background-color:#333538;
}

#markets .market p {height:7em;}
#markets .market p.short {height:3em;}
#markets .market a {height:2em;}
#markets .market {
	width:42%; 
	float:left;
	background-color: #ccc;
height: 14em;
padding: 2%;
margin: 0 2% 1em 0;
}

#markets #sectors {
	background-color:#333538; 
	float:left;
	width: 330px;
	padding:1em;
	color: #ffc;
	
}
#markets #sectors h3{
margin: 1em 0 0 0;
}

/* ABOUT */

#about #intro, #service-spectrum #intro {
	width:550px;
	float:left;
	margin: 0 12px 0 0;
	}

#about h2 {
	color:#333538;
	font-size:1.5em;
	margin: 0 0 0 0;
	}


#about #sites {
	width: 300px;
	margin: 0 0 0 10px;
	float:left;
	}

#about #sites dt {
width:300px;
	}

#about #sites a {
	width:100%;
	display:block;
	float:left;
	background-image: url('images/arrow-grun.png');
	background-repeat:no-repeat;
	background-position:center right;
	line-height: 3em;
	background-color:#333538;
	color : #8CC63F;
	padding: 0 1em 0 1em;
	margin: 0;
}

#about #sites dd {
	background-color:#333538;
	width:300px;
	padding: 0 1em 1em 1em;
	color: #ffe;
	margin: 0 0 1em 0;
}

#about #sites a:hover {
	background-image: url('images/arrow-gelb.png');
	color: #ffc;
}

#about #service, #about #brochure {
	width:49%;
	height: 8em;
	float:left;
	background-color:#333538; 
	color: #ffe;
	background-image: url('images/arrow-orange.png');
	background-repeat:no-repeat;
	background-position:bottom right;
}

#about #service h2, #about #brochure h2 {
	background-color:#fff;
	font-size:1em;
	margin:1px 0 0 0;
}

#about #service p, #about #brochure p {
	margin: 0.5em;
}
#about #brochure{
	background-color:#8A5D2A; 
	margin: 0 1% 0 0;
	background-image: url('images/arrow-orange-braun.png');
}

/* oooooo */

/* SPECTRUM */

#service-spectrum #principles  {
width: 330px;
float:left;
padding:1em;
background-color:#333538;
color: #ffe;
}

#principles h2 {color:#8CC63F;}

#service-spectrum #principles ul {
line-height: 2em;
font-weight:bold;
}

#service-download{
	padding:1em;
	width:50%;
	background-color:#333538;
	background-image: url('images/arrow-orange.png');
	background-repeat:no-repeat;
	background-position:bottom right;
color: #ffc;
}

#service-download a{
color:orange;
}

#service-download img{
 margin: 0 1em 0 0;
}

#service-download h2{
color:orange;
line-height: 1em;
margin:0;
padding:0;
}

/* CASE STUDIES */

#studies {
	font-size:10px;
	border-collapse: collapse;
	}

#studies td {border:1px solid #666;}


 .tr-hover{
	background-color:#ddf;
	cursor:pointer;
	}

.tr-hover a {
        width:100%;
	display:block;
	color:#fff;
	background-image: url('images/arrow-orange.png') !important;
	background-position: center right;
	background-repeat: no-repeat;
	line-height:3em;
	background-color:#333538;
}

#studies td {
	border: 1px solid #ccc;
	border-width: 0 1px 0 0;
	}

#studies th	{
	border:0 ; padding:0; margin:0;
	text-align:left;
	}
#studies {margin: 0 0 0 0;}

th a {padding: 0 2em 0 0.5em;
	line-height:3em;
}

.ticked {
	padding:10px 13px 10px 13px;
	float:right;
	}

/*

i move by psychokinetic power:

url('images/arrow-grau.png');

url('images/arrow-orange.png');

*/


/* Public Space */

/* Inner Navigation: */

#inner-navigation
{
	background-color: #333538;
	width:278px;
	list-style-type:none;
	margin:0 12px 0 0;
	padding:0;
	float:left;
	text-align:left;
	text-indent:0;
}

#inner-navigation li {
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	}

#inner-content {float:left; width: 626px; overflow:hidden;}

#inner-navigation a{
padding: 0 0 0 1em;
font-size:0.9em;
display:block;
background-color:#333538;
color:#ccc;
line-height:3em;
background-image: url('images/arrow-grau.png') !important;
background-position: center right;
background-repeat:no-repeat;
}

#inner-navigation a:hover{
background-image: url('images/arrow-grun-dunkel.png') !important;
color: #8CC63F;
background-color: #222427;
}

/* HEADING */


#public-control-rooms  #rooms,
#public-index #intro,
#public-service #service,
#public-infrastructure #infrastructure,
#public-integrated #integrated,
#case-technology #inner-navigation #technology,
#case-service #service,
#case-scope #scope,
#public-control-rooms  #rooms,

#oilgas-intro #intro,
#oilgas-security #security,
#oilgas-contractor #contractor,
#oilgas-efficiency #efficiency,
#oilgas-retail #retail,
#oilgas-transport #transport,
#oilgas-integrated #integrated,
#oilgas-sites #sites
	
{
background-image:url('images/arrow-orange-braun.png') !important;
color: orange;
background-color:#8A5D2A;
}

#inner-navigation .this a  {
background-image: url('images/arrow-orange.png');
}

/* PUBLIC SPACE INDEX */

#public-index #inner-content p {
 font-size:1.5em;
 line-height:1.25em;
 color:orange;
 background-color:#333538;
 padding:2%;
 margin:0;
}

#public-index h2{color:Orange; font-size:1.5em; line-height:1em; margin: 0 0 1.25em 0;}

#challenges, #account {
margin: 1% 0 0 0;
font-size:1em;
background-color:#333538;
float:left;
width:45%;
padding: 2%;
color: #ffc;
height:14em;
}

#challenges li, #account li {line-height:1.5em;}

#challenges {margin: 1% 1% 0 0;}
#account p {
font-weight:bold;
font-size:1em !important;
background:none !important;
height:3em;
}

.map {background-color:#E2E2E2; margin:0; padding: 0;}

/* SERVICE AND SUPPORT */

 .services_list  {
	width:250px;
	float:right;
	display:block;
	background-color: #333538;
	padding:0;
	height: 24em;
	margin: 0px;
	padding: 0;
	overflow:hidden;
	}

.services_list li {list-style-type:none; float:left; width:70px; text-align:right;}
.services_list img {margin:2em 0 0 35px;}

#flexible P, #flexible h2 {color:#8CC63F;}
#flexible {margin: 0; padding: 0 12px 0 12px; width: 100%; float:left; background-color:#333538; color: #ffd;}
#flexible h2 {color: #8CC63F;}
#flexible ul {line-height:2.5em;}

#KPI, #service-list {
	float:left;
	clear:both;
	margin:0;
	padding:0;
	width:47%;
	clear:none;
	padding:1em;
	background-color:#333538;
	padding: 2% 2% 2% 1%;
}

#service-list{
padding: 2% 1% 2% 2%;
}

#KPI li, #service-list li{
	font-size:0.9em;
	background-color:#222427;
	color:#8CC63F;
	line-height:1.5em;
	padding: 1em;
}

#inner-content {margin:0 0 1em 0;}

.consolidated h2{color:#fff; line-height:1em; padding:0; margin:0; font-size:1.25em;}
.consolidated {background-color: #406CB3; color:#fff; margin:0.5% 0.5% 0.5% 0;  padding:2%;  float:left; width:20%; font-size:0.9em; height:11em;}
.consolidated ul {float:left; clear:both; width:100%; margin:0; padding:0;}
.consolidated li {line-height:1.5em;}

.morethan {background-color: #333538; padding:2%; margin:0.5%;  float:left; width:19%; color:#fff; font-size:0.9em; height:11em;}
.morethan em {font-weight:bold; display:block; width:100%; clear:both; font-size:1.25em; font-style:normal; color:#8CC63F;}
.morethan p {margin:0; padding:0; color: #ddd;}

#public-integrated h2 {display:block; float:left; clear:both;}

#integrated-sub, #sites-sub {display:none;}

#public-integrated #integrated-sub, #oilgas-sites #sites-sub {display:block;}

#integrated-sub, #sites-sub {text-indent: 20px;}

.location {
 width:100%;
 float:left;
 clear:both;
 margin: 0 0 1em 0;
 background-color:#333538;
 color:#fff;
 padding:2%;
}

.location img {float:left; clear:left; display:block; width:154px;}
.location ul{padding:0; float:right; clear:none; width:430px;}
.location li {
float:right;
width: 170px;
	line-height:36px;
height:36px;
padding: 0 0 0 42px;
	list-style-type: none;
	margin: 0 0 1em 0;
font-size:11px;
	}
.location h3{margin: 0 0 1em 0;}

/* -ICONS- */

.access {
	background-image:url('images/icon_access.png');
	background-repeat:no-repeat !important;
	}

.anpr {
	background-image:url('images/icon_anpr.png');
	background-repeat:no-repeat !important;
	}
.barrier {
	background-image:url('images/icon_barrier.png');
	background-repeat:no-repeat !important;
	}

.cctv {
	background-image:url('images/icon_cctv.png');
	background-repeat:no-repeat !important;
	}
	
.comms_infra {
	background-image:url('images/icon_comms.png');
	background-repeat:no-repeat !important;
	}
	
.control {
	background-image:url('images/icon_control.png');
	background-repeat:no-repeat !important;
	}

.dda {
	background-image:url('images/icon_dda.png');
	background-repeat:no-repeat !important;
	}
.ex {
	background-image:url('images/icon_ex.png');
	background-repeat:no-repeat !important;
	}

.fire {
	background-image:url('images/icon_fire.png');
	background-repeat:no-repeat !important;
	}

.gps {
	background-image:url('images/icon_gps.png');
	background-repeat:no-repeat !important;
	}
	

.perimiter {
	background-image:url('images/icon_premieter.png');
	background-repeat:no-repeat !important;
	}
	
.integration {
	background-image:url('images/icon_im.png');
	background-repeat:no-repeat !important;
	}
.smartcard {
	background-image:url('images/icon_smartcard.png');
	background-repeat:no-repeat !important;
	}

.intercom {
	background-image:url('images/icon_intercom.png');
	background-repeat:no-repeat !important;
	}
.intruder {
	background-image:url('images/icon_intruder.png');
	background-repeat:no-repeat !important;
	}

	
.pda {
	background-image:url('images/icon_pda.png');
	background-repeat:no-repeat !important;
	}
.pubwatch {
	background-image:url('images/icon_pubwatch.png');
	background-repeat:no-repeat !important;
	}

.network {
	background-image:url('images/icon_comms.png');
	background-repeat:no-repeat !important;
	}
.shopwatch {
	background-image:url('images/icon_shopwatch.png');
	background-repeat:no-repeat !important;
	}
.video_analytics{
	background-image:url('images/video_analytics.png');
	background-repeat:no-repeat !important;
	}
/*end icons */


/* -White Icons- */

.access {
	background-image:url('images/icon_access.png');
	background-repeat:no-repeat !important;
	}

.anpr {
	background-image:url('images/icon_anpr.png');
	background-repeat:no-repeat !important;
	}
.barrier {
	background-image:url('images/icon_barrier.png');
	background-repeat:no-repeat !important;
	}

.cctv {
	background-image:url('images/icon_cctv.png');
	background-repeat:no-repeat !important;
	}
	
.comms_infra {
	background-image:url('images/icon_comms.png');
	background-repeat:no-repeat !important;
	}
	
.control {
	background-image:url('images/icon_control.png');
	background-repeat:no-repeat !important;
	}

.dda {
	background-image:url('images/icon_dda.png');
	background-repeat:no-repeat !important;
	}
.ex {
	background-image:url('images/icon_ex.png');
	background-repeat:no-repeat !important;
	}

.fire {
	background-image:url('images/icon_fire.png');
	background-repeat:no-repeat !important;
	}

.gps {
	background-image:url('images/icon_gps.png');
	background-repeat:no-repeat !important;
	}
	

.perimiter {
	background-image:url('images/icon_premieter.png');
	background-repeat:no-repeat !important;
	}
	
.integration {
	background-image:url('images/icon_im.png');
	background-repeat:no-repeat !important;
	}
.smartcard {
	background-image:url('images/icon_smartcard.png');
	background-repeat:no-repeat !important;
	}

.intercom {
	background-image:url('images/icon_intercom.png');
	background-repeat:no-repeat !important;
	}
.intruder {
	background-image:url('images/icon_intruder.png');
	background-repeat:no-repeat !important;
	}

	background-image:url('images/icon_pda.png');
.pda {
	background-repeat:no-repeat !important;
	}
.pubwatch {
	background-image:url('images/icon_pubwatch.png');
	background-repeat:no-repeat !important;
	}

.network {
	background-image:url('images/icon_comms.png');
	background-repeat:no-repeat !important;
	}
.shopwatch {
	background-image:url('images/icon_shopwatch.png');
	background-repeat:no-repeat !important;
	}
.video_analytics{
	background-image:url('images/video_analytics.png');
	background-repeat:no-repeat !important;
	}

/* */

#tables {
	display: block;
	float: left;
	border: #436AB2 dotted 1px;
	border-width:0 0 0 1px;
	padding: 0 0 0 20px;
	}


#petrochemical #form {
	background-color:#898c8f;
	margin: 0 0 0 12px;
	padding: 0 10px 0 10px;
	float:left;
	clear:none;
	width: 334px;
	height: 340px;
	color: #ddd;
}

p  {margin: 0 0 1em 0;}

#petrochemical h1 {font-size: 2em; line-height:2em;}
#petrochemical h2 {font-size:1em; color: #ddd;}

#petrochemical form {margin: 2em 0 0 0;}
#petrochemical fieldset {border:none;}
#petrochemical legend {font-weight:bold; font-size:1.3em; padding: 0; margin: 0 0 0.5em 0;}
#petrochemical label {width: 5em; float:left; margin: 0 0 0.5em 0; }
#petrochemical input {color: #ddd; padding:0 2px 0 2px; margin: 0 0 0.5em 0; border:1px solid #ddd; background-color: #898c8f;}

#accreditations h1 {
border: 4px solid #D79733;
border-width: 0 0 4px 0;
padding: 1em 0 0 0;
}
#accreditations h2 {padding: 0.75em 0 0.75em 0; color: #666; font-size:1em; font-weight:bold; border: 1px dashed #ccc; border-width: 0 0 1px 0;}
#accreditations #content li {line-height:1.3em; padding: 0.75em 0 0.75em 0;}
#accreditations #content {height: 33em;}
#accreditations #quality {width:20%; float:left; padding: 0 2em 0 0;}
#accreditations #industry {width:26%; float:left; padding: 0 2em 0 0;}
#accreditations #registrations {width:22%; float:left; padding: 0 2em 0 0;}
#accreditations #memberships {width:24%; float:left; }

#recruitment h1 {
}

#recruitment #intro{
float: left;
width: 546px;
clear:none;
border: 1px soild #ccc;
margin: 0 12px 0 0;
}

#recruitment #jobs {
background-color: #333538;
color: #eee;
width: 336px;
padding:1em 1em 0 1em;
float:left;
}

#recruitment #intro p {width:47%; float:left; padding: 0 1em 0 0;}

#jobs h2 {color:#eee;}
#recruitment #jobs ul {line-height:2em; margin: 0 0 1em 0;}
#jobs a {
	background-image: url('images/arrow-grun.png');
	background-position: bottom right;
	background-repeat:no-repeat;
	display:block;
	width:100%;
	line-height:3em;
	color: #8CC63F;
	}

#jobs a:hover{
	color: orange;
	background-image: url('images/arrow-orange.png');
}

/* CONTACT */

#contact #intro {float:left; width: 550px; }

#contact #intro dd, #contact #intro dt {display:inline;}

#offices {display:block; margin: 0 20px 0 4em; padding: 0 0 1em 0; width:300px; float:left; font-size:1em; clear:right;}

#offices * {color:#ffc}
#london, #midlands, #northern, #international {
width:100%;
padding: 0.5em 1em 0.5em 1em;
display:block;
float:left;
background-color: #333538;
margin: 0 0 1em 0;
font-size:10px;
}

#international {padding: 0.5em 1em 0.5em 1em; margin: 0 0 3em 0; }
#contact #content {margin:0 0 1em 0; padding:0;}
#contact form {width:600px; float:left; clear:none; margin:0 0 1em 0; padding:0 0 1em 0;}
#contact label {margin: 0 0 0.5em 0; width:10em; margin: 0 0 0 1em; float:left; clear:left;}
#contact input {margin: 0 0 0.5em 0; border:1px solid #666; width:20em; float:left;clear:right;}
#contact textarea {margin: 0 0 1em 0; border:1px solid #666; width:20em; height:10em; float:left;clear:right;}
#contact select {margin: 0 0 0.5em 0; border:1px solid #666; width:15em;}
#contact fieldset {border:0; margin:0 0 1em 0; padding:0}
#contact legend {font-size:1em; font-weight:bold; margin: 1em 0 0.5em 0.5em; padding:0;}


#registered h2 {font-size:1em; margin: 1em 0 0 0;}
#registered dl {width:590px !important; float:left; clear:both; margin: 1em 0 1em 0; height:5em;}
#registered dt {width: 120px; float:left;}
#registered dd {width: 400px; float:left; clear:right;}


#offices h2 {font-size:1em; font-weight:bold;}
#offices address {font-style:normal; width: 50%; display:block; float:left; overflow:none;}
#offices dl {width:13em; float:right;}
#offices dt {width:1em; float:left;}
#offices dd {width:12em; float:left; clear:right;}

#london a, #midlands a, #northern a, .saudi {
font-size:1em;
width:100%;
float:left;
clear:both;
line-height:3em;
background-image: url('images/arrow-grau.png');
background-position: bottom right;
background-repeat:no-repeat;
}

#london a:hover, #midlands a:hover, #northern a:hover, #international a:hover {
color: #eee;
}

/* ARTICLES */

#markets h1,
#articles h1, 
#recruitment h1, 
#about h1,
#service-spectrum h1,
#contact h1,
#case-technology h1,
#case-scope h1,
#case-service h1,
#public-control-rooms h1,
#public-index h1,
#public-service h1,
#public-infrastructure h1,
#public-integrated h1,
#oilgas-intro h1,
#oilgas-security h1,
#oilgas-contractor h1,
#oilgas-efficiency h1,
#oilgas-retail h1,
#oilgas-transport h1,
#oilgas-integrated h1,
#oilgas-sites h1
{
	border: 4px solid #D79733;
	border-width: 0 0 4px 0;
	padding: 1em 0 0 0;
	margin: 0 0 0.5em 0;
}

// #articles #content, #accreditations #content {font-size:0.8em;}

#articles #content h2 {padding: 0 0 0 100px;}
#articles #content p{padding: 0 10px 0 100px;}
#articles #IT-Bytes {width:50%; float:left; background-image:url('images/article-IT.jpg'); background-repeat:no-repeat;}
#articles #business {width:50%; float:left; background-image:url('images/article-business.jpg'); background-repeat:no-repeat;}
#articles #aquisition {width:50%; float:left; background-image:url('images/article-aquisition.jpg'); background-repeat:no-repeat;}
#articles #oil {width:50%; float:left; background-image:url('images/article-oil-gas.jpg'); background-repeat:no-repeat;}
#articles #content h2 a { font-size: 0.9em; background-image:none; line-height:1em; margin: 0 0 0.9em 0;}
#articles .download a{
	font-size:1em;
	width:100%;
	float:left;
	clear:both;
	line-height:3em;
	background-image: url('images/arrow-grau-weiss.png');
	background-position: center right;
	background-repeat:no-repeat;
	border: 2px solid #ccc;
	border-width: 0 0  1px 0;
	padding:0 0 0.5em 0;
	margin: -1em 0 2em 0;
	}

#articles .download a:hover {
	background-image: url('images/arrow-grun-weiss.png');
	color: #8CC63F;
	}


/* INFRASTRUCTURE */

#public-infrastructure caption {background:#999A9C; margin: 1em 0 0 0; font-size: 1.25em; padding: 0.5em; color:#333538; font-weight:bold;}
#public-infrastructure table {color: #ffc; width:100%; background-color: #333538;}
#public-infrastructure caption {text-align:center; width:100%;  clear:both;}
#public-infrastructure table {margin: 1em 0 1em 0; }
#public-infrastructure thead th { background-color:#222427; border:none; width:33%;}
#public-infrastructure th {padding:0.5em;}
#public-infrastructure td {border:none; padding:0.5em;}
#public-infrastructure h3 {font-size:1em;
line-height:1.5em;
color:#fff;
padding:0.5em;
margin: 1em 0 1em 0;
float:left;
color:#666;
border:1px solid #666;
border-width: 0 0 1px 0;
width:100%;
margin: 0 0 0.5em 0;
}

#comms, #mobility {
width:45%;
padding:2%;
float:left;
clear:none;
background-color:#333538;
height: 15.7em;
color:#ffc;
}

#mobility {margin: 0 0 0 10px;}

#mobility h2, #comms h2 {line-height:1em; border:0 !important; margin:0 0 0.5em 0 !important; padding:0 !important; font-size: 1.5em !important; color: #8CC63F !important;}

th {text-align:left;}

abbr {border: 1px dotted #666; border-width: 0 0 1px 0; text-decoration:none;}


.key {display:block; margin: 0; padding:0 0 1em 0; clear:both; width:100%; clear:both; background-color:#E2E2E2; overflow:auto;}
ul .key {margin:0 0 0 10px;}
.key li {float:left; width:13em; font-size:0.8em; list-style-type:none;}
.key img {float:left; margin: 0 1em 0 0;}

#public-infrastructure h2  {font-size:1em;
margin:0;
padding:0 0 0 10px;
width:100%;
clear:both;
float:left;
border:1px dashed #666;
border-width:1px 0 0 0;
color:#666;
}

#connection{
width:100%;
 color: #fff;
 background-color:#333538;
 float:left;
 clear:both;
 padding:2%;
}

#connection img {}
#connection li h4 {width:100%; float:left; clear:both; text-align:center;}
#connection li {text-align:center; width:200px; float:left; height:20em;}

#transport ul {float:right; clear:both; width:200px;margin: 0 0 1em 0;}
#transport h3 {float:right;clear:both; width:200px; margin: 0 0 0.5em 0;}

/* FOOTER */

#foot	{
	display:block;
	width:100%;
	clear:both;
	float:left;
	font-size: 10px;
	padding: 5px 0 5px 0;
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	text-align: left;
	}

#foot address {display:inline;}
#qsg_signoff {float:right;}
#qsg_signoff img {display:inline !important; vertical-align: bottom;}

.brochure_hover {color:#000 !important;}

.spectrum_hover {color:#000 !important;}


a small {width:100%; clear:both; float:left;}

/* Oil & Gas */

	/* Transport */

	#boat_img, #truck_img {float:left; display:block; border:1px solid #ccc; border-width: 0 0 0 2px; margin:0 0 20px 0;}
	#truck_img {border:none;}

	#oilgas-transport #factors  {display:block; clear:both; float:left;  width:100%; padding: 0 0 1em 0; color: #765024 }
	#oilgas-transport #factors li {width: 33%; float:left; line-height:3em;}
	#oilgas-transport h2 {font-size:1.2em; color:#5C0906;}

	/* Security */

	#oilgas-security .uses li{float:left; width: 50%; margin: 0 0 1em 0; color: #765024}
	#oilgas-security .benefits{display:block; width:100%; float:left; clear:both;}
	#oilgas-security .benefits li {float:left; width: 50%; margin: 0 0 1em 0; color: #765024}
	#oilgas-security .statistics {border-collapse:collapse; float:left; line-height:2em; background-color:#eef;}
	#oilgas-security .statistics thead th {color:#000; border: solid orange 1px; border-width: 0 0 3px 0; }
	#oilgas-security .statistics tbody th {font-weight:normal;}
	#oilgas-security .statistics tbody th {width:100%;}
	#oilgas-security .statistics th, .statistics td {padding:0 1em 0 0;}
	#oilgas-security .statistics tbody td{font-weight:bold;}
	#oilgas-security h2 {font-size:1.2em; color:#222427;}

	/* Contractor */

	#oilgas-contractor .features li{float:left; width: 40%; margin: 0 0 1em 0; color: #765024;}
	#oilgas-contractor p {width: 72%;}
	#oilgas-contractor #inner-content {background-repeat:no-repeat; background-position: right -7px; background-image: url('/is/images/contractors.gif');}
	#oilgas-contractor h2 {font-size:1.2em; color:#7386a0;}
	
	/* Retail */
	
	#oilgas-retail .features li{float:left; width: 50%; margin: 0 0 1em 0; color: #003a11;}
	#oilgas-retail blockquote {margin: 1em 0 0 0; display:block; background-color: #003a11; color: #97C260;  padding: 1em 12em; float:left; clear:both; font-weight:bold; text-align:center;}

	/* Site Efficiency */

	#oilgas-efficiency #inner-content li{float:left; width:33%; margin: 0 0 1em 0; color: #765024; }
	#oilgas-efficiency h2 {font-size:1.2em; color:#222427;}
	#oilgas-efficiency #inner-content img {margin: 0 0 10px 0;}

	/* Integrated Systems */

	#oilgas-integrated .left{float:left; display:block; width:300px;} 
	#oilgas-integrated .right{float:left; display:block; width:300px;} 
	#oilgas-integrated h2 {font-size:1.2em; color:#222427;}
	#oilgas-integrated ul {background-image:none !important;}

	/* sites */
		
	#oilgas-sites #inner-content img {display:block; width: 218px; float:left; clear:left; margin: 0 20px 0 0;}
	#oilgas-sites #inner-content h2 {display:block; width:600px; font-size:1.2em; float:left; clear:both; margin: 1em 0 0 0; }
	#oilgas-sites #inner-content h3, #oilgas-sites #inner-content #office {display:block; width:600px;  font-size:1.2em; float:left; clear:both; padding: 1em 0 0 0;  border:2px solid orange; border-width: 1px 0 0 0; }
	#oilgas-sites #inner-content li { width:110px; float:left; line-height: 3em; padding: 0 0 0 50px; margin: 0 0 1em 0;}
	#oilgas-sites #inner-content ul {display:block; width: 380px; float:left; margin:0 0 1em 0; overflow:none;}
	#oilgas-sites #inner-content #foot img {height:10px; width:10px;}
	
/* Intro */

	#oilgas-intro .sections li{
		line-height: 30px;
		font-weight: bold;
		}

	#oilgas-intro  .technologies li { 
		width: 310px 
		float:left; 
		line-height: 40px;
		padding: 0 0 0 50px; 
		}

	#oilgas-intro .sections,
	#oilgas-intro .technologies {
		display:block;
		float:left; 
		clear:none; 
		width:300px;
		margin:0 0 1em 0;
		}


	#oilgas-intro .sections p, 
	#oilgas-intro .technologies p {margin: 0 1em 1em 0;}

	#oilgas-intro  .world {padding: 1em 0 1em 0;float:left; width:100%; clear:both; border: 1px solid orange; border-width: 1px 0 0 0;}
	#oilgas-intro  .world img{ float:left; margin: 20px 20px 40px 0;}
	#oilgas-intro  .world ul {margin: 0 0 1em 0;}


	#oilgas-intro blockquote {background-color: #8A5D2A; width:100%; float:left; color: orange; text-align:center; font-weight:bold;
	padding: 1em 0 1em 0; font-size:1.25em;}


/* -White Icons- */

	#oilgas-intro .access,  #oilgas-sites .access {
				background-image:url('images/icon_access_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .anpr, #oilgas-sites .anpr {
				background-image:url('images/icon_anpr_white.gif');
				background-repeat:no-repeat !important;
				}
	#oilgas-intro .barrier,	#oilgas-sites .barrier {
				background-image:url('images/icon_barrier_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .cctv, #oilgas-sites .cctv {
				background-image:url('images/icon_cctv_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .comms_infra , #oilgas-sites .comms_infra {
				background-image:url('images/icon_comms_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .control,	#oilgas-sites .control {
				background-image:url('images/icon_control_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .dda , #oilgas-sites .dda {
				background-image:url('images/icon_dda_white.gif');
				background-repeat:no-repeat !important;
				}
	#oilgas-intro .ex, #oilgas-sites .ex {
				background-image:url('images/icon_ex_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .fire , #oilgas-sites .fire {
				background-image:url('images/icon_fire_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .gps, #oilgas-sites .gps {
				background-image:url('images/icon_gps_white.png');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .perimiter, #oilgas-sites .perimiter {
				background-image:url('images/icon_perimeter_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .record ,	#oilgas-sites .record {
				background-image:url('images/icon_record_white.gif');
				background-repeat:no-repeat !important;
				}


	#oilgas-intro .integration, #oilgas-sites .integration {
				background-image:url('images/icon_im_white.gif');
				background-repeat:no-repeat !important;
				}
	#oilgas-intro .smartcard, #oilgas-sites .smartcard {
				background-image:url('images/icon_smartcard_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .intercom, #oilgas-sites .intercom {
				background-image:url('images/icon_intercom_white.gif');
				background-repeat:no-repeat !important;
				}
	#oilgas-intro .intruder, #oilgas-sites .intruder {
				background-image:url('images/icon_intruder_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .pda , #oilgas-sites .pda {
				background-image:url('images/icon_pda_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .pubwatch, #oilgas-sites .pubwatch {
				background-image:url('images/icon_pubwatch_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .parking,	#oilgas-sites .parking {
				background-image:url('images/icon_parking_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .network,	#oilgas-sites .network {
				background-image:url('images/icon_comms_white.gif');
				background-repeat:no-repeat !important;
				}
	#oilgas-intro .shopwatch, #oilgas-sites .shopwatch {
				background-image:url('images/icon_shopwatch_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .video,	#oilgas-sites .video{
				background-image:url('images/icon_video_white.gif');
				background-repeat:no-repeat !important;
				}

	#oilgas-intro .video_analytics,	#oilgas-sites .video_analytics{
				background-image:url('images/icon_video_analytics_white.gif');
				background-repeat:no-repeat !important;
				}


	.single_card {float:left; width:100%; clear:both; border:1px solid #ccc; border-width: 1px 0 0 0; padding: 1em 0 0 0; margin: 1em 0 0 0;}

	.single_card li{width:50%; float:left; margin:0 0 1em 0; color:#000; }

/* Black Strap Molasses and Wheatgerm Bread */