@media screen {
/* All screen styles to go between these braces */

a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1,h2, h3, h4, h5, h6,
hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small,
span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background-color: transparent;
	text-decoration:none;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body
{
    font: 62.5%/1 arial,sans-serif;
	background: #2d292a url('../images/bg-footer.gif');
	
}
h1
{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 .25em;
}
h2
{
	font-size: 1.3em;
	line-height: 1.5;
}
h3
{
	font-size: 1.2em;
	padding: 1em 0 .5em;
}

p
{
	margin: 0 0 1em 0;
	font-size: 1.2em;
	line-height: 1.5;	
}

p.error
{
	font-weight: bold;
	color: #f00;
}

/* utility classes */
.clearfix
{
	min-height: 1px;
}
.clearfix:after
{
    content:' ';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
    line-height: 0;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.accessLinks
{
    display: none;
}
/* end utility classes */

/*** BASIC STRUCTURE  ***/

.wrapper { width: 100%; text-align: center; background: #fff; }

.inner { width: 960px; margin: 0 auto; text-align: left; }

.main { background: #f3f3f3 url('/images/bg-main.gif') repeat-x left -30px; }
.main .inner { background: #fff url('/images/bg-main.gif') repeat-x left -30px; }

.homeMain { background: #f3f3f3 url('/images/bg-home-main.gif') repeat-x left top; }

/*.contentBlock
{
	padding: 0 10px;	
}*/

.header { background: #231f20; height: 135px; }

.header .inner { position: relative; }

.nav { background: #a2aaac; border-bottom: 3px solid #231f20; }

.subnav { background: #eef0f1; min-height: 27px; padding: 5px 0 0; }

.banner { background: #e1b837; height: 60px; padding: 30px 0 0; }

.homeBanner
{
	height: 0px;
}

.footer { background: #2d292a url('../images/bg-footer.gif'); }
.footer .inner { background: #231f20 none; padding: 10px 0 0; }

.colContainer
{
	/*padding: 0 0 25px 0;*/
}

.dark1white3
{
	background: transparent url('/images/bg-content-dark1white3.gif') repeat-y left top;
}

.col
{
	float: left;
	display: inline;
	margin: 0 20px 0 0;
}

.lastCol { margin-right: 0; }

.col4Container .col1 { width: 225px; }
.col4Container .col2 { width: 470px; }
.col4Container .col3 { width: 715px; }
.col4Container .col4 { width: 960px; margin-right: 0; }

.col3Container .col { margin-right: 24px; }
.col3Container .col1 { width: 304px; }
.col3Container .col2 { width: 632px; }
.col3Container .col3 { width: 960px; margin-right: 0; }

.col4Container .lastCol, .col3Container .lastCol { margin-right: 0; }

/** HEADER **/

.logo
{
	position: absolute;
	top: 23px;
	left: 3px;
}

.cmTitle
{
	font-size: 3.6em;
	position: absolute;
	top: 40px;
	right: 0;
	font-style: italic;
	color: #fff;
}

/*.headerContactDetails
{
	position: absolute;
	right: 0;
	top: 50px;
}

.headerContactDetails p
{
	font-size: 3.6em;
	color: #fff;
}

.headerContactDetails span
{
	color: #e1b837;
	font-size: .777em;
}*/

/*** NAVIGATION ***/

ul.primary { overflow: visible; border-left: 3px solid #231f20; }
ul.primary li { float: left; }
ul.primary li a { display: block; color: #262626; font-size: 1.4em; font-weight: bold; line-height: 140%; padding: 6px 39px 6px 10px; min-height: 3.3em; border-right: 3px solid #231f20; }
ul.primary li a .navItemName { padding-right: 17px; }
ul.primary li a .speakyBit { display: block; font-size: 0.8em; font-weight: normal; color: #262626; line-height: 1.1; }
ul.primary li a:hover { background-color: #eef0f1; color: #262626; }
ul.primary li a:hover .speakyBit { text-decoration: none; color: #262626; }
ul.primary li.selected a { background: #eef0f1; color: #262626; padding-top: 16px; padding-bottom: 9px; margin-top: -13px; position: relative; bottom: -3px; }
ul.primary li.selected a .navItemName { background: url('../images/bg-currentNavItemChevron.gif') no-repeat right 5px; }
ul.primary li.selected a .speakyBit { text-decoration: none; color: #262626; }

ul.secondary { overflow: auto; }
ul.secondary li { float: left; }
ul.secondary li a { color: #000; font-size: 1.2em; font-weight: bold; padding: 7px 15px 8px; float: left; display: inline; }
ul.secondary li a:hover { text-decoration: underline; }
ul.secondary li.selected a { background: #e1b837; }

/*** BANNER ***/
.banner h1
{
	font-size: 3.25em;
	font-weight: normal;
	padding: 0 0 15px 10px;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	line-height: 1;
}

.banner h1 span
{
	text-transform: uppercase;
	font-family: arial;
	font-weight: normal;
	font-style: normal;
}

.banner h2
{
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.2;
	padding: 0 0 0 10px;
}

/*** CONTENT ***/
.content { margin: 0; }

.contentBanner
{
	height: 330px;
	background: url('../images/banner-home-city2.jpg') no-repeat left top;
	margin:0 0 20px;
}

.contentBlock
{
	padding: 14px 10px;
}

.contentBlock h1
{
	font-weight: normal;
	font-size: 2.4em;
}

.contentBlock a {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

.contentBlock a:hover {
	text-decoration: none;
	background-color: #231f20;
	color: #fff;
}

.contentBlock ul
{
	font-size: 1.2em;
	line-height: 1.5;
	list-style: disc;
	margin: 0 0 0 18px;
	padding: .5em 0 1em;
}

.contentBlock li
{
	padding: 0 0 .5em;
}

.darkContentBlock
{
	color: #ccc;
}

.darkContentBlock a
{
	color: #EDAE11;
}

/**** CAREERS TABLE ****/
.careersTable
{
	width: 100%;
	margin: 15px 0 25px;
}
.careersTable th
{
	background: #000;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.5;
	padding: 5px 10px;
}
.careersTable td
{
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5;
	padding: 5px 10px;
}
.stripe td
{
	background: #eef0f1;
}
.careersTable a
{
	color: #ff0000;
	text-decoration: underline;
}
.careersTable a:hover
{
	text-decoration: none;
}
/**** /CAREERS TABLE ****/

/**** LANDING PAGE BOXES ****/
.landingBox
{
	margin: 0 0 24px;
	display: block;	
	padding: 138px 12px 0;
	
}
.landingBox
{
	height: 61px;
	color: #fff;
	font-size: 2.8em;
	font-weight: normal;
	line-height: 1.1;
	
}
.landingBox span
{
	font-size: .649em;
	display: block;
	background: #CC661E url('/images/chevron-white-orange-bg.gif') no-repeat right 3px;
}
.landingBox:hover,         
.landingBox:hover span
{                          
	background-color: #bb550d;
}             
             
.caseStudiesLandingBox { background: #CC661E url('/images/bg-caseStudiesLandingBox.jpg') no-repeat left top; }
.evoLandingBox { background: #CC661E url('/images/bg-evoLandingBox.jpg') no-repeat left top; }

.webAppsLandingBox { background: #CC661E url('/images/bg-webAppsLandingBox.jpg') no-repeat left top; }
.eBusLandingBox { background: #CC661E url('/images/bg-eBusLandingBox.jpg') no-repeat left top; }
.digiMarketingLandingBox { background: #CC661E url('/images/bg-digiMarketingLandingBox.jpg') no-repeat left top; }
.sysIntLandingBox { background: #CC661E url('/images/bg-sysIntLandingBox.jpg') no-repeat left top; }
.mobAppsLandingBox { background: #CC661E url('/images/bg-mobAppsLandingBox.jpg') no-repeat left top; }

.meetTheTeamLandingBox { background: #CC661E url('/images/bg-meetTheTeamLandingBox.jpg') no-repeat left top; }
.careersLandingBox { background: #CC661E url('/images/bg-careersLandingBox.jpg') no-repeat left top; }
.mediaCentreLandingBox { background: #CC661E url('/images/bg-mediaCentreLandingBox.jpg') no-repeat left top; }

/**** /LANDING PAGE BOXES ****/


/**** SIDEBAR STUFF ****/

.sidebar { color: #fff; }

.sidebar p { padding: 0 12px; margin: 1em 0; }

.sidebar a { color: #d9a010; text-decoration: underline; font-weight: bold; }

.sidebar a:hover { background-color: #d9a010; color: #000; text-decoration: none; }

.sidebarTitle
{
	font-size: 2.6em;
	line-height: 1.1;
	color: #fff;
	font-weight: normal;
	padding: 16px 12px 0 12px; 
}
.sidebarTitleColoured
{
	margin: 0 0 12px 0;
	padding-bottom: 12px;
}
.sidebarTitleOrange { background: #cc661e; border-bottom: 10px solid #874a1c; }
.sidebarTitleBlue { background: #55a7d3; border-bottom: 10px solid #3b718b; }
.sidebarTitleYellow{ background: #e6bc38; border-bottom: 10px solid #977d2d; }
.sidebarTitleRed { background: #d7493b; border-bottom: 10px solid #8d3732; }
/**** /SIDEBAR STUFF ****/

/**** SIDE NAV MENU ****/
.sidebarNavMenu
{
	font-size: 1.2em;
	padding: 3px 0;	
}

.sidebarNavMenu a
{
	float: left;
	display: inline;
	clear: left;
	width: auto;
	padding: 4px 20px 4px 9px;
	color: #999;
}
.sidebarNavMenu a:hover,
.currentSidebarNavItem a
{
	text-decoration: underline;
}
.sidebarNavMenu .backLink
{
	margin: 25px 0 0 0;
	padding: 4px 9px 4px 25px;
}
.sidebarNavMenu a:hover,
.currentSidebarNavItem a,
.sidebarNavMenu .backLink
{
	color: #e1b837;
	text-decoration: underline;
}

.currentSidebarNavItem a:hover,
.sidebarNavMenu .backLink:hover
{
	text-decoration: none;
}

.currentSidebarNavItem a
{
	font-weight: bold;	
	background: url('/images/bg-currentDarkSidebarNavItemChevron.gif') no-repeat right center;
}

.sidebarNavMenu .backLink
{
	font-weight: bold;	
	background: url('/images/bg-currentDarkSidebarNavItemChevronRev.gif') no-repeat 9px center;	
}
/**** /SIDE NAV MENU ****/

/**** HOME SIGNPOSTS ****/
.homeSignpost
{
	margin: 0 0 20px 0;
	position: relative;
	overflow: hidden;
	height: 340px;
}
.homeWorkSignpost
{
	background: url('../images/bg-homeWorkCol.jpg') no-repeat left top;	
}
.homeNewsSignpost
{
	background: url('../images/bg-homeNewsCol.jpg') no-repeat left top;
}
.homeContactSignpost
{
	background: url('../images/bg-homeContactCol.jpg') no-repeat left top;	
}
.homeSignpostContent
{
	background: url('../images/bg-blackSemiTrans.png') repeat left top;
	height: 315px;
	padding: 15px 15px 10px;
	position: relative;
	top: 250px;
}
.homeSignpost:hover .homeSignpostContent
{
	top: 0;
}
.homeContactSignpostContent
{
	top: 0;
}
.homeSignpostContent h2
{
	font-size: 3.6em;
	font-weight: normal;
	padding: 0 0 10px 0;
	line-height: 1;
}
.homeSignpostContent h2 a
{
	color: #fff;
	text-decoration: none;
}
.homeSignpostContent h2 a:hover
{
	text-decoration: underline;
}
.homeSignpostContent p
{
	color: #fff;
	font-size: 1.3em;
	line-height: 1.5;
	padding: 0 0 0 0;
}
.homeSignpostContent ul
{
	color: #fff;
	font-size: 1.3em;
	line-height: 1.5;
	padding: 0 0 0 0;
}
.homeSignpostContent a
{
	color: #fff;
	text-decoration: underline;
}
.homeSignpostContent a:hover
{
	text-decoration: none;
}

.homeNewsList
{
	font-size: 1.2em;
	color: #fff;
	padding: 10px 0 0px 0;
}
.homeNewsList li
{
	padding: 0 0 20px 0;
	line-height: 1.3;
}
.homeNewsList a
{
	color: #e7aa11;
}
.homeNewsList span
{
	font-size: .846em;
}
.homeSignpostContent .homeViewAllNews
{
	font-size: 1.5em;
}
.homeViewAllNews a
{
	background: url('/images/chevron-white-right.gif') no-repeat right 5px;	
	padding: 0 15px 0 0;
}

.homeSignpostContent .contactPhoneNumber
{
	line-height: 1.2;
	margin: 0 0 132px 0;
}
.contactPhoneNumber span
{
	font-size: 2.077em;
	font-weight: normal;
}
.homeSignpostContent .locationsList
{
	font-size: 1.5em;
	line-height: 2;
}
.locationsList a
{
	text-decoration: underline;
}
.locationsList a:hover
{
	text-decoration: none;
}
/**** /HOME SIGNPOSTS ****/

/**** NEWS PAGE STUFF ****/
.newSidebarList
{
	color: #fff;
	padding: 20px 15px;
}
.newSidebarList li
{
	font-size: 1.2em;
	padding: 0 0 15px;
	line-height: 1.2;
}
.newSidebarList a
{
	color: #E1B837;
	font-size: 0.9em;
	text-decoration: underline;
}
.newSidebarList a:hover
{
	text-decoration: none;
}

.newsItem img
{
	display: block;
	margin: 0 0 10px;	
}

.newsItem .newsItemDate
{
	font-size: 1.1em;
	color: #878787;
	margin: 0;
}

.newsItem h2
{
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2;
	padding: 0 10px .5em 0;	
}

.newsItem p
{
	font-size: 1.1em;
	color: #535353;
	padding: 0 20px 0 0;
}
.newsItem a
{
	color: #c08b05;
	text-decoration: underline;
}
.newsItem a:hover
{
	text-decoration: none;
}
/**** /NEWS PAGE STUFF ****/

/**** CASE STUDY LANDING PAGE ****/

.caseStudyGrid a
{
	display: block;
	background: #eef0f1;
	color: #333;
	float: left;
	width: 225px;
	margin: 0 20px 20px 0;
}

.caseStudyGrid a.last
{
	margin-right: 0;
}

.caseStudyGrid a:hover
{
	background: #231f20;
	color: #edae11;
}

.caseStudyGrid a:hover span.csDescription
{
	color: #fff;
}

.caseStudyGrid img
{
	display: block;
}

.caseStudyGrid a span.csTitle
{
	display: block;
	font-size: 1.8em;
	margin: 12px;
}

.caseStudyGrid a span.csDescription
{
	display: block;
	font-size: 1.1em;
	margin: 12px;
	line-height: 130%;
}

/**** /CASE STUDY LANDING PAGE ****/


/**** CASE STUDY DETAIL PAGE ****/
.caseStudyIntroParagraph
{
	padding: 15px 20px 0;
	height: 327px;
}
.caseStudyIntroParagraph h2
{
	padding: 0 0 1em;
}
.caseStudyIntroParagraph p
{
	font-style: italic;
	line-height: 1.6;
}
.caseStudyIntroQuoteOpen
{
	vertical-align: text-top;
	padding: 0 3px 0 0;
	margin: -3px 0 0;
}
.caseStudyIntroQuoteClose
{
	vertical-align: bottom;
	padding: 3px 0 0;
}
.caseStudySliderContainer
{
	float: right;
	margin: 0 0 35px;
}
.caseStudySliderNav
{
	clear: both;
	float: left;
}
.caseStudySliderNav
{
	display: none;
	padding: 10px 0px;
	margin: 0;
}

.caseStudySliderNav li
{
	display: inline;
}

.caseStudySliderNav a
{
	padding: 5px 8px;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
}

.caseStudySliderNav a:hover,
.caseStudySliderNav .activeSlide
{
	color: #c08b05;
}
/**** /CASE STUDY DETAIL PAGE ****/

/**** MEET THE TEAM PAGE ****/
.teamMemberPortrait
{
	float: left;
	width: 229px;
	margin: 0 0 14px 0;
	padding: 0;
	height: 234px;
	font-size: 1.2em;
	line-height: 1.3;
	color: #000;
	position: relative;
	overflow: hidden;
}
.middleTeamMemberPortrait
{
	margin: 0 14px 14px 14px;
}

.portraitIntro
{
	display: block;
	padding: 24px 12px 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 205px;
	height: 33px;
	color: #fff;
}

.managementPortrait .portraitIntro { background: transparent url('/images/bg-management-portrait-intro.png') repeat-x left top; }
.creativePortrait .portraitIntro { background: transparent url('/images/bg-creative-portrait-intro.png') repeat-x left top; }
.developmentPortrait .portraitIntro { background: transparent url('/images/bg-development-portrait-intro.png') repeat-x left top; }

.portraitIntro strong
{
	font-size: 1.5em;
	font-weight: normal;
}

.portraitContent
{
	display: none;
	padding: 0px 12px 12px;
	height: 153px;
	position: absolute;
	top: 69px;
	left: 0;
	color: #fff;
	width: 205px;
}

.portraitContent span
{
	color: #edae11;
	text-decoration: underline;
	cursor: pointer;
}

.portraitContent span:hover
{
	text-decoration: none;
}

.teamMemberPortrait:hover .portraitIntro
{
	padding: 11px 12px 16px;
	height: 42px;
	background: transparent url('/images/bg-team-portrait-hover.png') repeat left top;
	color: #edae11;
	top: 0;
	left: 0;
}
.teamMemberPortrait:hover .portraitContent
{
	display: block;
	background: transparent url('/images/bg-team-portrait-hover.png') repeat left top;
}

/**** /MEET THE TEAM PAGE ****/

/*** CONTACT PAGES ***/

.formHolder { background: #f2f3f4; padding: 12px 16px; margin-top: 16px; margin-bottom: 16px; }

.formHolder h2 { font-size: 2.75em; font-weight: normal; }

.formHolder fieldset { width: 320px; padding-right: 20px; float: left; padding-top: 10px; }

.formHolder label { display: block; margin-bottom: 3px; font-size: 1.1em; font-weight: bold; }

.formHolder .errorLabel
{
	color: #f00;
}

.formHolder input.inpTxt, .formHolder textarea 
{ 
	margin-bottom: 10px; 
	display: block; 
	width: 310px; 
	background: #fff; 
	padding: 4px; 
	border: 1px solid #999; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}

.formHolder textarea { height: 178px; }

.formHolder .btnHolder { clear: both; text-align: right; padding-right: 22px; }

.formHolder .btnHolder input 
{ 
	border: 1px solid #777; 
	background: #fff url('/images/bg-submit.jpg') bottom left repeat-x; 
	padding: 3px 6px; 
	font-weight: bold; 
}

.officeDetailsHolder 
{ 
	background: #f2f3f4; 
	margin-top: 16px; 
}

.officeDetailsHolder h2
{
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1;
}

.officeDetailsHolder h2 img
{
	display: block;
	margin: 0 0 16px;
}

.officeDetailsHolder p.regionalCompanyReg
{
	font-size: 1.1em;
}

.officeMap
{
	overflow: hidden;
}	

/*** /CONTACT PAGES ***/

/*** FOOTER ***/

.footerCol
{
	float: left;
	display: inline;
	margin: 0 0 0 15px;
	width: 175px;
	border-right: 1px solid #1f1b1c;
	padding: 5px 0 0 0;
}

.lastFooterCol
{
	border: none;
}

.footerCol h3
{
	color: #edae11;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5;
}

.footerCol ul
{
	padding: 0 0 2em 0;
}

.footerCol a
{
	color: #878787;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.5;
}

.footerCol a:hover
{
	text-decoration: underline;
}

.socialFooterCol ul li a
{
	padding: 0 0 0 23px;
	display: block;
	margin: 0 0 5px;
}

.homeWorkSignpostContent a
{
	color: #edae11;
}

.rssLink { background: url('/images/icon-rss.gif') no-repeat left top; }
.twitterLink { background: url('/images/icon-twitter.gif') no-repeat left top; }
.flickrLink { background: url('/images/icon-flickr.gif') no-repeat left top; }
.youtubeLink { background: url('/images/icon-youtube.gif') no-repeat left top; }

} /* Closing brace for @media screen rule -- do not delete */

@media print {  
/* All print styles to go between these braces */
} /* Closing brace for @print screen rule -- do not delete */