/* Blue - Industrial */
div.blue{
   background: #d5e3eb;
   border: 1px solid #6799B8;
   color: #4E6981;
}

.pageBlue{
   background: #d5e3eb !important;
   border: 1px solid #6799B8 !important;
   color: #4E6981;
   padding: 0 !important;
}

table.caseBlue{
   background: #d5e3eb;
   border: 1px solid #6799B8;
   color: #4E6981;
}

div.outerBlue, img.keyBlue{
	border: 1px solid #6799B8  !important;
}

/* Purple - Bespoke */
div.purple{
   background: #F3F2F7;
   border: 1px solid #8983AE;
   color: #4E6981;
}

.pagePurple{
   background:  #Ededef  !important;
   border: 1px solid #8983AE  !important;
   color: #4E6981;
   padding: 0 !important;
}

table.casePurple{
   background: #Ededef;
   border: 1px solid #8983AE;
   color: #4E6981;
}

img.keyPurple, div.outerPurple{
   border: 1px solid #8983AE  !important;
}

/* Grey - Commercial */
div.grey{
   background: #edeeee;
   border: 1px solid #BFC0BF;
   color: #4E6981;
}

.pageGrey{
   background:  #edeeee  !important;
   border: 1px solid #BFC0BF  !important;
   color: #4E6981;
   padding: 0 !important;
}

table.caseGrey{
   background: #edeeee;
   border: 1px solid #BFC0BF;
   color: #4E6981;
}

img.keyGrey, div.outerGrey{
   border: 1px solid #BFC0BF  !important;
}

/* Yellow - Domestic */
div.yellow{
   background: #f3ece0;
   border: 1px solid #C3945E;
   color: #4E6981;
}

.pageYellow{
   background:  #f3ece0 !important;
   border: 1px solid #C3945E  !important;
   color: #4E6981;
   padding: 0 !important;
}

table.caseYellow{
   background: #f3ece0;
   border: 1px solid #C49B5F;
   color: #4E6981;
}

img.keyYellow, .outerYellow  {
   border: 1px solid #C3945E !important;
   }

/* Pink - Home */
div.pink{
   background:  #F7E8EC;
   border: 1px solid #AD2249;
   color: #4E6981;
}

.pagePink{
   background:  #F7E8EC !important;
   border: 1px solid #AD2249 !important;
   color: #4E6981;
   padding: 0 !important;
}

table.casePink{
   background: #F7E8EC;
   border: 1px solid #AD2249;
   color: #4E6981;
}

img.keyPink, div.outerPink{
   border: 1px solid #AD2249  !important;
   }
   
/* Green - Environment */
div.Green{
   background: #F9FAF9;
   border: 1px solid #8E9F83;
   color: #4E6981;
}

.pageGreen{
   background:  #F9FAF9 !important;
   border: 1px solid #8E9F83 !important;
   color: #4E6981;
   padding: 0 !important;
}

table.caseGreen{
   background: #F9FAF9;
   border: 1px solid #8E9F83;
   color: #4E6981;
}

img.keyGreen, div.outerGreen{
   border: 1px solid  #8E9F83  !important;
   }

div#casestudy{
   margin: 5px 5px 5px 3px;
   padding: 5px;
}

h1#heading{
   background: inherit;
   color: #4E6981;
   font-size: 1.3em;
   font-weight: normal;
   line-height: 1.5em;
   margin-top: 10px;
}

h2#caseSubheading{
   font-size: 1.3em;
   font-weight: 100;
   margin: 30px 0 10px 0;
}

p#casePara{
   text-indent: 10px;
   line-height: 1.2em;
}

table#case{ width: 800px; }
* html table#case {width: 795px;}

table#additional th, table#additional td{
   vertical-align: top;
   text-align: left;
}

table#additional th{
   padding: 10px 10px 10px 0;
}

table#additional td{
   padding: 10px 10px 10px 0;
   line-height: 1.2em;
   font-size: 0.9em;
   color: #4E6981;
}

table#additional td.border, table#additional th.border{
   border-bottom: 1px inset #F4F9FC;
}

table#case img#right{
   float: right;
   height: 205px;
   width: 440px;
}

table#case td, table#case th{
   font-size: 0.9em;
   font-weight: normal;
   padding: 0px 30px;
   text-align: left;
}

table#case td.flush{
   padding: 0;
   width: 360px;
}

table#case a, table#additional a{background: inherit; color: #4E6981; font-weight: bold; text-decoration: none;}
table#case td p.link {text-align: right;}
table#case p.link img, table#additional p.link img{vertical-align: middle;}

#headerLogo{
   text-align: center !important;
}

td.top{
   vertical-align: top;
}