body 
{
	font-family:		Arial, Verdana, Sans-Serif;
	font-size:			12px;
	color:				#9A9A9A;
	background-color:	#000000;
	margin:				0;
	padding:			0;
	position:			relative;
}

img
{
	border: none;
}

p 
{
	font-size:			12px;
	margin: 0;
	padding: 7px 0;
}

p.homeheaders 
{
	margin-top:			14px;
	margin-bottom:			0px;
	font-size:			14px;
	color:				#FFFFFF;
	font-weight:			bold;
	padding-bottom:			4px;
}
p.homeheaders a
{
	color:				#FFFFFF;
}

.hcbxblue .homeheaders, .hcbxblue .clsBoxedHeader
{
	border-bottom:			solid 1px #005E92;
}
.hcbxgreen .homeheaders, .hcbxgreen .clsBoxedHeader {
	border-bottom:			solid 1px #2D8320;
}
.hcbxorange .homeheaders, .hcbxorange .clsBoxedHeader
{
	border-bottom:			solid 1px #915B1D;
}
.hcbxyellow .homeheaders, .hcbxyellow .clsBoxedHeader
{
	border-bottom:			solid 1px #968408;
}
.morelink
{
	font-size:				15px;
	font-weight:			bold;
	padding:				0 0 0 5px;
}
.quicklink
{
	font-size:				14px;
	font-weight:			normal;
	padding:				0 5px;
	color:					#009FFF;
}
.sidelink
{
	font-size:				11px;
	font-weight:			bold;
}
.hcbxblue .morelink
{
	color:				#059DF1;
}
.hcbxgreen .morelink
{
	color:				#4CDD36;
}
.hcbxorange .morelink
{
	color:				#FF9627;
}
.hcbxyellow .morelink
{
	color:				#EBD810;
}

p.error 
{
	color:				#B22625;
	padding:			5px;
	margin:				10px 0px 10px 0px;
	border:				1px dotted #B22625;
	background-color:		#FFDFDF;
}

p.ok
{
	color:				#427F37;
	padding:			5px;
	margin:				10px 0px 10px 0px;
	border:				1px dotted #427F37;
	background-color:		#B9CFB5;
}

h1
{
	font-weight: normal;
	font-size:		18px;
	margin:			0px 0px 5px 0px;
	color:			#FFFFFF;
}

div#strap-line h1 
{
	font-size:			25px;
	color:				#fff;
	margin:				0px;
}

h1.large 
{
	margin-top:			0px;
	margin-bottom:		0px;
	font-size:			40px;
}

h2
{
	font-size:			14px;
}
h2.heading
{
	color:				#FFFFFF;
	font-size:			16px;
	font-weight:		normal;
}
h3
{
	margin-top:			14px;
	margin-bottom:			14px;
	font-size:			14px;
	color:				#3C3C3C;
}
.interactive h3
{
    color: #B5C3C6;
    font-size: 25px;
    font-weight: normal;
    margin: 0 0 10px;
}
h4
{
	margin-top:			18px;
	font-size:			12px;
}

h4 a
{
	text-transform:		lowercase;
	color:				#B3B3B3;
}

h4 a:hover
{
	color:				#3C3C3C;
	text-decoration:	none;
	text-transform:		lowercase;
}

h4 a.selected
{
	color:				#3C3C3C;
}

a
{
	color:				#9A9A9A;
	text-decoration:	none;
}

a:hover
{
	text-decoration:	underline;
}

hr {
	background-color:	#FFFFFF;
	border:				medium none;
	height:				1px;
}

#iContent-LHS 
{
	float:left;
}

#iContent-RHS 
{
	float:left;
}

.clr {
	clear:				both;
}

.panel 
{
	float:				left;	
}

.hide 
{
	display:none;
}

.blue {color:#03A2D0;}
.yellow {color:#F3DC05;}
.orange {color:#FF962B;}

hr.hr-blue {color:#03A2D0;background-color:#03A2D0;clear:both;}
hr.hr-orange {color:#FF962B;background-color:#FF962B;clear:both;}
hr.hr-green {color:#4CD835;background-color:#4CD835;clear:both;}
hr.hr-yellow {color:#F3DC05;background-color:#F3DC05;clear:both;}

span.plain 
{
	font-family:			courier;
	font-weight:			bold;
}

/* classes */

p.bold {
	font-weight:			bold;
}

/* ids */

#PortfolioBGBanner
{
	background:url("/img/strapline-grey.gif") repeat scroll 0 0 #292C31;
	color:#FFFFFF;
	font-size:20px;
	height:40px;
}

#PortfolioCollection
{
	width:				700px;
	text-transform:		uppercase;
	font-size:			20px;
	color:				#3C3C3C;
	padding:			0px 0px 14px 0px;
}

#PortfolioCollection a
{
	text-decoration:	none;
}

#PortfolioCollection a:hover
{
	color:				#4CD835;
	text-decoration:	underline;
}

#PortfolioCollection strong.highlighted {
	color:				#4CD835;
}

#mastercontainer, #headerwrapper
{
	margin:				14px auto;
	width:				938px;
}
.homepagebackground
{
	background:transparent url(/img/bg.jpg) no-repeat scroll left bottom;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}
#headercontainer
{
	background-color:	#333333;
	padding:			10px 0 0;
}
.semitransparent
{
	background-color:	#000000;
	height:				100%;
	-khtml-opacity:		0.4;
	-moz-opacity:		0.4;
	-ms-filter:			"alpha(opacity=40)";
	filter:				alpha(opacity=40);
	opacity:			0.4;
	position:			absolute;
	width:				100%;
	z-index:			-1;
}
.semitransparencycontainer
{
	position:relative;
}
#cookietrail
{
	text-transform:		lowercase;
	height:				30px;
	min-height:			30px;
}

#cookietrail p
{
	color:				#3C3C3C;
}

#headerlogos
{
	height:				30px;
	min-height:			30px;
	padding-bottom:		14px;
	*padding-bottom:	6px;
}

#headerlogosleft
{
	float:				left;
}

#headerlogosright
{
	float:				right;
}

.headerlogosdottedsplit
{
	clear:				both;
	border-bottom:		dotted thin #3C3C3C;
	width:				100%;
}

#strap-line {
	background:			#035C96 url(/img/strapline-blue.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:26px;
	padding:5px 15px;
}
.strap-line-blue#strap-line
{
	
}
.strap-line-green#strap-line
{
	background:			#317025 url(/img/strapline-green.gif) no-repeat scroll 0 0;
}
.strap-line-orange#strap-line
{
	background:			#955124 url(/img/strapline-orange.gif) no-repeat scroll 0 0;
}
.strap-line-yellow#strap-line
{
	background:			#aca600 url(/img/strapline-yellow.gif) no-repeat scroll 0 0;
}
.strap-line-grey#strap-line
{
	background:			#aca600 url(/img/strapline-grey.gif) no-repeat scroll 0 0;
}
#navigationcontainer
{
	height:				40px;
	min-height:			40px;		
}

.navsplitter
{
	margin-right:		41px;
	float:				left;
}

.navsplitterend
{
	margin-right:		0px;
	float:				left;
}

#homemiddlecontainer
{
	background-color:	#333333;
	float:				left;
	margin:				0 0 20px;
}

#homemiddleflashcontainer
{
	float:				left;
	width:				704px;
	background-color:	#000000;
}

#homemiddleflashcontainer img 
{
	margin-bottom:		-3px;
}

#homemiddlerightcontainer
{
	float:				left;
	width:				226px;
}
#homeflashsubtextcontainer
{
	float:				left;
}
#homeflashsubtext
{
	background:			#262626;
	clear:				both;
	color:				#CCCCCC;
	font-size:			17px;
	padding:			10px 10px 13px;
	width:				684px;
}
#righthandside-links 
{
	margin-top:			20px;
}

#righthandside-links li
{
	list-style:			none;
	text-align:			right;
}
.sidebarcontainer
{
	float:				left;
	padding:			5px;
}
.sidebarcontainer a
{
	color:				#FFFFFF;
}
.righthandoptionsimagearrows
{
	float:				right;
	margin-top:			2px;
	margin-bottom:			0px;
	*margin-top:			5px;
	*margin-bottom:			5px;
}

.righthandoptionsimagetext
{
	font-weight:			normal;
	float:				left;
}
.righthandoptionsimagetext p
{
	margin-top:			14px;
}
.righthandoptionsimagetext a
{
	font-size:			13px;
	color:				#FEFCFD;
	display:			block;
	font-weight:			normal;
}

.righthandoptionsimagetextnofloat
{

}
.righthandoptionsimagetextnofloat p
{
	margin-top:			14px;
}

.righthandoptionsimagetextnofloat a
{
	display:			block;
	color:				#FFFFFF;
}


.righthandoptionsdottedsplit
{
	margin-top:			-10px;
	padding:			0px;
	clear:				both;
	border-bottom:			dotted thin #3C3C3C;
	width:				224px;
	height:				2px;
}


#homebottomcontainer
{
	clear:				both;
	padding-top:			0px;
	/*padding-top:			10px;*/
}

.hbcboxholder
{
	margin-right:			3px;
	float:				left;
	width:				232px;
	background-color:		#333333;
}
.hbcboxinner
{
	padding:			0 25px 0 15px;
}
.hbcbodytext {
	min-height:			230px;
	height:				230px;
}
.hbcbodytext p {margin:0;padding:10px 0;}
.hbcbodytext a {color:#FFFFFF;}
.hbctextleft, .hbctextright{float:left;width:195px;}
.hbctextleft {margin:0 35px 0 0;}
.hbcboxholderlast
{
	margin-right:			0px;
}
.hbcboxholderfirst
{
	float:				left;
	width:				468px;
	background-color:		#333333;
	margin-right:			3px;
}
.hbcboxholderHeaderGap
{
	padding-bottom:		1px;
}

#teamtitle {
	margin-top:			-10px;
	font-weight:			bold;
	font-size:			50px;
	margin-bottom:			10px;
}

#teamlist {
	font-weight:			bold;
	font-size:			16px;
}

#subpageTextElement
{
	/*border:1px solid red;*/
	clear:				both;
	padding-top:			10px;
	width:				700px;
	padding-bottom:		14px;
}
#subpageTextElement p
{
	_padding-top:			7px;
	*padding-top:			7px;
}


#middleflashcontainer
{
	float:				left;
	width:				692px;
	_width:				690px;
	margin-right:			14px;
}

#middleflashcontainer #page-heading-colourstripe {
	padding-bottom:		14px;
}

#middleflashcontainer div.postcode
{
	font-size:			10px;
	padding:			10px;
	color:				#fff;
	background-color:	#3C3C3C;
	min-height:			10px;
}

#middleflashcontainer div.postcode a 
{
	text-transform:		uppercase;
	color:				#ffffff;
}


#middleflashcontainer div.postcode input 
{
	height:				auto;
	width:				100px;	
	border:				none;
	margin-left:		17px;
	margin-right:		3px;
}

#middleflashcontainer #map_leeds_container, #middleflashcontainer #map_notts_container, #middleflashcontainer #map_london_container 
{
	width:				692px;
	height:				343px;
	min-height:			343px;
}

#middleflashcontainer #map_leeds, #middleflashcontainer #map_notts
{
	padding-bottom:		20px;
	border-bottom:		1px solid #39697B;
}

* html #middleflashcontainer #map_notts 
{
	margin-left:		4px;
	width:				339px;
}

#middlerightcontainer
{
	float:				left;
	width:				224px;
}

#middleflashcontainer #news-instructions 
{
	color:				#FFFFFF;
	font-size:			17px;
	margin:				10px;
}

#middleflashcontainer #news-instructions strong 
{
	color:				#3C3C3C;
}

.newsitem
{
	padding:			15px;
	background-color:	#262626;
	margin:				0 0 10px;
}
.newsitem h2 a, .newsitem h2
{
	color:				#FFFFFF;
	margin:				0 0 5px;
}
.newstitle
{
	background:			url("/img/strapline-olive.gif") repeat scroll 0 0 #9FBA26;
	padding:			10px;
	font-size:			22px;
}
.newsitem .date
{
	color:				#CCCCCC;
	font-size:			11px;
}
.readmore
{
	color:				#A1B92D;
	text-decoration:	underline;
}
.readmorenews,.readmorenews a
{
	color:				#A1B92D;
}

.clsBoxedHeader
{
	color:				#FFFFFF;
	font-size:			15px;
	padding:			10px 0 5px;
	vertical-align:		top;
}
.clsBoxedHeader a
{
	color:				#FFFFFF;
}

#ourworkWebAddress
{
	float:right;
	margin-top:7px;
	margin-right:10px;
}

#ourworkWebAddress a
{
	text-decoration:	none;
	color:				#FFFFFF;
}

#ourworkWebAddress a:hover
{
	text-decoration:	underline;
	color:				#FFFFFF;
}

.newsHolder
{
	/*height:				190px;
	min-height:			190px;*/
	padding: 7px 7px 0;
}
#homemiddlerightcontainer h3
{
    border-bottom: 1px solid #A2B82F;
    color: #FFFFFF;
	margin:				0;
    padding: 0 0 5px;
}

#rightOptionHolder
{
	min-height:			150px;
}
#footer 
{
	background-color:	#121212;
	padding:			10px 10px 28px;
	margin:				20px auto 0px auto;
	width:				920px;
	clear:				both;
}
#footer p {
	color:				#4D4D4D;
	font-size:			11px;
	margin:				0;
}
#footer a {
	margin:				0px 10px 0px 10px;
}
.footerlinks
{
	float:				right;
	font-weight:		normal;
	text-transform:		uppercase;
}
.footeraddress
{
	float:				left;
	margin:				10px 20px 10px 0;
}
.footerlinkcontainer
{
	border-bottom:		1px solid #7C7C7C;
	padding:			10px 0;
}
.office
{
	color:				#72B7D8;
	font-weight:		bold;
	padding:			0 0 3px;
	text-transform:		uppercase;
}
.sep
{
	color:				#FFFFFF;
}
.tel
{
	color:				#6FBDE4;
	font-weight:		bold;
}
#rightOptionHolder .tel, .directions
{
	color:				#FFFFFF;
}
.txtSectionHeaderBlue 
{
	font-size: 40px;
	color: #03A2D0;
}

.contactBlueBoxOuter {
	background:url("/img/contact-blue.gif") no-repeat scroll 0 0 #0B5F95;
	margin:				0 0 10px;
	padding:			10px;
	color:				#FFFFFF;
}
.contactBlueBoxTop
{
	background:url("/img/contact-blue.gif") no-repeat scroll 0 0 #0B5F95;
	color:#FFFFFF;
	font-size:26px;
	margin:			0 0 25px;
	padding:5px 15px;
}
.contactBlueBoxInnerText1 {
	margin: 0px 0px 5px 0px;color:#FFFFFF;font-size:16px;
}

.contactBlueBoxInnerText2 {
	margin: 0px 0px 5px 0px;color:#FFFFFF;font-size:28px;
}

.contactBlueBoxInnerText3 {
	color:#03A2D0;font-weight:bold;padding-bottom:0px;
}

.txtSectionHeaderGreen 
{
	font-size: 40px;
	color: #4CD835;
}

.contactGreenBoxOuter {
	background-color:#4CD835;
}

.contactGreenBoxInner {
	padding: 10px 10px;
}

.contactGreenBoxInnerText1 {
	margin: 0px 0px 0px 0px;color:#FFFFFF;font-size:16px;font-weight:bold;
}

.contactGreenBoxInnerText2 {
	margin: 0px 0px 5px 0px;color:#FFFFFF;font-size:28px;
}

.contactGreenBoxInnerText3 {
	color:#4CD835;font-weight:bold;padding-bottom:0px;
}

/* CONTACT FORM */
.frmLayout 
{
	display: none;
	clear:both;
	float: left;
	width: 210px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}
 
.frmLayout div {
	padding: 0.2em 0em;
}
 
.frmLayout div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
.frmLayout p {
	margin: 4px 0pt;
}
 
 
#log 
{
	display: none;
	float: left;
	padding: 0.5em;
	width: 210px;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
}
 
#log_res {
	overflow: auto;
}

input, select, textarea 
{
	font:1em arial, Verdana, sans-serif;
	border: 0;
	background-color:#707070; 
	font-size:11px; 
	color:#FFFFFF; 
	padding:3px;
}

#hideForms 
{
	display: none;
}

.interactivebannersmall
{
	float:left;
	margin-right:5px;
}
.interactivebannermedium
{
	float:left;
	margin-right:10px;
}
.interactive p
{
	font-size:90%;
	margin:0 0 10px;
	padding:0;
}
#sidebarvideo
{
	background:url("/img/screen-img.gif") no-repeat scroll 0 10px transparent;
	height:193px;
	padding:18px 0 0;
	text-align:center;
	width:224px;
	float:right;
}
.partnersblockwideleft
{
	border-bottom:1px solid #04A0D3;
	float:left;
	margin:0 35px 0 0;
	padding:0 0 15px;
	width:330px;
	min-height:168px;
	height:auto !important;
	height:220px;
}
.partnersblockwideright
{
	border-bottom:1px solid #04A0D3;
	float:left;
	padding:0 0 15px;
	width:330px;
	min-height:168px;
	height:auto !important;
	height:220px;
}
.partnersblock
{
	border-bottom:1px solid #414141;
	float:left;
	margin:0 20px 0 0;
	padding:20px 0;
	width:206px;
}
.partnersblockline
{
	float:left;
	width:700px;
}
.partners
{
	border-bottom:1px solid #414141;
	color:#FF962B;
	font-size:20px;
	padding:15px 0 10px;
	width:655px;
}
.partnerheightfix1
{
	background:transparent none repeat scroll 0 0;
	float:left;
	height:160px;
	overflow:hidden;
	width:0;
}
.partnerheightfix2
{
	background:transparent none repeat scroll 0 0;
	float:left;
	height:58px;
	overflow:hidden;
	width:0;
}

.sectorlink
{
	color:#73D3F7;
	padding:0 5px 0 0;
}

.sectorlist .left, .sectorlist .right
{
	float:left;
	padding:0 10px 10px 0;
}

.sectorlist .selected a
{
	color:#ffffff;
}

.portfolio
{
	background:url("/img/darkgrad.gif") repeat-x scroll 0 0 #292C31;
	padding:10px 0;
	margin:20px 0 10px;
}

.portfolio h2
{
	color:#B5C3C6;
	font-size:25px;
	font-weight:normal;
	margin:0 0 10px;
}

.portfolio .intro
{
	color:#ffffff;
	padding:10px 0;
}

.portfolio .left
{
	float:left;
	width:360px;
	padding:0 10px;
}
.portfolio .right
{
	float:right;
	width:310px;
	overflow:hidden;
	
}
hr.hr-portfolio {color:#39697B;background-color:#39697B;clear:both;}
.projectname, .clientname
{
	float:left;
	margin-top:7px;
	margin-left:10px;
}

.portfolioimages
{
	background:url("/img/darkgrad.gif") repeat-x scroll 0 0 #292C31;	
	text-align:center;
	padding: 10px 0 0;
	margin: 0 0 10px;
}

.skills
{
	float:left;
	padding:0 50px 0;
}

.sectors
{
	float:left;
	
}
.skills h2, .sectors h2
{
	color:#FFFFFF;
}
#btnsubmit
{
	background:url("/img/button-blue.gif") repeat-x scroll 0 0 #035E95;
	font-family:Verdana;
	font-size:15px;
	padding:5px 15px;
	margin:0 2px 0 0;
}
#btnreset
{
	background:url("/img/button-grey.gif") repeat-x scroll 0 0 #838383;
	font-family:Verdana;
	font-size:15px;
	padding:5px 15px;
	color:#000;
}

.formblock #strap-line 
{
	margin: 0 0 25px;
}

label
{
	color:#FFFFFF;
}

input[type="checkbox"]
{
	padding:0;
	margin: 5px 20px 5px 0;
}

table.emaillist
{
	color:#FFFFFF;
	font-size:14px;
}

table.emaillist td
{
	padding:0 0 10px;
}
#Discuss li {float:left;width:270px;margin: 0 0 5px;}