html, body {
	margin: 0; padding: 0;
	font-family: 'Lucida Sans','Lucida Grande',Verdana,Arial,Helvetica,Verdana,Sans-serif; font-size: 12px; line-height: 18px; color: #222;
	background-image: url('../graphics/page-background.gif'); background-repeat: repeat-y; background-position: left top; background-color: #FFF;
}
#page {
	width: 1001px;
}
#menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	width: 1000px;
	border: 0;
	border-top: #FFF 1px solid;
	border-bottom: #FFF 1px solid;
	border-left: #FFF 1px solid;
	margin: 0;
	padding: 0;
	color: #FFF;
	background: #8E47AD;
}
#menu li {
	float: left;
	position: relative;
	list-style: none;
	margin: 11px 0 0 0;
}
#menu a {
	margin: 0;
	padding: 3px 21px 5px 21px;
	font-size: 14px;
	font-weight: normal;
	line-height: 23px;
	text-decoration: none;
	color: #FFF;
	background-color: transparent;
}
#menu a:hover {
	color: #bbb;
	background-color: transparent;
}
#menu #home {
	margin: 0;
	padding: 0;
}
#menu #home a {
	margin: 0 19px 0 0;
	padding: 0;
}
#menu #home a img {
	border: 0;
	vertical-align: middle;
}
#menu li ul {
	display: none;
	position: relative;
	left: 0;
	margin: 4px 0 4px 0;
	padding: 0 0 5px 0;
	background-color: #8E47AD;
}
#menu li:hover ul, #menu li.over ul {
	display: block;
	position: absolute;
	top: 19px;
}
#menu li ul li {
	position: relative;
	width: 220px;
	margin: 0;
	padding: 0;
	color: inherit;
	background-color: #8E47AD;
}
#menu li ul li a {
	font-size: 12px;
	line-height: 20px;
}
#imagearea {
	position: relative;
	top: 48px;
	left: 0;
	z-index: 10;
	width: auto;
	height: 335px;
	border: 0;
	border-bottom: #FFF 1px solid;
	border-left: #FFF 1px solid;
	background-color: #aaa;
}
#mainimage p {
	margin: 0;
	padding: 0;
}
#spacer {
	position: relative;
	top: 48px;
	left: 0;
	width: auto;
	height: 31px;
}
#uparrow, #downarrow {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	border: 0;
	border-bottom: #FFF 1px solid;
}
div.content {
	position: relative;
	top: 48px;
	left: 0;
	width: 954px;
	margin: 0 23px 23px 23px;
	border: 0;
	border-left: #FFF 1px solid;
	background-color: #FFF;
}
h1 {
	display: inline;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	margin: 0;
}
h2 {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	margin: 0;
}
h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #222;
	background-color: inherit;
	margin: 0 0 -12px 0;
}
h3:first-child {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	margin: 0;
}
p:first-child {
	margin-top: 3px;
}
/* TIDIED CSS DOWN TO HERE */
#subnav {
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 40;
	padding: 0 0 16px 0;
}
#subnav p {
	display: inline;
	width: 180px;
}
#subnav a {
	float: left;
	clear: both;
	display: inline;
	position: relative;
	width: 180px;
	cursor: pointer;
	margin: 1px 0 5px 0 ;
	font-size: 12px;
	line-height: 16px;
	color: #8E47AD;
	text-decoration: none;
}

#subnav a:hover {
	color: #888;
}
ul#subnav li a {
	text-decoration: none;
	color: #ccc;
}
ul#subnav li a:hover {
	color: #EF6B00;
}
#panel_content {
	margin: 0;
	padding: 0 0 16px 0;
	position: absolute;
	top: 0;
	left: 190px;
	width: 420px;
}
#panel_contentRight {
	position: absolute;
	top: 0;
	left: 636px;
	width: 292px;
	border: 0;
	border-left: #8E47AD 1px solid;
	padding: 0 23px;
	margin: 0;
}
a{
	color: #8E47AD;	
	text-decoration: none;
}
a:hover {
	color: #888;
}
.hidden {
	display: none;
}
.news-shown div { display: block; min-width: 300px; max-width: 600px; }
.news-hidden div { display: none; min-width: 300px; max-width: 600px; }
.news-shown h3, .news-hidden h3 { margin: 0 0 5px 0; }/* font-weight: bold; font-size: 14px; line-height: 21px; */
.news-shown h3 a { color: #EF6B00; }
span.date { font-weight: normal; white-space: nowrap; color: #888; }
span.expand { font-weight: bold; color: #8E47AD; }
span.collapse { font-weight: bold; color: #EF6B00; }
a:hover span.date, a:hover span.expand, a:hover span.collapse { color: #888; }
.news-shown h3 a span.expand, .news-hidden h3 a span.collapse { display: none; }
.news-shown h3 a span.collapse, .news-hidden h3 a span.expand { display: inline; }
.news-hidden h3 a { color: #8E47AD; }
.news-hidden h3 a:hover { color: #888; }
/* LINK HIGHLIGHTS - #F07C1D is a paler version of #EF6B00 for use on purple backgrounds */
.services #services, .services #services:hover { color: #F07C1D; }
.brandstrategy #brandstrategy, .brandstrategy #brandstrategy:hover { color: #F07C1D; }
.brandidentity #brandidentity, .brandidentity #brandidentity:hover { color: #F07C1D; }
.marketingmaterials #marketingmaterials, .marketingmaterials #marketingmaterials:hover { color: #F07C1D; }
.digitalsolutions #digitalsolutions, .digitalsolutions #digitalsolutions:hover { color: #F07C1D; }
.websites #websites, .websites #websites:hover { color: #EF6B00; }
.interfacedesign #interfacedesign, .interfacedesign #interfacedesign:hover { color: #EF6B00; }
.usabilityevaluation #usabilityevaluation, .usabilityevaluation #usabilityevaluation:hover { color: #EF6B00; }
.brandexperiences #brandexperiences, .brandexperiences #brandexperiences:hover { color: #F07C1D; }
.exhibitionsevents #exhibitionsevents, .exhibitionsevents #exhibitionsevents:hover { color: #EF6B00; }
.mediaconvergence #mediaconvergence, .mediaconvergence #mediaconvergence:hover { color: #EF6B00; }
.projects #projects, .projects #projects:hover { color: #F07C1D; }
.corporatefinancial #corporatefinancial, .corporatefinancial #corporatefinancial:hover { color: #F07C1D; } 
.adlevok2x #adlevok2x, .adlevok2x #adlevok2x:hover { color: #EF6B00; }
.bradfordpharma #bradfordpharma, .bradfordpharma #bradfordpharma:hover { color: #EF6B00; }
.btignite #btignite, .btignite #btignite:hover { color: #EF6B00; }
.centralrailway #centralrailway, .centralrailway #centralrailway:hover { color: #EF6B00; }
.encorepartners #encorepartners, .encorepartners #encorepartners:hover { color: #EF6B00; }
.essentialscience #essentialscience, .essentialscience #essentialscience:hover { color: #EF6B00; }
.grantthornton #grantthornton, .grantthornton #grantthornton:hover { color: #EF6B00; }
.holdenpartners #holdenpartners, .holdenpartners #holdenpartners:hover { color: #EF6B00; }
.knownobounds #knownobounds, .knownobounds #knownobounds:hover { color: #EF6B00; }
.knowstp #knowstp, .knowstp #knowstp:hover { color: #EF6B00; }
.lifehausplc #lifehausplc, .lifehausplc #lifehausplc:hover { color: #EF6B00; }
.lighthousegroup #lighthousegroup, .lighthousegroup #lighthousegroup:hover { color: #EF6B00; }
.pharmecosse #pharmecosse, .pharmecosse #pharmecosse:hover { color: #EF6B00; }
.rosanhelmsley #rosanhelmsley, .rosanhelmsley #rosanhelmsley:hover { color: #EF6B00; }
.solutia #solutia, .solutia #solutia:hover { color: #EF6B00; }
.vespacapital #vespacapital, .vespacapital #vespacapital:hover { color: #EF6B00; }
.cultureretail #cultureretail, .cultureretail #cultureretail:hover { color: #F07C1D; }
.anthonysinclair #anthonysinclair, .anthonysinclair #anthonysinclair:hover { color: #EF6B00; }
.eddiecatz #eddiecatz, .eddiecatz #eddiecatz:hover { color: #EF6B00; }
.grima #grima, .grima #grima:hover { color: #EF6B00; }
.johnford #johnford, .johnford #johnford:hover { color: #EF6B00; }
.nutters #nutters, .nutters #nutters:hover { color: #EF6B00; }
.socialsuicide #socialsuicide, .socialsuicide #socialsuicide:hover { color: #EF6B00; }
.property #property, .property #property:hover { color: #F07C1D; }
.diligenceuk #diligenceuk, .diligenceuk #diligenceuk:hover { color: #EF6B00; }
.griproperty #griproperty, .griproperty #griproperty:hover { color: #EF6B00; }
.indigo #indigo, .indigo #indigo:hover { color: #EF6B00; }
.karaka #karaka, .karaka #karaka:hover { color: #EF6B00; }
.matrix #matrix, .matrix #matrix:hover { color: #EF6B00; }
.simplyapartments #simplyapartments, .simplyapartments #simplyapartments:hover { color: #EF6B00; }
.strathallanstobhall #strathallanstobhall, .strathallanstobhall #strathallanstobhall:hover { color: #EF6B00; }
.watermenlightermen #watermenlightermen, .watermenlightermen #watermenlightermen:hover { color: #EF6B00; }
.sport #sport, .sport #sport:hover { color: #F07C1D; }
.kerrishields #kerrishields, .kerrishields #kerrishields:hover { color: #EF6B00; }
.lifestyleinstitute #lifestyleinstitute, .lifestyleinstitute #lifestyleinstitute:hover { color: #EF6B00; }
.pulseracing #pulseracing, .pulseracing #pulseracing:hover { color: #EF6B00; }
.spiritofsquash #spiritofsquash, .spiritofsquash #spiritofsquash:hover { color: #EF6B00; }
.squashatrac #squashatrac, .squashatrac #squashatrac:hover { color: #EF6B00; }
.assets #assets, .assets #assets:hover { color: #F07C1D; }
.beconnected #beconnected, .beconnected #beconnected:hover { color: #F07C1D; }
.beinventive #beinventive, .beinventive #beinventive:hover { color: #F07C1D; }
.beloud #beloud, .beloud #beloud:hover { color: #F07C1D; }
.companyinfo #companyinfo, .companyinfo #companyinfo:hover { color: #F07C1D; }
.aboutbebrand #aboutbebrand, .aboutbebrand #aboutbebrand:hover { color: #F07C1D; }
.theteam #theteam, .theteam #theteam:hover { color: #F07C1D; }
.jamessandwith #jamessandwith, .jamessandwith #jamessandwith:hover { color: #EF6B00; }
.jillcampion #jillcampion, .jillcampion #jillcampion:hover { color: #EF6B00; }
.hamiltonford #hamiltonford, .hamiltonford #hamiltonford:hover { color: #EF6B00; }
.marcusquarta #marcusquarta, .marcusquarta #marcusquarta:hover { color: #EF6B00; }
.jennifersmith #jennifersmith, .jennifersmith #jennifersmith:hover { color: #EF6B00; }
.advisoryboard #advisoryboard, .advisoryboard #advisoryboard:hover { color: #F07C1D; }
.partners #partners, .partners #partners:hover { color: #F07C1D; }
.joinus #joinus, .joinus #joinus:hover { color: #F07C1D; }
.press #press, .press #press:hover { color: #F07C1D; }
.news2010 #news2010, .news2010 #news2010:hover { color: #F07C1D; }
.news2009 #news2009, .news2009 #news2009:hover { color: #F07C1D; }
.news2008 #news2008, .news2008 #news2008:hover { color: #F07C1D; }
.news2007 #news2007, .news2007 #news2007:hover { color: #F07C1D; }
.news2006 #news2006, .news2006 #news2006:hover { color: #F07C1D; }
.news2005 #news2005, .news2005 #news2005:hover { color: #F07C1D; }
.news2004 #news2004, .news2004 #news2004:hover { color: #F07C1D; }
.news2003 #news2003, .news2003 #news2003:hover { color: #F07C1D; }
.news2002 #news2002, .news2002 #news2002:hover { color: #F07C1D; }
.news2001 #news2001, .news2001 #news2001:hover { color: #F07C1D; }
.contactus #contactus, .contactus #contactus:hover { color: #F07C1D; }
.copyright #copyright, .copyright #copyright:hover { color: #F07C1D; }