* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, verdana, helvetica, sans-serif;
	background: #f2f2f2 url(../images/bg_home.jpg)  no-repeat top left;
	font-size: 11px;
	color: #333333;
	text-align: center;
}

a:link, a:visited {
	color: #333333;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

h1 {
	margin-right: 27px;
	float: left;
	height: 89px;
	width: 60px;
	text-indent: -99999px;
	background:  url(../images/logo_pp.gif) no-repeat top left;
}

h1 a {
	height: 89px;
	width: 60px; 
	display: block;
	outline: none;
}

h2 {
	margin-top: -70px;
	float: right;
	width: 324px; 
	display: inline;
	text-indent: -99999px;
	height: 63px;
	
}

h3 {
	color: #005953;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

h4 {
	font-weight: bold;
	margin-bottom: 3px;
	margin-left:1px;
	font-size: 11px;
}

h6 {
	color: #005953;
	font-size: 11px;
	font-weight: bold;
}
#wrapper {
	width: 912px;
	position: absolute;
	padding: 27px;
	top: 50%;
	left: 50%;
	height: 560px;
	margin: -308px 0 0 -485px;
	border: 2px solid #e6e6e6;
	text-align: left;
	overflow: hidden;
	background: #ffffff;
}
#wrapper_flash {
	width: 825px;
	border: 0px solid #e6e6e6;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	height: 125px;
	background: #ffffff;
}

#header {
	float: left;
	width: 912px;x
}

.skip {
	float: right;
	padding-right: 20px;
	color: #888787;
}
.skip a {
	text-decoration: none;
	color: #888787;
	font-weight: bold;
	font-size: 10px;
}

/* - - - - -  Nav homepage - - - - - */

#nav { float: left; width: 825px; height: 93px; }
#nav ul { float: left; list-style: none; position: absolute; top: 40px; left: 126px; }
#nav li { float: left; position: absolute; }
#nav li a:link, #nav li a:visited { position: absolute; text-indent: -99999px; outline: none; }
#nav li a:hover { display: block; }

#nav li#about { left: 376px; width: 177px; height: 22px; background: url(../images/nav/about2_off.gif) no-repeat; }
#nav li#about a:link, #nav li#about a:visited { width: 177px; height: 22px;  }
#nav li#about a:hover { background: url(../images/nav/about2_on.gif) no-repeat; }

#nav li#environment { left: 577px; width: 94px; height: 22px; background: url(../images/nav/environment2_off.gif) no-repeat; }
#nav li#environment a:link, #nav li#environment a:visited { width: 94px; height: 22px; }
#nav li#environment a:hover { background: url(../images/navenvironment2_on.gif) no-repeat; }

#nav li#people { left: 706px; width: 90px; height: 22px; background: url(../images/nav/people2_off.gif) no-repeat; }
#nav li#people a:link, #nav li#people a:visited { width: 90px; height: 22px; }
#nav li#people a:hover { background: url(../images/nav/people2_on.gif) no-repeat; }

#nav li#services { left: 376px; top: 22px; width: 115px; height: 22px; background: url(../images/nav/services2_off.gif) no-repeat; }
#nav li#services a:link, #nav li#services a:visited { width: 115px; height: 22px; }
#nav li#services a:hover { background: url(../images/nav/services2_on.gif) no-repeat; }

#nav li#case { left: 577px; top: 22px; width: 96px; height: 22px; background: url(../images/nav/case2_off.gif) no-repeat; }
#nav li#case a:link, #nav li#case a:visited { width: 96px; height: 22px; }
#nav li#case a:hover { background: url(../images/nav/case2_on.gif) no-repeat; }

#nav li#news { left: 706px; width: 55px; height: 22px; background: url(../images/nav/news2_off.gif) no-repeat; }
#nav li#news a:link, #nav li#news a:visited { width: 55px; height: 22px; }
#nav li#news a:hover { background: url(../images/nav/news2_on.gif) no-repeat; }

#nav li#brand { left: 376px; top: 44px; width: 140px; height: 22px; background: url(../images/nav/brand2_off.gif) no-repeat; }
#nav li#brand a:link, #nav li#brand a:visited { width: 140px; height: 22px; }
#nav li#brand a:hover { background: url(../images/nav/brand2_on.gif) no-repeat; }

#nav li#contact { left: 577px; top: 44px; width: 70px; height: 22px; background: url(../images/nav/contact2_off.gif) no-repeat; }
#nav li#contact a:link, #nav li#contact a:visited { width: 70px; height: 22px; }
#nav li#contact a:hover { background: url(../images/nav/contact2_on.gif) no-repeat; }


/* Main Page Naviagtion */

body.main #nav p#log { float: left; position: absolute; width: 285px; height: 22px; top: 40px; left: 126px; background: url(../images/nav/log1_off.gif) no-repeat; }
body.main #nav p#log a:link, #nav p#log a:visited { position: absolute;	width: 285px; height: 22px;	 text-indent: -99999px;  }
body.main #nav p#log a:hover { background: url(../images/nav/log1_on.gif) no-repeat; display: block; outline: none; }

body.main #nav p#uk { float: left; position: absolute; width: 166px; height: 14px; top: 70px; left: 141px; background: url(../images/nav/uk_about.gif) no-repeat; text-indent: -99999px; }
body.main #nav p#uk_logo { float: left; position: absolute; width: 201px; height: 40px; top: 63px; left: 133px; background: url(../images/nav/uk_about_logo.gif) no-repeat; text-indent: -99999px; }

body.main #nav { height: 93px; background: url(../images/nav/bg_nav5.jpg) no-repeat; }

body.main #nav li#about { background: url(../images/nav/about1_off.gif) no-repeat; }
body.main #nav li#about a:hover { background: url(../images/nav/about1_on.gif) no-repeat; }

body.main #nav li#online { background: url(../images/nav/online1_off.gif) no-repeat; }
body.main #nav li#online a:hover { background: url(../images/nav/online1_on.gif) no-repeat; }

body.main #nav li#people { background: url(../images/nav/people1_off.gif) no-repeat; }
body.main #nav li#people a:hover { background: url(../images/nav/people1_on.gif) no-repeat; }

body.main #nav li#services { background: url(../images/nav/services1_off.gif) no-repeat; }
body.main #nav li#services a:hover { background: url(../images/nav/services1_on.gif) no-repeat; }

body.main #nav li#environment {background: url(../images/nav/environment1_off.gif) no-repeat; }
body.main #nav li#environment a:hover { background: url(../images/nav/environment1_on.gif) no-repeat; }

body.main #nav li#contact { background: url(../images/nav/contact1_off.gif) no-repeat; }
body.main #nav li#contact a:hover { background: url(../images/nav/contact1_on.gif) no-repeat; }

body.main #nav li#brand { background: url(../images/nav/brand1_off.gif) no-repeat; }
body.main #nav li#brand a:hover { background: url(../images/nav/brand1_on.gif) no-repeat; }

body.main #nav li#case { background: url(../images/nav/case1_off.gif) no-repeat; }
body.main #nav li#case a:hover { background: url(../images/nav/case1_on.gif) no-repeat; }

body.main #nav li#news { background: url(../images/nav/news1_off.gif) no-repeat; }
body.main #nav li#news a:hover { background: url(../images/nav/news1_on.gif) no-repeat; }

/* Navigation Section Display */

body.about #nav li#about a { background: url(../images/nav/about2_on.gif) no-repeat; }
body.online #nav li#online a { background: url(../images/nav/online2_on.gif) no-repeat; } 
body.people #nav li#people a { background: url(../images/nav/people2_on.gif) no-repeat; } 
body.services #nav li#services a { background: url(../images/nav/services2_on.gif) no-repeat; } 
body.environment #nav li#environment a { background: url(../images/nav/environment2_on.gif) no-repeat; } 
body.contact #nav li#contact a { background: url(../images/nav/contact2_on.gif) no-repeat; } 
body.brand #nav li#brand a { background: url(../images/nav/brand2_on.gif) no-repeat; } 
body.case #nav li#case a { background: url(../images/nav/case2_on.gif) no-repeat; } 
body.news #nav li#news a { background: url(../images/nav/news2_on.gif) no-repeat; }

#wallpaper { clear: both; width: 825px; height: 297px;  margin-left: 87px; background: url(../images/nav/bg_nav6.jpg) no-repeat; }
#reqBrochure { font-size: 1.0em; font-weight: bold; opacity:0.75; filter: alpha(opacity=75) ; float: right; width: 290px; } 
#reqBrochure p { padding-bottom: 10px; }
#reqBrochure a { color: #fff; }

#brStep1 { display: block; } /* Item 1 */
#brStep2 { display: none;}	/* Item 2 */
#brStep3 { display: none; }	/* Item 3 */

#br1 { padding: 10px 10px 0 10px; color: #fff; background: #28a9e0; }
#br2 { padding: 10px 10px 0 10px; color: #fff; background: #c1d72f; }
#br3 { padding: 10px; color: #fff; background: #28a9e0; }
#br3 ol { list-style: none; margin-bottom: 15px; }
#br3 ol li { margin-bottom: 2px; }
#br3 ol li label { float: left; display: block; width: 80px; font-weight: bold; }
#br3 ol li input { font-size: 1.0em; width: 180px; }
#br3 #submit_brochure { font-size: 1.0em; }
#br4 { padding: 10px 10px 0 10px; color: #fff; background: #28a9e0; }

#intro {
	width: 912px;
	float: left;
	margin-bottom: -66px;
}
	#rotator {
		float: left;		
		width: 825px;
		height: 150px;
		display: block;
		padding-left: 88px;
	}

#content {
	position: relative;
	float:left;
	margin-top: 26px;
	margin-left: 88px;
	display: inline;
	width: 366px;
	height: 360px;
	margin-bottom: -6px;
}

#pos {
	position: relative;
	float:left;
	margin-top: 26px;
	margin-left: 88px;
	display: inline;
	width: 360px;
	height: 300px;
	margin-bottom: -6px;
}

body.people #content, body.people2 #content, body.people3 #content { position: relative; float:left; margin-top: 26px; margin-left: 88px; width: 366px; height: 400px; }
body.customers #content { position: relative; float:left; margin-top: 26px; margin-left: 88px; width: 366px; height: 90px; }

body.people #footer .env,  body.people #footer .winner2,  body.people #footer .winner_text2, 
body.people2 #footer .env,  body.people2 #footer .winner2,  body.people2 #footer .winner_text2, 
body.people3 #footer .env,  body.people3 #footer .winner2,  body.people3 #footer .winner_text2 { display: none; }
	#content p {
		margin-bottom: 10px;
		margin-left:1px;
		font-size: 11px;
	}
	#content p.screen_shot {
		width: 360px;
		float: left;
	}
	#content p.screen_shot img {
		float: left;
		margin-right: 20px;
	}

	#content p.email {
		float:left;
		color: #00adef;
		font-size: 12px;
		font-weight: bold;
		clear:both;
		margin-top: 30px;
	}

	#content p.email a:link, #content p.email a:visited {
		color: #00adef;
		font-size: 12px;
		font-weight: bold;
	}

	#content #team {
		width: 323px;
		position: absolute;
		bottom: 0;
	}

	#content .tel {
		width: 40px;
		float: left;
	}

.arrow_up {
	width: 53px;
	position: absolute;
	height: 9px;
	bottom: 0;
	left: 240px;
}

.arrow_down {
	width: 64px;
	float: right;
	position: absolute;
	height: 9px;
	bottom: 0;
	left: 298px;
}

body.people .arrow_up, body.people2 .arrow_up, body.people3 .arrow_up {	bottom: 100px; }
body.people .arrow_down, body.people2 .arrow_down, body.people3 .arrow_up{ bottom: 100px; }

body.news #content ul, body.environment #content ul, body.services #content ul {
	margin-left: 17px;
	margin-bottom: 23px;
	list-style: url(../images/green_bullet.gif);
}

/* Customers logos*/

#customers { float:left; margin-top: 39px; margin-left: 88px; display: inline; }
#customers ul{ position: relative; float: left; height: 227px;	width: 804px; list-style: none; }
#customers li { float: left; position: absolute; text-indent: -99999px; }
#customers li a:link, #customers li a:visited { display: block;	outline: none; }

#customers li#amex { width: 116px; height: 63px; top: 4px; left: 6px; background: url(../images/logos/amex.gif); }
#customers li#amex a:link, #customers li#amex a:visited { width: 116px; height: 63px; }

#customers li#hanson { width: 116px; height: 63px; top: 4px; left: 135px; background: url(../images/logos/hanson.gif); }
#customers li#hanson a:link, #customers li#hanson a:visited { width: 63px; height: 116px; }

#customers li#robert { width: 116px; height: 63px; top: 4px; left: 264px; background: url(../images/logos/robert.gif); }
#customers li#robert a:link, #customers li#robert a:visited { width: 116px; height: 63px; }

#customers li#sony { width: 116px; height: 63px; top: 4px; left: 393px; background: url(../images/logos/sony.gif); }
#customers li#sony a:link, #customers li#sony a:visited { width: 116px; height: 63px; }

#customers li#buying { width: 116px; height: 63px; top: 4px; left: 522px; background: url(../images/logos/buying.gif); }
#customers li#buying a:link, #customers li#buying a:visited { width: 116px; height: 63px; }

#customers li#precision { width: 116px; height: 63px; top: 0; left: 651px; background: url(../images/logos/precision.gif); }
#customers li#precision a:link, #customers li#precision a:visited { width: 116px; height: 63px; }

#customers li#isa { width: 38px; height: 31px; top: 82px; left: 194px; background: url(../images/logos/isa.gif); }
#customers li#isa a:link, #customers li#isa a:visited { width: 38px; height: 31px; }


#customers li#aberdeen { width: 116px; height: 63px; top: 79px; left: 6px; background: url(../images/logos/aberdeen.gif); }
#customers li#aberdeen a:link, #customers li#aberdeen a:visited { width: 116px; height: 63px; }

#customers li#supplies_team { width: 116px; height: 63px; top: 79px; left: 135px; background: url(../images/logos/Supplies-Team-transparent.gif); }
#customers li#supplies_team a:link, #customers li#supplies_team a:visited { width: 116px; height: 63px; }

#customers li#union { width: 116px; height: 63px; top: 79px; left: 264px; background: url(../images/logos/union.gif); }
#customers li#union a:link, #customers li#union a:visited { width: 116px; height: 63px; }

#customers li#atkins { width: 116px; height: 63px; top: 79px; left: 393px; background: url(../images/logos/atkins.gif); }
#customers li#atkins a:link, #customers li#atkins a:visited { width: 116px; height: 63px; }

#customers li#faithful { width: 116px; height: 63px; top: 79px; left: 522px; background: url(../images/logos/faithful.gif); }
#customers li#faithful a:link, #customers li#faithful a:visited { width: 116px; height: 63px; }

#customers li#buyagift { width: 116px; height: 63px; top: 79px; left: 651px; background: url(../images/logos/buyagift.gif); }
#customers li#buyagift a:link, #customers li#buyagift a:visited { width: 116px; height: 63px; }


#customers li#bpp { width: 116px; height: 63px; top: 158px; left: 6px; background: url(../images/logos/bpp.gif); }
#customers li#bpp a:link, #customers li#bpp a:visited { width: 116px; height: 63px; }

#customers li#ciber { width: 116px; height: 63px; top: 158px; left: 135px; background: url(../images/logos/ciber.gif); }
#customers li#ciber a:link, #customers li#ciber a:visited { width: 116px; height: 63px; }

#customers li#lambert_business { width: 116px; height: 63px; top: 158px; left: 264px; background: url(../images/logos/lambert_business.gif); }
#customers li#lambert_business a:link, #customers li#lambert_business a:visited { width: 116px; height: 63px; }

#customers li#lambert_property { width: 116px; height: 63px; top: 158px; left: 393px; background: url(../images/logos/lambert_property.gif); }
#customers li#lambert_property a:link, #customers li#lambert_property a:visited { width: 116px; height: 63px; }

#customers li#charterhouse { width: 116px; height: 63px; top: 158px; left: 522px; background: url(../images/logos/charterhouse.gif); }
#customers li#charterhouse a:link, #customers li#charterhouse a:visited { width: 116px; height: 63px; }

#customers li#cab { width: 116px; height: 63px; top: 158px; left: 651px; background: url(../images/logos/cab.gif); no-repeat }
#customers li#cab a:link, #customers li#cab a:visited { width: 116px; height: 63px; }


/* Main image on right*/

#content_right {
	float: right; 	
	width: 429px; 
	height: 380px;
}
/*
body.about #content_right { background: #4f7b79 url(../images/i_about.jpg) no-repeat top left; }
body.services #content_right { background: #708a94 url(../images/i_services.jpg) no-repeat top left; }
body.case #content_right { background: #849238 url(../images/i_case.jpg) no-repeat top left; }
body.contact #content_right { background: #557233 url(../images/i_contact.jpg) no-repeat top left; }
body.brand #content_right { background: #beaf7a url(../images/i_brand.jpg) no-repeat top left; }
body.online #content_right { background: #88a6b1 url(../images/i_online.jpg) no-repeat top left; }
body.environment #content_right { background: #3d642f url(../images/i_environment.jpg) no-repeat top left; }
*/
body.news #content_right { background: #ffffff; }
body.people #content_right { position: relative; float: right; background: #c1d72f url(../images/i_people1.jpg) no-repeat top left; width: 425px; border: 2px solid #808080;}
body.people2 #content_right { position: relative; float: right; background: #c1d72f url(../images/i_people2.jpg) no-repeat top left; width: 425px; border: 2px solid #808080;}
body.people3 #content_right { position: relative; float: right; background: #c1d72f url(../images/i_people3.jpg) no-repeat top left; width: 425px; border: 2px solid #808080;}

body.people #content_right ul, body.people2 #content_right ul, body.people3 #content_right ul {	position: absolute;	top: 320px;	left: 20px;	list-style: none; width: 429px; }
body.people #content_right li, body.people2 #content_right li, body.people3 #content_right li {	float: left; padding-right: 25px; }
body.people #content_right li a, body.people2 #content_right li a, body.people3 #content_right li a { text-decoration: none; float: left; padding-right: 25px; }

.info { 
	position: absolute; 
	color: #00adef; 
	font-size: 11px; 
	font-weight: bold;
}

body.people #content_right .info {top: 18px; left: 237px;}
body.people2 #content_right .info {top: 14px; left: 22px;}
body.people3 #content_right .info {top: 233px; left: 23px;}

#footer {
	float: left;
	width: 915px;
	clear: both;
	margin-top: 40px;
	height: 52px;
	position: relative;
}
		
	#footer .banner {
	display: block;
	width: 97px;
	height: 297px;
	position: absolute;
	float: left;
	clear: both;
	top: -420px;
	left: -18px;
	text-indent: -99999px;
	}
		#footer a {
			outline: none;
		}
	#footer .winner {
	background: url(../images/winner3.gif) no-repeat;
	display: block;
	width: 75px;
	height: 300px;
	position: absolute;
	float: left;
	clear: both;
	top: -35px;
	left: 4px;
	text-indent: -99999px;
	}
		#footer .winner a { 
			display: block; 
			width: 52px;
			height: 65px;
		}

		#footer .winner_text {  
			position: absolute;
			top: 46px;
			left: 0px;
			font-size: 10px;
			display: block;
		}
		#footer .env { 
	position: absolute;
	top: -114px;
	width: 53px;
	height: 67px;
	left: 3px;
	display: block;
			}
			#footer .winner2 { 
				background: url(../images/winner3.gif) no-repeat; 
				display: block; 
				width: 45px;
				height: 52px;
				position: absolute;
				top: 0;
				left: 483px;
				text-indent: -99999px;
			}
			#footer .winner2 a { 
				display: block; 
				width: 45px;
				height: 52px; 
				outline: none;
			}

				.winner_text2 {  
					position: absolute;
					top: 45px;
					left: 532px;
					font-size: 10px;
					display: block;
				}

body.main #footer {	margin-top: 39px; position: relative; }
body.customers #footer {  no-repeat top left; margin-top: 44px; }
body.people #footer, body.people2 #footer, body.people3 #footer { background: url(../images/logo_block2.gif) no-repeat top left; margin-top: 0; }

	#footer p {
		float: right;
		padding-top: 45px;
		padding-right: 2px;
		font-size: 10px;
		
		}
		
		#footer .click {
			float: left;
			padding-left: 88px;
			font-size: 11px;
			padding-top: 0;
		}
#flash {
	float: left;
	width: 825px;
	clear: both;
	margin-top: -35px;
	height: 150px;
	position:absolute;
	left: 305px;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	position: absolute;
	top: 20px;
	}
#lightboxDetails{
	font-size: 11px;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; 	font-family: arial, verdana, helvetica, sans-serif; padding-bottom: 10px;}
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

	#overlay{ background-image: url(../images/overlay.png); }

	* html #overlay{
		background-color: #000;
		background-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}