@charset "UTF-8";
/* CSS Document */
/*british server*/

* {padding: 0; margin: 0;}

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 0.8em;
	font-family: Helvetica, Arial, verdana, sans-serif;
	background-image: url('http://85.234.153.163/~macid/images/bg_fade_grey.jpg');
	background-repeat: repeat-x;
}
p {
	margin-bottom: 0.7em;
	margin-top: 0.7em;
	line-height: 1.3em;
}
a {color: #939598;
}
a:hover {color: #000000;
}

a img {border: 0;}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#centredContent {
	margin: 0;
	padding: 5px;
	width: 950px;
	background-color:#fff;
	float: left;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- HEADER ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {
	float: left;
	width: 950px;
}
#headerLeftCol {
	float: left;
	width: 330px;
}
#headerRightCol {
	float: left;
	width: 620px;
}
#topNav {
	height: 25px;
	color: #999;
}
#topNav a {
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
	height: 32px;
	text-decoration: none;
}
#topNav a:hover {
	color: #000000;
}
#topNavCurrent {
	color: #000000;
}
#topNav p {
	float: right;
}
#strapline {
}
#menubar {
	float: left;
	clear: both;
	height: 38px;
	width: 960px;
}
.nav {width: 950px; height: 38px; position: relative; background: url('http://85.234.153.163/~macid/images/topnavigation.jpg'); margin: 0; padding: 0;}
.nav li {float: left; list-style-type: none;}
.nav li a {position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 38px; background: url('http://85.234.153.163/~macid/images/topnavigation.jpg') no-repeat; text-indent: -9999px; overflow: hidden;}

/*up state*/
li.nav_brand a {left: 0; width: 133px; background-position: 0 0;}
li.nav_design a { left: 133px; width: 131px; background-position: -133px 0;}
li.nav_web a { left: 264px; width: 150px; background-position: -264px 0; }
li.nav_print a { left: 414px; width: 128px; background-position: -414px 0; }
li.nav_business a { left: 542px; width: 154px; background-position: -542px 0; }
li.nav_networking a { left: 696px; width: 104px; background-position: -696px 0; }
li.nav_services a { left: 800px; width: 82px; background-position: -800px 0; }
li.nav_clients a { left: 882px; width: 68px; background-position: -882px 0; }

/*hover state*/ 
li.nav_brand a:hover { background-position: 0 -38px; }
li.nav_design a:hover { background-position: -133px -38px;}
li.nav_web a:hover { background-position: -264px -38px;}
li.nav_print a:hover {background-position: -414px -38px;}
li.nav_business a:hover {background-position: -542px -38px;}
li.nav_networking a:hover {background-position: -696px -38px;}
li.nav_services a:hover {background-position: -800px -38px;}
li.nav_clients a:hover {background-position: -882px -38px;}

/* ---------------  HOME PAGE WORK TYPE NAVIGATION LEFT HAND COL  ---------------- */

.worktypenav {width: 234px; height: 55px; position: relative; background: url('./images/work-types.jpg'); margin: 0; padding: 0;}
.worktypenav li {float: left; list-style-type: none;}
.worktypenav li a {position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 55px; background: url('http://85.234.153.163/~macid/images/work-types.jpg') no-repeat; text-indent: -9999px; overflow: hidden;}

/*up state*/
li.worktypenav_brand a {top: 0; width: 234px; background-position: 0 0;}
li.worktypenav_design a { top: 55px; width: 234px; background-position: 0 -55px;}
li.worktypenav_web a { top: 109px; width: 234px; background-position: 0 -109px; }
li.worktypenav_print a { top: 163px; width: 234px; background-position: 0 -163px; }

/*hover state*/ 
li.worktypenav_brand a:hover { background-position: -234px 0; }
li.worktypenav_design a:hover { background-position: -234px -55px;}
li.worktypenav_web a:hover { background-position: -234px -109px;}
li.worktypenav_print a:hover {background-position: -234px -163px;}

/* ---------------  HOME PAGE INDUSTRY TYPE NAVIGATION LEFT HAND COL  ---------------- */

.industrytypenav {width: 234px; height: 55px; position: relative; background: url('images/industry-types.jpg'); margin: 0; padding: 0;}
.industrytypenav li {float: left; list-style-type: none;}
.industrytypenav li a {position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 55px; background: url('images/industry-types.jpg') no-repeat; text-indent: -9999px; overflow: hidden;}

/*up state*/
li.industrytypenav_corporate a {top: 0; width: 234px; background-position: 0 0;}
li.industrytypenav_public a { top: 55px; width: 234px; background-position: 0 -55px;}
li.industrytypenav_sme a { top: 109px; width: 234px; background-position: 0 -109px; }
li.industrytypenav_charity a { top: 163px; width: 234px; background-position: 0 -163px; }

/*hover state*/ 
li.industrytypenav_corporate a:hover { background-position: -234px 0; }
li.industrytypenav_public a:hover { background-position: -234px -55px;}
li.industrytypenav_sme a:hover { background-position: -234px -109px;}
li.industrytypenav_charity a:hover {background-position: -234px -163px;}


/* ---------------  HOME PAGE INDUSTRY TYPE NAVIGATION LEFT HAND COL  ---------------- */

.additionaltypenav {width: 234px; height: 55px; position: relative; background: url('images/additional-types.jpg'); margin: 0; padding: 0;}
.additionaltypenav li {float: left; list-style-type: none;}
.additionaltypenav li a {position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 55px; background: url('images/additional-types.jpg') no-repeat; text-indent: -9999px; overflow: hidden;}

/*up state*/
li.additionaltypenav_urban a {top: 0; width: 234px; background-position: 0 0;}
li.additionaltypenav_sustain a { top: 55px; width: 234px; background-position: 0 -55px;}

/*hover state*/ 
li.additionaltypenav_urban a:hover { background-position: -234px 0; }
li.additionaltypenav_sustain a:hover { background-position: -234px -55px;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- CONTENT HOME PAGE ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#content {
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	width: 950px;
}
#leftColContent {
	float: left;
	width: 234px;
	margin: 0 5px 0 0;
}
#rightColContent {
	float: left;
	width: 710px;
}
#rightColContentInnerTop {
	float: left;
	height: 325px;
	width: 710px;
}
#rightColContentIntro {
	float: left;
	width: 220px;
	background-color: #ccc;
	margin: 0 10px 0 0;
	height: 325px;
	padding: 0 5px;
}

#rightColContentMainImage {
	float: left;
	width: 470px; margin: 0 0 10px 0;
}
#rightColContentMainImage img {
	width: 470px;
}
#rightColContentInnerBottom {
	float: left;
	clear: both;
	margin-top: 30px;
}

div#rightColContentMainImage p.imagecaption {border-bottom: 1px solid #c7c5c5; color: #999; font-size: 1.1em; line-height: 25px; margin: 0; padding: 0;}

.leftNavContainer {
	margin-bottom: 10px; height: 219px;
	border-bottom: 1px solid #999999;
}
.leftNavContainerB {
	margin-bottom: 10px; height: 55px;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- CONTENT PRINT AND DISPLAY PAGE ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#printDisplayContentContainerTop {
	float: left;
	width: 950px; 
}
#printDisplayContentContainerBottom {
	float: left;
	width: 950px;
	clear: both;
}

#printDisplayRightColContentMainImage {
	float: left;
	width: 710px;
}
#printDisplayContentIntro {
	float: left;
	width: 220px;
	background-color: #ccc;
	margin-right: 10px;
	height: 240px;
	padding: 0px 5px;
}

.print_display_cats {float: left; width: 230px; margin: 0 4px 0 3px; height: 270px;}
.print_display_cats ul {list-style-type: none; padding: 5px; margin: 20px 0 0 0;}
.print_display_cats ul li {padding: 5px;}

.print_display_catsA {float: left; width: 230px; margin: 0 10px 0 0; height: 270px;}
.print_display_catsA ul, .print_display_catsB ul {list-style-type: none; padding: 5px; margin: 20px 0 0 0;}
.print_display_catsA ul li, .print_display_catsB ul li {padding: 5px;}

.print_display_catsB {float: left; width: 230px; margin: 0; height: 370px;}
.print_display_catsB ul, .print_display_catsB ul {list-style-type: none; padding: 5px; margin: 20px 0 0 0;}
.print_display_catsB ul li, .print_display_catsB ul li {padding: 5px;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- HOME PAGE THREE COLUMN TEASERS DESIGN FOR PRINT, BRAND IDENTITY, WEB DEVELOPMENT, NETWORKING, NEWS ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.contentCol {
	float: left;
	width: 230px;
	margin-right: 10px;
}
.contentColRight {
	float: left;
	width: 230px;
}
.contentColItemContainer {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	float: left;
	margin-top: 15px;
	padding-bottom: 10px;
}
.contentColItemImg {
	float: left;
	width: 62px;
}
.contentColItemBody {
	float: left;
	width: 161px;
	padding: 0 0 0 7px;
}
.titleShadow {
	clear: both;
	width: 100%;
	float: left;
	font-weight: bold;
	color: #999;
	background: url('http://85.234.153.163/~macid/images/top_nav_shdw.gif') repeat-x bottom;
	height: 32px;
	margin-top: 15px;
}
.titleShadow p, .titleShadow h1 {
	margin: 0; padding: 0; font-size: 1.2em;
}
div.contentColItemBody p.title {
	font-size: 1.1em;
	font-weight: bold;
	color: #c7c5c5;
	padding: 0; margin: 0;
}
div.contentColItemBody p.title a {
	text-decoration: none; color: #999;
}
div.contentColItemBody p {
	font-size: 1em;
	padding: 0; margin: 0;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------   ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.phoneNumber {
	font-size: 17px;
	color: #CCCCCC;
	font-weight: bold;
}
.imgCaptionTitle {
	font-size: 1.1em;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 0px;
}
.introHeading {
	color: #FFFFFF;
}

.genericLeftColContent {
	float: left;
	width: 230px;
	margin: 0 10px 0 0;
}
#genericContentIntro {
	float: left;
	width: 220px;
	background-color: #ccc;
	padding: 0px 5px;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- CASE STUDIES OVERVIEW PAGE eg BRAND IDENTITY, DESIGN FOR PRINT, WEB DEVELOPMENT,   ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#LeftCol470 {float: left; width: 470px; margin: 0 10px 0 0;}
#RightCol470 {float: left; width: 470px;}

#leftColContentIntroSectionHome {
	float: left;
	width: 460px;
	background-color: #ccc;
	padding: 5px;
}

.contentColItemContainerSectionHome {
	clear: both;
	width: 470px;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
}
.contentColItemContainerPortfolio {
	clear: both;
	width: 470px;
	float: left;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
.contentColItemBodySectionHome {
	float: left;
	padding: 0 0 0 10px;
	width: 398px;
}
div.contentColItemBodySectionHome p.title {
	font-size: 1.1em;
	font-weight: bold;
	color: #c7c5c5;
	padding: 0; margin: 0;
}
div.contentColItemBodySectionHome p.title a {
	text-decoration: none; color: #999;
}
div.contentColItemBodySectionHome p {
	font-size: 1em;
	padding: 0; margin: 0;
}
.paginate {clear: both; text-align: right; padding: 5px 0;}

.RelatedCol {float: left; width: 230px; margin: 0 10px 0 0;}
.RelatedCol ul {list-style-position: inside; color: #999;}
.RelatedCol ul li {line-height: 1.3em; padding: 0 0 0 3px;}
.RelatedCol ul li a {color: #999; font-weight: bold; font-size: 1em; text-decoration: none;}

.EnquireCol {float: left; width: 230px;}
.EnquireCol .input {width: 220px;}
.EnquireCol .contact_lft {height: 15px; padding: 10px 0 0 0;}


.CaseColItemContainer {
	clear: both;
	float: left;
	margin-top: 15px;
	padding-bottom: 10px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  ---------------  BLOG PAGES ---------------  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


div#blognav {float: left; width: 230px; margin: 0 10px 0 0;}
div#blogcontent {float: left; width: 710px; }
div#blogcontent div.entry p.title {font-size: 2em; font-weight: lighter; padding: 0; margin: 0;}
div#blogcontent div.entry {padding: 20px 0 20px 0;}

.date {color: #000; padding: 0; margin: 0;}
.blogdate {color: #000;}


.posted {}

.sidetitle {
margin: 18px 0 7px 0;
font-size: 1.5em;
color: #fff; font-weight: lighter; 
padding: 10px 0 8px 10px;
background: url('http://85.234.153.163/~macid/images/blogGdBg.jpg') repeat-y #949598;
}

div#blognav ul {padding: 5px; list-style-type: none;}
div#blognav ul li {padding: 2px;}
div#blognav ul li a {color: black; text-decoration: none;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- CASE STUDIES DETAIL PAGE eg INDIVIDUAL CLIENTS PAGE   ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div#leftCol470content {
	float: left;
	width: 470px;
}
.casestudysummary p {font-weight: bold;}

div#leftCol470content h2, div#leftCol470content h3, div#leftCol470content h4, div#leftCol470content h5, div#leftCol470content h6 {
	color: #999; padding: 10px 0 0 0; margin: 10px 0 0 0;
	font-size: 1.2em; font-weight: bold;
}
.imgCaption {
	font-size: 1.1em;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 0px;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- CONTACT PAGE   ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div#contactform {clear: both; margin: 40px 0 0 10px;}
div#contactform input.input {width: 400px;}
div#contactform div.contact_lft {padding: 10px 0 0 0;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- FOOTER   ---------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
	float: left;
	width: 100%;
	background-color: #110D10;
	height: 100px;
	background-image: url('http://85.234.153.163/~macid/images/macID_logo_rev2.gif');
	background-repeat: no-repeat;
}
#footer p {
	color: #939598;
}