/*
Theme Name: Matrix Knowledge Group Websites
Theme URI: http://matrixknowledge.com/
Description: The theme for the Matrix Knowledge Group
Version: 1.0
Author: Ech Design
Author URI: http://echdesign.co.uk/
Tags: Matrix, research, consultancy, informatics, Ech
*/
* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;

font-family:arial, helvetica;
font-size:73%;
color:black;
background:#ffffff; /* necesary for the shorter pages to make the background fill the screen */
}
h1, h2, h3, h4 {
font-weight:normal;
}
h2, #homecontent h1 {
font-size:30px; /* was 2.7 */

padding-top:16px; /* was 16 */
margin-left:13px; /* applies where not in a linebox */
margin-right:20px;
padding-left:0px;
font-style:normal;
/* border-bottom:1px solid #DBD0D8; */
padding-bottom:0px;
text-transform:lowercase;

position:relative;
height:42px;
}
/* h2 span {
background:#679eab;
} */
h3, .slidemask h4 {
font-size:2.1em; /* was 2.25 */

padding-top:10px;
margin-left:0px;
margin-right:7px;
padding-left:0px;

margin-bottom:10px;
text-transform:lowercase;
}
h3 {
margin-left:13px;
padding-top:14px;
}
h3.capitals {
padding-top:23px;
}
h3 span {
text-transform:none;
}
h4 {
padding-left:0px;
margin-top:15px;
font-size:   1.4em;
margin-bottom:10px;
margin-left:13px;
line-height:1.4em;
}
h4.toggler {
cursor:pointer;


margin-right:10px;
}
h4.toggler:hover {
color:#541a41;
}
h4.atStart, h4.atStart5 {
border-top:1px solid #DBD0D8;
border-bottom:1px solid #DBD0D8;
/* background:#DFDFDF; */
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
margin-left:13px;
color:#8a1044;
/* background:#fff;*/
}
h4.atStart:hover, h4.atStart5:hover {
background:#511A42;
color:#fff;
}
h4.toggler span, h4 span {
color:#5F5F5F;
 font-size:0.8em; 
}

#content .element img { /* styling of images on news archive pages */
display:block;
float:left;
margin-top:3px;
margin-right:15px;
}
/* .greyback h4 span {
font-size:1em;
color:#7F1142;
}
.greyback h4 span:hover {
color:#fff;
} */
#purple #content p.date {
color:#5F5F5F;
}
h4 strong {
color:#511A42;
 font-size:0.8em; 
font-weight:normal;
}
h4 a.pdf {
background: url(images/pdf.gif) no-repeat top right;
padding-right:20px;
}
p {
margin-left:13px;
margin-top:10px;
margin-bottom:12px;
margin-right:20px;
font-size:1.2em; /* 1.5 for smaller size */
line-height:1.3em;
color: /*  #000000*/ #541a41;  
}

#purple p {
color:#000000;
}
small {
font-size:0.8em;
}
li {
color:/*#000000*/#541a41;
}
#purple li {
color:#000; 
}
 a {
color:#7F1142;
outline:none;
}
/* #green a:hover {
color:#5fa869;
text-decoration:none;
} */
a img {
border:0;
}
#content a:hover, .sidebox a:hover, #company a:hover, #global a:hover {
border-bottom:1px solid #511a42;
background:#511a42;
color:#fff;
}

#headerwrapper {
/* background: url(images/header.jpg); */
text-align:center;
}
#header, #main, #ribbonframe {
width:940px; /* approximate */
text-align:left;
margin-left:auto;
margin-right:auto;

}
#main {
position:relative;

}
#header {
background: url(images/better-decisions-better-world.jpg) bottom right no-repeat;
height:129px;
}
#purple #header {
background:url(images/tree2.jpg) bottom right no-repeat;
}
#group #header {
background:none;
position:relative;
}
#group #header img {
position:absolute;
right:10px;
top:62px;
}
#red #header {
background: url(images/tree2.jpg) bottom right no-repeat;
}
#header h1 {
padding-top:36px;
width:182px;
margin-left:23px;
float:left;
margin-bottom:0px;
}

#header h1 a {
width:182px;
height:83px;
background: url(images/matrixknowledgegroup-logo2.jpg);
display:block;
text-indent:-9000px;
}
#green #header h1 a {
background: url(images/matrix-insight-logo.gif);
}
#blue #header h1 a {
background: url(images/matrix-evidence-logo.gif);
}
#orange #header h1 a {
background: url(images/matrix-decisions-logo.gif);
}
/* #red #header h1 {
padding-top:16px;
} */
#red #header h1 a  {
background: url(images/matrix-india.gif) no-repeat;
/* width:340px;
height:113px;
position:relative;
top:0px;
left:0px;*/
}

#header ul {
width:210px;
float:right;
margin-right:30px;
margin-top:98px;
}
#group #header ul {
width:auto;
margin-right:15px;
position:relative;
z-index:2;
}
#header li {
text-transform:lowercase;
float:left;
font-size:1em;
list-style-type:none;
margin-right:5px;
line-height:1em;
font-weight:bold;
color:#3f132a;
}
#header li a {
color:#3f132a;
text-decoration:none;
font-weight:normal;
padding-left:5px;
border-left:1px solid #3f132a;
}
#header li a.first {
border:0;
}
#header li a:hover {
text-decoration:underline;
color:#7F1142;
}
#ribbon {
height:25px;
min-width:940px;
text-align:center;
}
#purple #ribbon {
background: url(images/band-purple.jpg) top right no-repeat #3a0e2f;

}
#green #ribbon {
background: url(images/band-green.jpg) top right no-repeat #3a0e2f;
}
#blue #ribbon {
background: url(images/band-blue.jpg) top right no-repeat #3a0e2f;
}
#red #ribbon {
background: url(images/band-red.jpg) top right no-repeat #3a0e2f;
}
#orange #ribbon {
background: url(images/band-orange.jpg) top right no-repeat #3a0e2f;
}
#dkpurple #ribbon {
background:#3A0E2F;
}
#ribbon ul {
margin-left:20px;
}
#ribbon li {
float:left;
color:#fff;
font-weight:bold;
list-style-type:none;
font-size:13px;
line-height:23px; /* matches the height of the ribbon div */
margin-left:13px;
text-transform:lowercase;
}
.breadcrumb {
/* float:left;*/
color:#fff;
font-weight:normal;
font-size:13px;
line-height:23px; /* matches the height of the ribbon div */
margin-left:34px;
margin-top:0px;
text-transform:lowercase;
}
.breadcrumb a {
padding-right:10px;
margin-right:7px;
background: url(images/line.gif) no-repeat bottom right;
}
.breadcrumb a.noline {
background:none;
}
.breadcrumb a.America {
font-weight:bold;
}
.breadcrumb a.current {
cursor:default;
background:none;
}
#ribbon .breadcrumb a.current:hover {
text-decoration:none;
}
#ribbon a {
color:#fff;
text-decoration:none;
}
#ribbon a:hover {
text-decoration:underline;

}
#contentwrapper {
text-align:center;
background: url(images/gradient-left.jpg) top left no-repeat #ffffff; 
}
#contentwrapper2 {
  background: url(images/gradient-right.jpg) top right no-repeat; 
  min-width:940px;
}
#group #contentwrapper, #group #contentwrapper2 {
background:none;
}
#menu {
width:240px;
/* height:357px;*/
background: url(images/menu-top.png) no-repeat; 
float:left;
min-height:700px;
/* position:absolute;
top:0px;
left:0px; */
}
#menu ul {
/* background: url(images/menu-bottom.jpg) bottom left no-repeat;*/
padding-left:18px;
padding-top:17px;
padding-right:16px;
/* padding-bottom:200px;
 height:500px; */

}
#menu ul ul {
padding-top:2px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
background:none;
margin-bottom:-2px;
}
#menu li {
list-style-type:none;

font-size:1.35em;
text-transform:lowercase;
margin-bottom:9px;
margin-top:7px;
}
#menu ul.tags li {
font-size:1em;
margin-bottom:5px;
margin-top:4px;
}
p.tagger {
margin-left:32px;
font-weight:bold;
margin-top:20px;
}
#menu li li {
font-size:0.75em;
margin:0;
margin-top:2px;
margin-bottom:-2px;

}
#menu li a {
color:#541a41;
display:block;
padding-left:15px;
/* line-height:2em; */
text-decoration:none;
padding-top:3px;
padding-bottom:5px;
}
#menu li li a, #menu li.current-cat li a, #green #menu li.current-cat li a, #orange #menu li.current-cat li a, #blue #menu li.current-cat li a  {
/* line-height:1.2em; */
padding-left:15px;
color:#8d1045;
 background:#ffffff; 
padding-top:4px;
padding-bottom:4px;
}

/* #menu li.current-cat li a {
background:none;
color:#000;
} */
#menu li.current-cat a {
background: #DED1D8 /* #DBD0D8 */;
color:#511a42;
}
#blue #menu li.current-cat a {
background:#EDE9EC;
}
#green #menu li.current-cat a {
background:#DDEFDF;
}
#orange #menu li.current-cat a {
background:#f17f29;
}
#menu li a:hover, #menu li.current cat a:hover, #blue #menu li.current-cat a:hover, #green #menu li.current-cat a:hover, #orange #menu li.current-cat a:hover  {
color:#fff;
background:#511a42;
}
#menu li li a:hover, #menu li.current-cat li a:hover {
color:#fff;
background:#511A42;
}

#menu li ul {
display:none;
}
#menu li.current-cat ul, #menu li.current-cat-parent ul {
display:block;
}

#company {
margin-left:22px;
margin-top:20px;

}
#company h4, #global h4 {
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}
#company h4 {
text-indent:-9000px;
width:181px;
}
h4.group {
background:url(images/knowledge-group.gif) no-repeat;
height:68px;
}
h4.consultancy {
background:url(images/consultancy.gif) no-repeat;
height:37px;
}
h4.reviews {
background:url(images/evidence-reviews.gif) no-repeat;
height:52px;
}
h4.software {
background:url(images/software.gif) no-repeat;
height:37px;
}
#company h4:hover {
background-position:bottom left;
}
#global img {
padding-left:22px;
}
#global h4 { 
margin-left:3px;
}
#global h4 img {
padding-left:0px;
}
#company p, #global p {
margin-top:0px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
padding-top:4px;
margin-right:20px;
margin-left:9px;
margin-right:29px;
font-size:1em;
}
#global p {
margin-left:22px;
}
#green #company p, #green #global p {
background:#DDEFDF;
}
#blue #company p, #blue #company p {
background:#EDE9EC;
}
#orange #company p, #orange #company p {
background:#FFF7EF;
}
#company img {
padding-bottom:2px;

}
#global {
background: url(images/global-offices.jpg) no-repeat;
padding-top:40px;
}


.sidebox {
border:1px solid #cbcbcb;
margin-left:18px;
margin-right:15px;
margin-top:10px;
}
.sidebox img {
margin-top:5px;
margin-left:10px;
}
.sidebox p {
font-size:1.2em;
}
#content {
/* margin-left:240px; */
width:696px; /* was 682 or 675 */
position:relative;
/* min-height:800px;*/
float:right; /* needed to prevent problems with introtext and other top images with borders */
}
#content li {
margin-left:50px;
margin-right:20px;
font-size:1.2em;
line-height:1.3em;
}
#content .linebox li {
margin-left:40px;
}
#content li li {
font-size:1em;
}

#green #content ul li {
list-style-type:none;
background:url(images/green-bullet.gif) 0px 2px no-repeat;
margin-left:30px;
padding-left:20px;
}
#blue #content ul li {
list-style-type:none;
background:url(images/blue-bullet.gif) 0px 2px no-repeat;
margin-left:30px;
padding-left:20px;
}
#orange #content ul li {
list-style-type:none;
background:url(images/orange-bullet.gif) 0px 2px no-repeat;
margin-left:30px;
padding-left:20px;
}
#purple #content ul li, #group #content ul li {
list-style-type:none;
background:url(images/purpbullet.gif) 0px 2px no-repeat;
margin-left:30px;
padding-left:20px;
}
#purple #content ul.post-meta li {
padding-left:0;
}
#content ul {
margin-top:10px;
margin-bottom:10px;
}
#content p {
/* 13px;*/
margin-right:20px;

}
#content p img {

margin-left:0px;
margin-right:auto;
margin-top:10px;
}
#content p img.leftfloat {
float:left;
margin-top:0px;
margin-right:15px;
margin-bottom:10px;
}

#content p.excerpt {
position:absolute;
top:68px;
margin-top:0px;
width:600px;
}
#content p a.noborder {
position:relative;
left:-7px;
}
#content p a.noborder:hover, #content p a.noborder2:hover, #content a.noborder2:hover  {
border:0;
background:0;

}
#blog {
margin-left:22px;
}
#blog h3 {
margin-bottom:-10px;
}
.boxwrapper {
background: url(images/whitebox-top2.png) top left no-repeat;
position:relative;
padding-top:24px;
left:-32px;
padding-bottom:0px;
width:750px;

}
.box, .boxwithimage {
background: url(images/whitebox-bottom.png) bottom left no-repeat;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:25px;
position:relative; /* to allow image positioning */

}
.box h2, .boxwithimage h2 {
border:0;
padding-left:8px;
margin-left:0px;
margin-top:5px;
margin-right:0px;
}
.box h3, .boxwithimage h3 {
text-transform:lowercase;
margin-left:0px;
margin-top:0px;
margin-bottom:10px;
padding-top:10px;
}
.box h3.floatleft {
float:left;
width:190px;
}

.box p, #content .box p, #content .boxwithimage p {
margin-left:5px;
margin-right:10px;
}
#content .boxwithimage p {
margin-right:210px;

}
#content .boxwrapper img, .boxwithimage img {
/* float:left;*/
margin-left:20px;
padding-top:2px;
}
#content .box li {
margin-left:40px;
font-size:1.2em;
line-height:1.4em;
}
.boxright {

/* width:290px; */
margin-left:44px;
margin-right:33px;
/* padding-top:3px;*/
position:relative; 
top:-52px /* was -64px */;
margin-bottom:-52px;
}
.twocolumn {
float:left;
width:300px;
}
.twocolumn p {
margin-top:0px;
}
.linebox {
 border-bottom:1px solid #EFE0EA /* #DBD0D8 */;
padding-bottom:10px;
padding-top:0px;
margin-right:20px;
position:relative;
margin-left:13px;
 /* z-index:2;added as experiment with creasebox can remove later */
}
#orange .linebox {
margin-right:14px;
}
.newsbox {
border-bottom:1px solid #EFE0EA /* #DBD0D8 */;
padding-bottom:10px;
padding-top:0px;
margin-right:20px;
/* position:relative;*/
margin-left:13px;
}
.introtext {

/*  border-bottom:1px solid #EFE0EA; */
padding-top:0px;
margin-right:20px;
position:relative;
margin-left:13px;
 border:1px solid #E7E7E7; 
margin-top:10px;



}
.introtext .flash {
float:right;

}
.flash {
margin-left:13px;
margin-top:11px;
}
.pullup {
margin-bottom:-12px;
}
h4.pullup2 { 
margin-bottom:-14px;

padding-bottom:2px;
font-size:1.8em;
margin-top:20px;
}
h4.pullup3 { 
margin-bottom:0px;

padding-bottom:2px;
font-size:1.6em;
margin-top:10px;
}
.drop {
margin-top:16px;
}
.introtext h2 {

position:absolute;
padding-top:0px;
top:4px;
left:15px;
width:450px;
margin-left:0;
z-index:10;

}
#green .linebox h2, #orange .linebox h2, #blue .linebox h2 {
position:absolute;
padding-top:-0px;
top:14px;
left:0px;
margin-left:0;
z-index:10;
width:600px;
}
.linebox h2 {

}
.introtext h2.lessleft {
left:0px;
}
.linebox h2 {
margin-left:0px;
}
.linebox h3, .linebox2 h3 {
padding-top:14px;
margin-left:0px;
}
.linebox h3.homepage {
position:relative;
top:-179px;
left:15px;
margin-bottom:-45px;
}

#content .linebox p, .linebox h4 {
margin-left:0px;
margin-right:0px;
}

#content ul.post-meta {
margin-bottom:0px;
margin-top:0px;

/* margin-bottom:-10px; */

}
#content ul.post-meta li, #green #content ul.post-meta li, #blue #content ul.post-meta li, #orange #content ul.post-meta li, #purple #content ul.post-meta li {
list-style-type:none;
line-height:1em;
margin-left:0px;
margin-right:0px; /* offsets standard right margin */
background:none;
}
#content .event ul.post-meta {
margin-left:13px;

}
#content .event ul.post-meta li {
color:#511A42;
}
#content ul.post-meta li img {

margin-top:0px; /* was 0 */
display:block;
margin-bottom:0px; /* was -10 */
float:right;


right:0px; /* to counteract margins on the p */

}
#purple #content ul.post-meta li img {
width:661px;
}
#content .linebox ul.post-meta li img {
position:relative;
top:10px;
}

span.post-meta-key {
display:none;
}
.introtext p {
position:absolute;
top:42px;
left:2px;
width:320px;
}
.introtext2 {
position:absolute;
top:58px;
left:20px;
width:320px;
color:#fff;
}
.introtext2 p {
color:#fff;
}

.greybacktop {
background:#ede9ec; 
padding-top:0px;
padding-bottom:8px;
 margin-left:2px;
 margin-right:10px;
position:relative; /* relative positioning here + rp in .halves required for IE6 and 7 */
top:11px;
margin-bottom:10px;
}
.half {
/* float:left;
width:310px; */ /* was 303 */
 margin-top:0px;
 
}
.half2 {
/* float:right;
width:330px; */
/* margin-left:40px;*/

}
#orange .greybacktop {
background:url(images/full-width-boxshadow.jpg) no-repeat;
padding-bottom:0px;
float:left;
margin-top:0px;
left:-2px;
width:696px;
margin-bottom:17px;
}

#orange .half {
float:left;
width:340px;
}
#orange .half h2, #orange .greybacktop h2 {
padding-top:25px;
margin-left:19px;
margin-right:19px;
}
#orange .half p, #orange .greybacktop p {
margin-left:19px;
margin-right:19px;

}
#blue .greybacktop strong {
color:#679eab;
font-weight:normal;
}
.greyback {
background:#f6f6f6; 
padding-top:0px;
padding-bottom:10px;
 margin-top:0px; 
float:left;
 width:663px;
position:relative;

}
#orange .greyback {
width:669px;
}
.greyback h4 {

margin-top:15px;
padding-left:10px;

}
.greyback h4.brnegator { /* taking account of br/ tags wordpress is punching in */
margin-top:-15px;
}
.screenshot {
float:left;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:0px;
border:1px solid #efefef;
}
.narrow .screenshot {
margin-left:5px;
margin-right:5px;
}

.creasebox { 
background: url(images/crease.jpg) top left no-repeat;
padding-top:15px;
position:relative;
top:-1px;
margin-right:20px;
}

/* featured in megaace */
.squarebox {
border:1px solid #cbcbcb;
margin-left:13px;
margin-right:14px;
margin-top:10px;
}
#content .squarebox p {
margin-right:10px;
}


.featurebox {
position:relative;
top:11px;
margin-bottom:10px;
margin-left:13px;
border:1px solid #E7E7E7; 
width:670px;
}
 #orange .featurebox, #blue .featurebox {

margin-left:3px;
margin-bottom:10px;
float:left;
/* height:293px; */
}
#blue .featurebox {
width:669px;
}
#orange .featurebox {
margin-left:9px;
width:673px;
}
/*
#orange #content .featurebox p {
padding-top:10px;
padding-left:20px;
color:#000;
font-size:1.2em;
float:left;
} */
.featurebox img {
display:block;
}
#orange .featurebox img {
float:left;
width:673px;
}
.featurebox h3 {
font-size:1.5em;
color:#fff;
margin-left:13px;
}
.featurebox ul {
padding-top:40px;
padding-left:23px;
}
#green #content .featurebox li, #blue #content .featurebox li {
list-style-type:none;
background:none;
color:#fff;
font-size:1em;
}

#content .featurebox p {
color:#fff;
font-size:1em;
}
/* #content .featurebox a {
color:#fff;
} 
#content .featurebox a:hover {
color:#5FA569;
}*/
.featurepurple img {
float:left;
margin-top:15px;
margin-left:15px;
margin-bottom:20px;

}
.featurepurple {
background:#501a41;
width:215px;
float:left;
min-height:284px; /* height of the image */
}

.column {
float:left;
width:340px;
padding-top:10px;
}
#orange .column {
width:334px;
margin-left:6px;
}
.boxcolumn {
float:left;
width:356px;
background:url(images/mid-box.png) no-repeat;
padding-top:25px;
/* position:relative;
z-index:2;*/
}
.column h2 {
 font-size:24px; 
margin-left:13px;

}
.boxcolumn h2 {
font-size:24px; /* this and above were 2.1 em */
margin-left:28px;
margin-right:30px;
padding-top:0px;
}
.boxcolumn p {
margin-left:30px;
margin-right:30px;
/* margin-top:0px;
padding-top:10px; */
}
#content .column img, #content .boxcolumn img   {
float:left;
margin-right:15px;
margin-bottom:60px;
}
#content .column img.thumbo {
display:block;
margin-top:3px;
margin-bottom:0px;
}
#content p img.thumbnail {
/* float:left;*/
margin-right:15px;
margin-bottom:15px;
margin-top:0px;
}
#content .greyback img.thumbnail {
float:left;
 clear:left; 
 margin-right:10px;
/* padding-bottom:15px; */
margin-bottom:0px;
margin-top:10px;
}
#blue .boxcolumn strong {
color:#679EAB;
}
.threecolumn {
float:left;
width:232px;
background:url(images/three-column-box.png) no-repeat;
}
#content .threecolumn img {
margin-top:3px;
margin-right:15px;
display:block;
float:left;
}
.threecolumn h3 {
margin-left:25px;
margin-right:25px;
padding-top:20px;
font-size:20px;
min-height:54px;
}
.threecolumn p {
margin-left:25px;
margin-right:25px;
}

.highlight {
background:#511a42;
margin-top:16px;
margin-left:13px;

}
#content .highlight p, .highlight a {
color:#fff;
text-decoration:none;
padding-top:2px;
padding-bottom:2px;
}
h3.togglerstyle {
clear:left;
}

/* icons */
ul.files {
background:#F6F6F6;
border:1px solid #DBD0D8;
margin-right:10px;
margin-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
}
#content ul.files li {
list-style-type:none;

padding-left:10px;
line-height:20px;
margin-left:0;
}
a.pdf {
background: url(images/pdf.gif) no-repeat top right;
padding-right:20px;
padding-top:2px;
padding-bottom:2px;
}
#content a.pdf:hover {
background: url(images/pdf.gif) no-repeat top right #3A0E2F;
}
/* Decisions homepage */
#photointro {
width:883px;
height:700px;
margin-left:34px;
padding-top:410px;
}

#photointro .left {
width:360px;
float:left;
text-align:right;
margin-right:50px;
margin-left:20px;
}
#photointro .left h2 {
padding-left:90px;
}
#photointro .right {
margin-left:50px;
float:left;
width:360px;
}
#photointro h2 {
width:350px;
}
#photointro a {
color:#fff;
}
#photointro li {
list-style-type:none;
margin-left:13px;
padding-left:0;
}
#photointro p, #photointro li {
font-size:1.4em;
}
#video {


}
/* Group website */
#homecontent {
background:url(images/knowledgetree-home.gif) no-repeat top right;

}
/* #homecontent p {
font-size:1.15em;
} */
.homecolumn {
margin-left:20px;

width:500px; /* was 460px */
margin-bottom:0px;
}
.homecolumn p {
font-size:1em;
line-height:1.5em;
}
#companies {
margin-left:10px;
clear:left;
position:relative;
top:-3px;
}
#homecontent h1 {
margin-left:33px;
margin-top:-20px;
}
.homebox a {
text-decoration:none;

}
.homebox {
width:304px; /* was 309 */
height:247px;
float:left;
margin-bottom:-35px;
position:relative;
}
.homebox a {
height:247px;
display:block;
}
.homebox p a { /* for newshome */
height:auto;
display:inline;
}
.homebox img {
float:left;
margin-right:10px;
margin-top:10px;
margin-left:0px;
border:1px solid #efefef;
}
#megaace a {
height:auto;
}
#megaace h2 a {
display:block;
width:227px;
height:57px;
}
.homebox .homeitem {
position:relative;
top:0px;
left:28px;
margin-right:60px;
border-top:2px solid #8E1045;

}
.homeitem a {
height:auto;
display:inline;
}
.homeitem a:hover, #newshome a:hover, #megaace p a:hover {
border-bottom:1px solid #511a42;
background:#511a42;
color:#fff;
}
.homebox .homeitem p {
margin-right:10px;
color:#5F5F5F;
}
#insight {
background:url(images/green.png) no-repeat;
}
#evidence {
background:url(images/blue.png) no-repeat;
}
#decisions {
background:url(images/orange.png) no-repeat;
}
#northamerica {
background:url(images/red.png) no-repeat;
}
#megaace {
background:url(images/purple.png) no-repeat;
}
#newshome {
background:url(images/homebox2.png) no-repeat;
}
#insight:hover, #evidence:hover, #decisions:hover, #northamerica:hover, #megaace:hover, #newshome:hover {
background-position:bottom left;
}
 
.homebox h2 {
text-indent:-9000px;
height:34px;
padding-top:0px;
padding-left:7px;
margin-top:26px;
margin-bottom:-3px;
font-size:12px;
}
#insight h2 {
background:url(images/insight.png) no-repeat;
width:122px;
}
#evidence h2 {
background:url(images/evidence.png) no-repeat;
width:155px;
}
#decisions h2 {
background:url(images/decisions.png) no-repeat;
width:160px;
}
#northamerica h2 {
background:url(images/north-america.png) no-repeat;
width:265px;
}
#megaace h2 {
	background:url(images/megaace-matrix.png) no-repeat;
width:227px;
height:57px;
}
#newshome h2 {
	background:url(images/news.png) no-repeat;
width:97px;
}
.homebox p, .homebox h4 {
margin-left:28px;
margin-right:28px;
}
.homebox h4 {
margin-top:7px;
font-size:1.2em;
font-weight:bold;
color:#B1B1B1;
}
/* clears and floats */
.clear {
clear:both;
}

.floatright {
float:right;
}


/* footer */
#footer {
clear:both;
text-align:center;
padding-top:20px;
/* padding-left:428px; */
}
#group #footer {
padding-top:60px;
}
#footer p {
clear:left;
text-align:center;

}
#footer a {
color:#3f132a;
}
#footer a:hover {
color:#fff;
border-bottom:1px solid #511a42;
background:#511a42;
}
#footer img {
margin-bottom:-10px;
}
#footer a img {
display:block;
width:160px;
margin-left:auto;
margin-right:auto;
}
/* footer sitemap */
#sitemap {
/* margin-left:240px; */
float:right;
width:677px; /* same as content minus the margins on this div - was 663 */
background:url(images/grey-dots.jpg) no-repeat bottom right;
padding-bottom:200px;
margin-right:10px;
margin-left:13px;
margin-top:20px;
}
#sitemap h4.sitemapheading {
color:#8a1044;
border-bottom:1px solid #a9a9a9;
padding-bottom:8px;
}
 #sitemap h4 {
color:#8e1045;
font-size:1.2em;
margin-bottom:0px;
margin-left:0px;

margin-right:0px;
} 
#sitemap ul {
margin-left:0px;
}
#sitemap li {
list-style-type:none;
font-size:1.1em;
}
#sitemap a {
color:#a9a9a9;
text-decoration:none;
}
#sitemap h4 a {
color:#7F7777;
}

#sitemap a:hover, #sitemap h4 a:hover {
text-decoration:underline;
color:#8a1044;
}

.sitemapcolumns {
float:left;
width:164px;
min-height:147px;
}




/* COLOURS */
.white {
color:#fff;
}
.white p, #purple .white p {
color:#fff;
}
.peuce {
color:#8a1044;
}
.green {
color:#5fa869;
}
.blue {
color:#679eab;
} 
.blue h3, h3.blue {

}
.orange {
color:#EA8803;
}
.red {
color:#E00024;
}
.peuce p, .green p, .blue p, .red p, .orange p, .peuce li, .green li, .blue li, .red li, .orange li, .group li, #group p, #blue p  {
color:#541a41;
}
/* division specific colour rules */
#purple .peuce p, #purple .green p, #purple .blue p, #purple .orange p, #purple .red p, #orange p, #orange .peuce p, #orange .green p, #orange .blue p, #orange .orange p, #orange .red p, #orange li  {
color:#000;
}
#orange strong {
color:#541a41;
}

/* TABLE STYLING */
table {
border-collapse:collapse;
 margin-left:13px; /*33 */
margin-right:20px; /* 40 */
margin-bottom:10px;
margin-top:10px;
/* width:95.5%;
border:1px solid #DED1DA;*/

}


table table {
margin:0;
}
.linebox table {
margin-left:0px;
margin-bottom:0px;
width:635px;
}
.linebox th {
width:159px;
}
.linebox td {
width:auto;
}
.box table {
width:620px;
margin-left:5px;
margin-right:5px;
margin-top:10px;
}
td, th {

border:1px solid /* #efefef */ #DED1DA;
font-size:1.2em;
padding:5px;
padding-left:10px;
padding-right:10px;
text-align:left;

}
/* td:hover, th:hover {
color:#511A42;
}*/
.centered {
width:663px;
}
.centered td, td {
width:50%;
}
.centered th {
text-align:center;
background: #8B1145; /* #511A42; */

color:#fff;
}

h5 {
background: #8B1145 /* #511A42 */ /* #DBD0D8 */;
margin-left:13px; /*13 */
margin-right:20px; /* 20 */
text-align:center;
border:1px solid #efefef;
font-size:1.2em;
padding:5px;
padding-left:10px;
padding-right:10px;
font-weight:bold	;
color:#fff /* #511A42 */;
margin-bottom:-10px;
margin-top:15px;
}
#group td {
width:290px;
}
tr {
background: #fff /* #511A42 */;
color:#511A42;
}
/* td:hover, tr:hover {
background:#511A42;
color:#fff;
} */
th {

min-width:150px;
vertical-align:top;
}
/* Accordion */
.atStart {
background:#f6f6f6; 
border-bottom:1px solid #DBD0D8;
margin-left:13px;
margin-right:20px;
}
.atStart5 {
margin-top:-1px;
margin-bottom:0px;
}
h4.atStart {
background:none;
}
h4.atStart4 {
font-size:1em;
}
.accordion {
margin-bottom:10px;
}
h4.open .readmore, h4.closed .readless {
display:none;
}
h4.open .readless, h4.closed .readmore {
display:block;
}
/* US leadership accordion */
div.closedinitial {
display:none;
}


/* decisions */
.twothird {
width:440px;
float:left;
}
.sidegallery {
background:#F6F6F6; 
width:240px;
float:right;
position:relative;
top:-46px;
margin-left:25px;
}
#content .sidegallery p img {
margin-top:5px;
margin-left:0px;
margin-right:10px;
margin-bottom:5px;
border:1px solid #efefef;
}

#content .sidegallery a:hover{
border:0px;
background:none;
}
/* Noobslide styling */

/* .thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}*/

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}


.slidemask{
	position:relative;
 width:663px;
	height:399px;
	overflow:hidden;
	background: url(images/grey-dots.gif) 200px no-repeat #eee;
	clear:left;
	margin-top:10px;
	margin-left:13px;
}
.boxright .slidemask {

 width:670px;
	background:none;
	margin-left:0px;
	height:180px;
}
#purple .boxright .slidemask {
height:231px;
}
.slidemask h4 {
margin-left:23px;
padding-top:5px;
}
span img, #content span img {
	display:block;
	border:none;
	margin-left:0px;
	
}
#content .element span img {
margin-right:20px;
}
#slidebox {
	position:absolute;
}
#slidebox div{
	width:663px; /* theres a width setting in the javascript as well */
	height:399px; 
	float:left;
	background:transparent;
}
.boxright #slidebox div {
width:670px;
height:180px;
float:left;
background:transparent;
}
#purple .boxright #slidebox div {
height:231px;
}
#slidebox h3, #slidebox p, #slidebox ul{
	padding:2px 10px;
}
#content .boxright #slidebox p, .boxright #slidebox h3 {
padding-left:0px;
margin-right:0px;
}
#slidebox img{
	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}
.boxwrapper #handles4 {
/* width:397px; 
float:left;*/
margin-left:30px;
}
#handles4 h4 {
margin-bottom:0px;
margin-top:0px;
margin-right:20px;
}
#handles4 element {

}
/* sorting out staff thumbnails display */
.buttons, .buttons2 {
margin-top:20px;
}
.buttons span, .buttons2 span {
float:left;
width:124px;
margin-right:15px;
margin-left:15px;
height:199px;
cursor:pointer;
}
/* .boxwrapper .buttons span {
float:none;
display:block;
width:auto;
height:auto;
} */
.buttons2 span {
height:202px;
}
.buttons span img, .buttons2 span img {
margin-bottom:5px;
}
.buttons small, .buttons2 small {
display:block;
border-top:1px solid #dbd0d8;
color:#808080;
margin-top:5px;
padding-top:3px;
font-size:0.9em;
line-height:1.2em;
}

.buttons span:active, .buttons span:hover, .buttons2 span:active, .buttons2 span:hover {
color:#801243;
}
.buttons2 a, .buttons a {
text-decoration:none;
color:#000;
}
.boxwrapper .buttons {
margin-left:191px;
}
.narrative, .scoping, .rapid, .systematic {
float:left;
position:relative;
z-index:3;
top:-92px;

 
}
.scoping {
top:-119px;
}
.rapid {
top:-147px;
}
.systematic {
left:29px;
top:-168px;
}
.narrative span, .scoping span, .rapid span, .systematic span {
display:block;
width:76px;
height:48px;
margin-left:0;
margin-right:8px;
}
#content .boxwrapper .buttons img { /* prevents interference with the placeholder gifs */
margin-left:0px;
padding-top:0px;
}
/* Tool tip styles */
.tool-tip {
color: #000;
width: 149px;
z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;

	padding-top:25px;
	padding-left:15px;
	padding-right:15px;
	background: url(images/toptip.png) top left;
}
.tool-text {
	font-size: 11px;
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	margin-top:-2px;
	background: url(images/bottomtip.png) bottom left;
	padding-bottom:16px;
}

/* extra bits for diagrams etc */
#content img#graph2 {
margin-left:85px;
}
#content img.healthright {
float:right;
position:relative;
top:-64px;
margin-bottom:0px;
}
.ie6fix {
display:none;
}

/* Videos on Decisions demos page */
.object {
float:left;
width:520px;
margin-left:13px;
margin-top:15px;
margin-bottom:0px;
}
/* US Site new tables */
table.us td, table.us2 th, table.us2 td {
padding:0;
}
table.us2 table  {
margin-bottom:-1px;
margin-right:-1px;
}
table.us table td, table.us2 table td, table.us2 table th  {
font-size:1em;
}
table.us2 table td, table.us2 table th {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
table.us td.image {
width:140px;
background:#fff;
}
table.us img {
margin-left:15px;
margin-top:10px;
margin-bottom:10px;
}
th.invisible {
border-top:0;
border-left:0;
}
table.us td.area {
font-size:1.4em;
padding-left:10px;
padding-right:10px;
width:140px;
text-align:center;
}

table.us th {
text-align:center;
}


table.us2 td.area, table.us2 th.area, table.us2 td.threelevel td  {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
#content table.us2 td.area, table.us2 th.area {
width:23%;
min-width:23%;
background:#4f81bd;
color:#fff;
}
table.us2 td.area {
text-align:center;
font-weight:bold;
}
table.us2 td.modu { /* new property */
text-align:center;
font-weight:bold;
border-left:0;
}

#content table.us2 th.mody, #content table.us2 th.key {
width:204px;
}
table.us2 th {
min-width:234px;
text-align:center;
}


table.us2 td.threelevel {
padding:0;
border-top:0;
border-left:0;
}
table.us2 td.threelevel td {
border-left:0;
}
table.us td td {
border-right:0; /* 1px solid #DED1DA;*/
border-left:0px;

margin-top:-1px;
}
table.us td.detailed {
vertical-align:top;
/* border:0;*/
}
table.us td.detailed td {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
table.us td.detailed strong {
color:#4A7FB5;
}
table.us td.detailed td.bluetab, table.us2 td.bluetab, table.us2 td.notop, table.us2 th th {
border-top:0;
}
table.us2 th th {
border-left:0;
}
table.us td.baseline {
border-bottom:0;
}
table.compare th {
/* min-width:145px; */
text-align:center;
min-width:145px;

}

.compare td.aspirahub {
background:#BFDDC3;

}
.compare th.aspirahub {
background:#60A869 none repeat scroll 0;
color:#FFFFFF;
width:170px;

}

table.compare td.risk {
background:#4F81BD none repeat scroll 0;
color:#FFFFFF;
font-weight:bold;
text-align:center;

}
/* Twitter badge in sidebar */
a.twitter{
display:block;
margin-left:33px;
margin-top:15px;
margin-bottom:2px;
}
 a.twitter:hover {
background:none;
border-bottom:0;
}
a.twitter img {

display:block;
}


/* He ain't heavy, he's my brother */