/*   Intendance v3 Matrix System
	  Content (c) Copyright Intendance
	Running Squiz MySource v3.10.3 (Matrix) - http://matrix.squiz.net/
   Developed by Squiz  - http://www.squiz.net
  (c) Copyright 2008. All rights reserved.
  Page generated: 16 May 2008
*/


html, body {
    height:100%;
    color:#666;
    line-height:1.4em;
}
body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.7em;
    margin:0;
    padding:0;
}
img, a img {
    border:0;
}
a:link, a:active, a:visited {
    text-decoration:none;
    color:#5B68AE;
}
a:hover {
    color:#5B68AE;
    text-decoration:underline;
}
h1 {
    font-size:1.1em;
    padding:0 0 10px 0;
    margin:0;
}
h2 {
    font-size: 1.1em;
    padding:0 0 10px 0;
    margin:0;
    /*font-weight:normal;*/
}
p {
    padding:0 0 10px 0;
    margin:0;
    color:#666666;
    line-height:1.4em;
}
ul li {
    list-style-type:square;
    color:#666666;
}
ul {
    margin:0 0 10px 10px;
    padding:0 0 10px 10px;
}
table {
    margin:0;
    padding:0;
}
/**************** Layout divs **************/
#all {
    margin:0px auto;
    width:990px;
    text-align:left;
    background-color:#FFFFFF;
}

/********************** header */
#logo {
    float:left;
    width:200px;
    margin:20px 0 0 20px;
    _margin:20px 0 0 10px;
}
/*search box*/
form { /* IE adds padding to forms */
    padding:0;
    margin:0;
}
#search {
    float:right;
    width:500px;
    text-align:right;
    margin:20px 20px 0 0;
    _margin:20px 10px 0 0;
}

#search form input{
    font: 0.9em Arial, Helvetica, sans-serif;
    border: 1px solid #999;
    margin:0;
    padding:0;
}
#search #btn {
    border:1px solid #fff;
    background-color: #5B68AE;
    color:#FFFFFF;
}
.systems #search #btn {
    border:1px solid #fff;
    background-color: #FAA943;
    color:#FFFFFF;
}
.research #search #btn {
    border:1px solid #fff;
    background-color: #38B2A8;
    color:#FFFFFF;
}
.consulting #search #btn {
    border:1px solid #fff;
    background-color: #F26C40;
    color:#FFFFFF;
}
.design #search #btn {
    border:1px solid #fff;
    background-color: #E3057C;
    color:#FFFFFF;
}

#btn {
    font-size:1em;
}
.sq-form-field {
    background-color:#FFFFFF;
    border: 1px solid #999;
    color:#333333;
}
/**/
#header {
    padding:10px;
    margin:0 20px 0 20px;
    border:1px solid #ccc;
}
#header a img, #printDiv img {
    border: 0px;
}
#headerLinks {
    clear:both;
    font-size:0.8em;
    text-align:right;
    color:#999;
    padding:0;
    margin:0 20px 10px 0;
}
#headerLinks a:link, #headerLinks a:active, #headerLinks a:visited {
    color:#999999;
}
#headerImg {
    padding:0;
    margin:10px 0 0 0;
    background-color:#FFFFFF;
}

/********************************************* nav styles ***********/
/* #menu is the top navigation on all the pages, */
/* #leftMenu is the left navigation on all pages apart from the homepage, */
/* .subs is the sub pages within the left navigation */
/* each division has different link hover colours and left icon colours */
/* breadcrumb is the same throughout */
/********************/
#leftNav {
    float:left;
    width:200px;
    margin:0 10px;
    padding:0px 10px 10px 10px;
    border-top:1px solid #ccc;
}
#menu ul li { 
    display: inline; 
}
#menu ul, #leftNav ul {
    padding: 0;
    margin: 0;
    color:#7F7F7F;
    /*float: left;*/
    width: 100%;
    font-weight:bold;
}
#leftNav ul li {
    /*display: block;
    width:100%;*/
    list-style-type:none;
    padding: 10px 0 0 0;
}
#leftNav ul li ul li {
    /*display: block;
    width:100%;*/
    list-style-type:none;
    padding:3px 0 0 11px;
}
#menu ul li a, #breadcrumb a, #leftNav ul li a {
    color: #7F7F7F;
    text-decoration: none;
}
#menu ul li a:hover, #breadcrumb a:hover, #leftNav ul li a:hover {
    color: #5B68AE;
    text-decoration:none;
}
#menu .normal, #menu .current, #menu .hierarchy, #leftNav .norm, #leftNav .curr, #leftNav .hier {
    background-image:url(http://intendance.clients.squiz.co.uk/?a=39092);
    background-position:left;
    background-repeat:no-repeat;
    padding:0 11px 0 11px;
}
#leftNav .curr {
    color:#000;
}
#leftNav .norm1, #leftNav .curr1, #leftNav .hier1 {
    margin:0;
    font-weight:normal;
}
#leftNav .curr1 {
    font-weight:normal;


    color:#000;
}
/* systems menu*/
.systems #menu .normal, .systems #menu .current, .systems #menu .hierarchy, .systems #leftNav .norm, .systems #leftNav .curr, .systems #leftNav .hier{
    background-image:url(http://intendance.clients.squiz.co.uk/?a=39104);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:11px;
}
.systems #menu ul li a:hover, .systems #leftNav ul li a:hover {
    color:#FAA943;
}
/*research menu */
.research #menu .normal, .research #menu .current, .research #menu .hierarchy, .research #leftNav .norm, .research #leftNav .curr, .research #leftNav .hier{
    background-image:url(http://intendance.clients.squiz.co.uk/?a=39103);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:11px;
}
.research #menu ul li a:hover, .research #leftNav ul li a:hover {
    color:#38B2A8;
}
/*consulting menu */
.consulting #menu .normal, .consulting #menu .current, .consulting #menu .hierarchy, .consulting #leftNav .norm, .consulting #leftNav .curr, .consulting #leftNav .hier{
    background-image:url(http://intendance.clients.squiz.co.uk/?a=39105);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:11px;
}
.consulting #menu ul li a:hover, .consulting #leftNav ul li a:hover {
    color:#F26C40;
}
/*design menu */
.design #menu .normal, .design #menu .current, .design #menu .hierarchy, .design #leftNav .norm, .design #leftNav .curr, .design #leftNav .hier{
    background-image:url(http://intendance.clients.squiz.co.uk/?a=55918);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:11px;
}
.design #menu ul li a:hover, .design #leftNav ul li a:hover {
    color:#E3057C;
}
/*breadcrumb */
#breadcrumb, .bread {
    margin:10px 0 0 0;
    padding:0;
    color: #7F7F7F;
}
#leftContactBox {
    padding-top:20px;
    font-size:0.8em;
    color:#999999;
    font-weight:normal;
}
/*****************main content ****************/
#bg_top {
    height:10px;
    background-color:#FFFFFF;
}
#main {
    margin:0px 10px 0 10px;
    background-image:url(http://intendance.clients.squiz.co.uk/?a=39457);
    background-position:bottom left;
    background-repeat:repeat-y;
    /*min-height:400px; 
    height:auto;*/
    } 
/* for Internet Explorer */
/*\*/
/** html #main {
    margin:0px 10px 0 13px;
}*/
*html #leftNav {
    margin-left:6px;
}
* html #main {
    height:1%;
}

#home_main {
    margin:0px 10px 0 10px;
}
#bg_btm {
    background-image:url(http://intendance.clients.squiz.co.uk/?a=39444);
    background-position:bottom left;
    background-repeat: no-repeat;
}
#content {
    float:right;
    width:696px;
    margin:0 10px 0 0;
    padding:10px;
    /*padding:0 10px 5px 10px;*/
    border-top:1px solid #ccc;
}
.info {
    border-left:1px solid #5262AC; /* color as header quote */
    width:200px;
    padding:0 10px;
    margin:0;
}
.info ul {
    margin-left:10px;
    padding-left:5px;

}
.box {
    border:1px solid #5262AC;
    background-color:#E0E3EF;
    padding:10px;
}
.box img {
    margin-top:10px;
}
/* systems style */
.systems .info {
    /*background-color:#FFE9CF;*/
    border-left:1px solid #FDE1BB; /* color as header quote */
    width:200px;
    padding:10px 10px 5px 10px;
    margin:0;
}
.systems h1, .systems h2{
    color:#FAA943;
}
.systems .box {
    border:1px solid #FAA943;
    background-color:#FFE9CF;
    padding:0 0 0 5px;
}
.systems h6 {
    color:#FAA943;
    font-weight:normal;
    font-size:0.9em;
}
/* research style */
.research .info {
    border-left:1px solid #7AD0C9; /* color as header quote */
    width:200px;
    padding:10px 10px 5px 10px;
    margin:0;
}
.research h1, .research h2{
    color:#38B2A8;
}
/* consulting style */
.consulting .info {
    border-left:1px solid #F7A283; /* color as header quote */
    width:200px;
    padding:10px 10px 5px 10px;
    margin:0;
}
.consulting h1, .consulting h2{
    color:#F26C40;
}
.consulting .box {
    border:1px solid #F26C40;
    background-color:#FFE7DF;
    padding:10px;
}
/* design style */
.design .info {
    border-left:1px solid #FEBCE2; /* color as header quote */
    width:200px;
    padding:10px 10px 5px 10px;
    margin:0;
}
.design .info a {
    color:#ED068D; 
}
.design h1, .design h2{
    color:#ED068D;
}
.design .box {
    border:1px solid #E3057C;
    background-color:#FEBCE2;
    padding:10px;
}

/* footer */
#footerLinks {
    clear:both;
    color:#999;
    margin:0 0 10px 0px;
}
#footerLinks a:link, #footerLinks a:active, #footerLinks a:visited {
    color:#999999;
}

#footer {
    font-size:0.8em;
    color:#999;
    margin:0 20px 10px 20px;
    width:950px;
}
#footerLeft {
    float:left;
    width:500px;
}
#footerRight {
    float:right;
    text-align:right;
    width:450px;
    padding:0;
    margin:0;
}
#footerRight img {
border:none;
}
.clear {
    clear:both;
}
/**************homepage table */
.contentCols, .contentColr, .contentColc {
    padding:10px;
}
.contentColsn, .contentColrn, .contentColcn {
    padding:10px;
}
.contentCols a, .contentColr a, .contentColc a, .contentColsn a, .contentColrn a, .contentColcn a {
    color:#666;
}
.contentColsn div, .contentColrn div, .contentColcn div {
    width:288px;
}
.tbl_div, #tbl_div  {
    padding:0;
    margin:0;
    width:288px;
}
.contentCols h1 a, .contentColsn h2 {
    color:#FAA943;
}

.contentCols, .contentColsn {
    border:1px solid #FDD6A6;
}
.contentCols .list {
    border-left:1px solid #FAA943;
    padding-left:10px;
    margin-left:10px;
}
.contentColr, .contentColrn {
    border:1px solid #89DAD3;
}
.contentColr h1 a, .contentColrn h2 {
    color:#38B2A8;
}
.contentColr p {
    border-left:1px solid #38B2A8;
    padding-left:10px;
    margin-left:10px;
}
.contentColc, .contentColcn {
    border:1px solid #F9BBA6;
}
.contentColc .list {
    border-left:1px solid #F26C40;
    padding-left:10px;
    margin-left:10px;
}
.contentColc h1 a, .contentColcn h2 {
    color:#F26C40;
}
/**********************/
/**************homepage table UPDATE 18.03.08 */
table.contentTbl {
    margin:10px 0 10px 10px;
    border: 1px solid #ccc;
    border-collapse:collapse;
}
table.contentTbl td {
    width:195px;    
}
table.contentTbl td div.top {
    width:195px;
    font-size:1.2em;
    padding:10px;
}
table.contentTbl td div.btm {
    padding:10px;
}
td.contentColResearch {
    border-bottom:5px solid #22B0A5;
}
td.contentColConsulting {
    border-bottom:5px solid #F26430;
}
td.contentColDesign {
    border-bottom:5px solid #E3057C;
}
td.contentColSystems {
    border-bottom:5px solid #FAA635;
}
table.contentTbl h1 {
    color:#000;
    font-weight:bold;
    font-size:1.4em;
}
table.contentTbl a {
    color:#666;
    text-decoration:none;
}
/**********************/

.tip {
    font-size:10px; 
    border:solid 1px #ccc; 
    width:600px; 
    padding:3px;
    position:absolute; 
    z-index:100;
    visibility:hidden; 
    color:#333333; 
    top:5px;
    left:70px; 
    background-color:#fff;
    /*layer-background-color:#fff;*/
}
.client_list th, .docs_list th{
    background-color:#CCCCCC;
    color:#000000;
    font-weight:bold;
    padding:3px;
}
.client_list td, .docs_list td{
    border-top:1px solid #ccc;
    padding:3px;
}
table.docs_list {
    border:1px solid #ccc;
}
table.m_form {
    margin-top:10px;
    border:1px solid #ccc;
}
table.login_form {
/*    background-color:#DFFFFD;
    border:1px solid #38B2A8; */
    margin-bottom:5px;
}

.login_back {
width: 200px;
height: 120px;
background-image:url(/?a=54688);
}


.note {
    color:#999999;
    font-size:0.8em;
}
.thumbnail {
float: left;
width: 320px;
margin: 0 15px 15px 0;
padding: 5px 5px 0 0;
}
.thumbnail img {
    margin-right:5px;
    border:1px solid #ccc;
}
.thumbnail_sml {
float: left;
width: 110px;
margin: 0 10px 15px 0;
padding:0;
}

a.portfolio img {
    border:1px solid #ccc;
}
a.portfolio:hover img {
    border:1px solid #FDE1BB;
}
/***** new portfolio */
.thumbs {
    background:url(/?a=56207) top left no-repeat;
    float:left;
    width:200px;
    margin: 0 15px 15px 0;
    padding: 14px 0 0 14px;
    font-size:0.8em;
}
.thumbs a {
    color:#E3057C;
}
.thumbs img {
    margin-right:5px;
    border:1px solid #ccc;
}