/* CSS file for PURE website */

/* Main Layout */


body {
	margin: 0;
	padding:0;
	color: #777777;
	font: normal 75% arial, helvetica, sans-serif;
}

html>body { font: 12px;}

div.browser {
	width: 100%;
	height: 100%;
	text-align: center;
}

div.website {
	width: 768px;
	margin: 28px auto 28px auto;
	text-align: left;
}

div.webpage {
	float: left;
	width: 768px;
	margin: 0;
	padding: 0;
}

/* Header and Footer*/

div.header {
	float: left;
	width: 768px;
	height: 100px;
	margin: 0 0 0 14px;
	padding: 0;
	background: url(/images/logo.gif) left no-repeat #ffffff;
}

div.footer {
	float: left;
	width: 768px;
	min-height: 45px;
	margin: 0;
	text-align: center;	
}


/* Navigation */

div.leftnav {
	float: left;
	width: 112px;
	margin: 0 0 0 14px;
	padding: 0;
}

/* Content */

div.container {
	position: relative;
	float: left;
	width: 628px;
	background: url(/images/mainbg_top.gif) top no-repeat #ffffff;
	margin:0;
	padding:0;
}

div.containerbg {
	width: 628px;
	background: url(/images/mainbg_bottom.gif) bottom no-repeat ;
	margin:0;
	padding:0;
}

div.content {
	width: 574px;
	margin:0;
	padding: 0 0 0 27px;
}

/*div.mainbgtop {
	position: absolute;
	width: 628px;
	height: 77px;
	left: 0;
	top: 0;
	background: url(/images/mainbg_top.gif) top no-repeat;
}*/

div.wide {
	width: 547px;
	margin: 18px;
}

div.leftcolumn {
	float: left;
	width: 287px;	
	margin: 0;
	padding: 27px 0 18px 0;
}

div.rightcolumn {
	float: right;
	width: 270px;
	margin: 0;
	padding: 27px 0 18px 0;
}

div.clearcolumns {
	clear: both;
}

div.people {
	width: 547px;
	margin: 0 0 18px 0;
	padding: 0;
	float: left;
}

div.people p {
	width: 400px;
	float: left;
	padding: 0;
	margin: 0;
}

div.people img {
	float: right;
	padding: 0 18px 0 0;
	margin: 0;
}


/* General fonts etc */

h1 {
	margin: 9px 0 9px 0;
	padding: 0;
	font-size: 1.4em;
}

#home h1 {
	color: #00ADEF;
}

.howwework h1 {
	color: #F5821F;
}

#people h1 {
	color: #9d00ef;
}

.casestudy h1 {
	color: #ED1B5D;
}

#contact h1 {
	color: #00ADEF;
}

h2 {
	margin: 0 0 9px 0;
	padding: 0;
	font-size: 1.2em;
}

a {
	color: #00ADEF;
	text-decoration: none;
}

a:hover, a:focus { color: #777777; text-decoration: underline; }

p {
	padding: 0;
	margin-bottom: 18px;
	line-height: 1.4;
}

ul {
	margin:0;
	padding:0;
}

li p {
	padding:0;
	margin: 0 0 9px 0;
}

/* Navigation Control*/

div.leftnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.leftnav li p {
	padding-left: 6px;
}

div.leftnav li a {
	padding-right: 6px;
	text-decoration: none;
	color: #777777;
}

div.leftnav li li {
	margin-left: 3px;
}

#home div.leftnav li#menuLinkHome a {
	color: #00ADEF;
	background: url(/images/li_bg.gif) right no-repeat;
}

#home div.leftnav li#menuLinkHome p{
	background: url(/images/li_right.gif) left no-repeat;
}

/* How we work submenu */

#subMenuHowWeWork
{
	display:none;
}

.howwework #subMenuHowWeWork
{
	display:block;
}

.parents div.leftnav li#menuLinkParents a {
	color: #F5821F;
	background: url(/images/li_bg.gif) right no-repeat;
}

.parents div.leftnav li#menuLinkParents p{
	background: url(/images/li_right.gif) left no-repeat;
}

.proposition div.leftnav li#menuLinkProposition a {
	color: #F5821F;
	background: url(/images/li_bg.gif) right no-repeat;
}

.proposition div.leftnav li#menuLinkProposition p{
	background: url(/images/li_right.gif) left no-repeat;
}

.partners div.leftnav li#menuLinkPartners a {
	color: #F5821F;
	background: url(/images/li_bg.gif) right no-repeat;
}

.partners div.leftnav li#menuLinkPartners p{
	background: url(/images/li_right.gif) left no-repeat;
}

.planning div.leftnav li#menuLinkPlanning a {
	color: #F5821F;
	background: url(/images/li_bg.gif) right no-repeat;
}

.planning div.leftnav li#menuLinkPlanning p{
	background: url(/images/li_right.gif) left no-repeat;
}

.practice div.leftnav li#menuLinkPractice a {
	color: #F5821F;
	background: url(/images/li_bg.gif) right no-repeat;
}

.practice div.leftnav li#menuLinkPractice p{
	background: url(/images/li_right.gif) left no-repeat;
}

/* End submenu */

/* Case study sub menu */

.casestudy div.leftnav li#menuLinkCaseStudy p#menuLinkCaseStudyLink a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.casestudy div.leftnav li#menuLinkCaseStudy p#menuLinkCaseStudyLink {
	background: url(/images/li_right.gif) left no-repeat;
}

#subMenuCaseStudy
{
	display:none;
}

.casestudy #subMenuCaseStudy
{
	display:block;
}

.clients div.leftnav li#menuLinkClients a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.clients div.leftnav li#menuLinkClients p{
	background: url(/images/li_right.gif) left no-repeat;
}

.ladbrokes div.leftnav li#menuLinkLadbrokes a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.ladbrokes div.leftnav li#menuLinkLadbrokes p{
	background: url(/images/li_right.gif) left no-repeat;
}

.qfc div.leftnav li#menuLinkQfc a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.qfc div.leftnav li#menuLinkQfc p{
	background: url(/images/li_right.gif) left no-repeat;
}

.houseofbath div.leftnav li#menuLinkHouseofbath a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.houseofbath div.leftnav li#menuLinkHouseofbath p{
	background: url(/images/li_right.gif) left no-repeat;
}

.icaew div.leftnav li#menuLinkIcaew a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.icaew div.leftnav li#menuLinkIcaew p{
	background: url(/images/li_right.gif) left no-repeat;
}

.gam div.leftnav li#menuLinkGam a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.gam div.leftnav li#menuLinkGam p{
	background: url(/images/li_right.gif) left no-repeat;
}

.grant div.leftnav li#menuLinkGrant a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.grant div.leftnav li#menuLinkGrant p{
	background: url(/images/li_right.gif) left no-repeat;
}

.pools div.leftnav li#menuLinkPools a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.pools div.leftnav li#menuLinkPools p{
	background: url(/images/li_right.gif) left no-repeat;
}

.mori div.leftnav li#menuLinkMori a {
	color: #ED1B5D;
	background: url(/images/li_bg.gif) right no-repeat;
}

.mori div.leftnav li#menuLinkMori p{
	background: url(/images/li_right.gif) left no-repeat;
}

/* End sub menu */

#people div.leftnav li#menuLinkPeople a {
	color: #9d00ef;
	background: url(/images/li_bg.gif) right no-repeat;
}

#people div.leftnav li#menuLinkPeople p{
	background: url(/images/li_right.gif) left no-repeat;
}

#contact div.leftnav li#menuLinkContact a {
	color: #00ADEF;
	background: url(/images/li_bg.gif) right no-repeat;
}

#contact div.leftnav li#menuLinkContact p{
	background: url(/images/li_right.gif) left no-repeat;
}

/* Specific fonts etc */

div.content li {
	list-style-type: square;
	margin: 0 0 0 27px;
}

ul.inpractice {
	border: 1px solid #777777;
	width: 175px;
	margin: 0;
	padding: 20px;
}

ul.inpractice li{
	list-style-type: none;
	margin: 0;
}

div.footer img {
	margin-right: 10px;
}

span.footerlogo {
	color: #00ADEF;
}