﻿body
{
     font-family: Verdana, Arial; 
     font-size: 12px; 
     color: #4d4d4d;
     /*background-repeat:repeat-x;*/
     /*background-image:url(../images/border/bg2.jpg);*/
     background-color: #FFFFFF;
     margin: 0 auto;
}

h1
{
    font-family:Arial; 
    font-size: 16px; 
    color: #053B67; 
    font-weight: bolder;    
    margin-left: 10px;
}

.h2
{
    font-family:Arial; 
    font-size: 16px; 
    color: #053B67; 
    font-weight: bolder;    
    margin-left: 10px;
}

.h3
{
    font-family:Arial; 
    font-size: 16px; 
    color: #053B67; 
    font-weight: bolder;    
    margin-left: 10px;
}

.border
{
    border: 1px solid gray;
    width: 107px;
    height: 107px;
}

.footerText
{
    font-size: 10px;
    color: Gray;
    text-align: center;
}

.redText
{
   color: Red;
   margin-left: 10px;
   margin-right: 10px;
   font-family:Verdana, Arial; 
   font-size: 12px;  
}

.newsHeading
{
    color: #0099CC;
    font-weight: bolder;
    width: 790px;
}

p
{
   margin-left: 10px;
   margin-right: 10px;
   font-family:Verdana, Arial; 
   font-size: 12px;  
}
ul, li
{
   font-family:Verdana, Arial; 
   font-size: 12px;  
}

.borderContainer
{
    height: auto;
    width: 930px; 
    margin: 0 auto;
    margin-top: 2px;
}

.siteContainer
{
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  width: 910px; 
  background-color: #FFFFFF;
  margin-bottom: 10px;
    
}

.Banner
{
    background-color: #FFFFFF;
    height: 90px;
    width: 899px;  
    
}

.clientLogin
{
    width: 300px;
    height: 60px;
    float: right;
    margin-top: 5px;
    
    margin-right:10px;
    margin-bottom:10px;
}
.clientLoginIamge
{
    margin-left: 110px;
    margin-top: 20px;
    border: 0;
}

.telNo
{
    color: #0095C3;
    font-size: 10px;
    font-weight: bold;
}

.Contact
{
    font-family: Verdana, Arial;
    font-size: 14px;
    color: gray;
}

.bannerSpacer
{
    height: 131px;
}

.SuperNavContainer
{
    height: 40px;
    width: 910px;
    background-color: #FFFFFF;          
}
.SuperNav a, img
{
    text-decoration: none;
    border: none;    
}

.SubNav
{
    height: 40px;
    width: 910px;
    background-color: #bfbfbf;
    text-align: center;
    font-size: 20px;
}

.mainContentBorder
{
    margin: 0 auto;
    width: 780px;
    height: auto;
    margin-bottom: 10px;
    background-color: #FFFFFF;    
}

.mainContentContainer
{
    width: 890px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    background-color: #FFFFFF;    
}

.flashHolder
{
    width: 899px;
    height: 210px;
    
}

.defaultTextContainer
{
    margin: 0 auto;
    width: 900px;
    height:100%; 
    margin-bottom:5px;
    margin-top: 10px;    
    
 }
 
 .defaultTextContainerCaseStudy
{
    margin: 0 auto;
    width: 900px;
    height: 100%; min-height:400px; 
    margin-bottom:10px;
    margin-top: 10px;    
  
 }

.clientHolder
{
    width: 800px;
    height: 100%;
    float: left;
    margin-left: 10px;          
}

.caseStudyHolder
{
    width: 690px;
    height: 100%;
    float: left;
    margin-left: 1px;  
    
}

.accContainer
{
    width: 195px;
    height: 400px;
    float: right;
    
}

.subMenu
{
    margin: 0 auto;
    width: 860px;
    height: 200px;
    background-color: #FFFFFF;
 
}

.button
{
    background-image:url(../images/generic_labelbutton.gif);
    color: #FFFFFF;
    height: 40px;
    width: 450px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight:bold;
    text-align: center;    
}

.BlueIntro
{
    width: 395px;
    height: auto;
    background-color: #008ba8;
    color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;    
}


/* SUPER NAV STYLING*/

.divHomeLink{
  background-image:url(../Images/home.gif);
  width: 96px;
  height: 40px;
  float: left;
  border-right: 1px solid #DFDFDF;  
}
.divHomeLink a:hover{
  background-image:url(../Images/home_on.gif);
  width: 96px;
  height: 40px;
  display: block;
  border-right: 1px solid #DFDFDF;  
}

.divAboutLink{
  background-image:url(../images/aboutus.gif);
  width: 109px;
  height: 40px;
  float: left;
  border-right: 1px solid #DFDFDF;  
}

.divAboutLink a:hover{
  background-image:url(../images/aboutus_on.gif);
  width: 109px;
  height: 40px;
  display: block;
  float: left;  
  border-right: 1px solid #DFDFDF;  
}

.divWhyLink{
  background-image:url(../images/why.gif);
  width: 99px;
  height: 40px;
  float: left; 
  border-right: 1px solid #DFDFDF;  
}

.divWhyLink a:hover{
  background-image:url(../images/why_on.gif);
  width: 99px;
  height: 40px;
  display: block;
  border-right: 1px solid #DFDFDF;  
}

.divServicesLink{
  background-image:url(../images/services.gif);
  width: 101px;
  height: 40px;
  float: left; 
  border-right: 1px solid #DFDFDF;  
}

.divServicesLink a:hover{
  background-image:url(../images/services_on.gif);
  width: 101px;
  height: 40px;
  float: left; 
  border-right: 1px solid #DFDFDF;      
}
.divClientsLink{
  background-image:url(../images/clients.gif);
  width: 92px;
  height: 40px;
  float: left;
  border-right: 1px solid #DFDFDF;  
}

.divClientsLink a:hover{
  background-image:url(../images/clients_on.gif);
  width: 92px;
  height: 40px;
  display: block; 
  border-right: 1px solid #DFDFDF;     
}

.divNewsLink{
  background-image:url(../images/news.gif);
  width: 85px;
  height: 40px;
  float: left;
  border-right: 1px solid #DFDFDF;  
}

.divNewsLink a:hover{
  background-image:url(../images/news_on.gif);
  width: 85px;
  height: 40px;
  display: block;
  border-right: 1px solid #DFDFDF;    
}

.divContactLink{
  background-image:url(../images/contactus.gif);
  width: 118px;
  height: 40px;
  float: left;
  border-right: 1px solid #DFDFDF;  
}

.divContactLink a:hover{
  background-image:url(../images/contact_on.gif);
  width: 118px;
  height: 40px;
  display: block;  
  border-right: 1px solid #DFDFDF;    
}

.divSearch{
  background-image:url(../images/quick-links.gif);
  background-repeat: no-repeat;
  width: 191px;
  height: 40px;
  float: left;
    
}

.area
{
    width:100%;
    height:100%;    
}

.area a
{
    width:100%;
    height:100%;    
}

/* SUB NAV STYLING*/

.subNavContainer
{
    height: 170px;
    width: 100%;
    background-color: #FFFFFF;
    margin: 0 auto;
    
   
}

.divBespokeLink{
  background-image:url(../Images/core_bespoke.gif);
  width: 136px;
  height: 168px;
  float: left;
  margin-right: 30px;
}
.divBespokeLink a:hover{
  background-image:url(../Images/core_bespoke_on.gif);
  width: 136px;
  height: 168px;
  display: block; 
  margin-right: 30px;   
}

.divCRMLink{
  background-image:url(../images/core_crm.gif);
  width: 136px;
  height: 168px;
  float: left;
  margin-right: 30px;
}

.divCRMLink a:hover{
  background-image:url(../images/core_crm_on.gif);
  width: 136px;
  height: 168px;
  display: block;
  margin-right: 30px;
  float: left;  
}

.divEcommerceLink{
  background-image:url(../images/core_ecommerce.gif);
  width: 136px;
  height: 168px;
  float: left;
  margin-right: 24px; 
}

.divEcommerceLink a:hover{
  background-image:url(../images/core_ecommerce_on.gif);
  width: 136px;
  height: 168px;
  display: block;   
  margin-right: 24px; 
}

.divWebDesignLink{
  background-image:url(../images/core_website.gif);
  width: 136px;
  height: 168px;
  float: left; 
  margin-right: 24px;
}

.divWebDesignLink a:hover{
  background-image:url(../images/core_website_on.gif);
  width: 136px;
  height: 168px;
  display: block;  
  margin-right: 24px;  
}

.divStrategicLink{
  background-image:url(../images/core_strategic.gif);
  width: 136px;
  height: 168px;
  float: left;
  margin-right: 5px;
}

.divStrategicLink a:hover{
  background-image:url(../images/core_strategic_on.gif);
  width: 136px;
  height: 168px;
  display: block; 
  margin-right: 5px;   
}

#Corenav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
line-height: 1.5em;
} 

#Corenav-menu li
{
float: left;
margin: 0 20px 0 0;
display: block;
font-size: 10px;

} 
#Corenav-menu1 li a:hover
{
    background-color: black;
}

#Corenav-menu li a
{
height: 2em;
line-height: 2em;
float: left;
width: 100%;
display: block;
padding-right:5px;
padding-left:5px;
color: Gray;
text-decoration: none;
text-align: center;
} 


.areaSub
{
    width:100%;
    height:100%;
    border: none;
}

/*AJAX STYLES*/

.flyOutDiv
{
    display: none;
	position: absolute;
    width: 400px;
    z-index: 3;
	font-size: 14px;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
}

.flyOutDivMaster
{
    display: none;
	position: absolute;
    width: 300px;
    z-index: 3;
	font-size: 14px;
	border: none;
	background-color: #FFFFFF;
	padding: 5px;
}
	 
.flyOutDivCloseX
{
	background-color: #666666;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: outset thin #FFFFFF;
	padding: 5px;
}

.accHeader
{
    color: white;
    background-color: #B3B3B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    width: 190px; 
    height: 25px;   
}

.accHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accHeader a:hover
{
	background: none;
	text-decoration: underline;	
}

.accContent
{
    background-color: #E3EAEB;
    border: 1px dashed #aaaaaa;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    height: auto;
    z-index: 1;    
    width: 178px;
}

.accordionHeaderSelected
{
    background-color: #E3EAEB;
    border: 1px dashed #aaaaaa;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    height: auto;
    z-index: 1;
    position: absolute;
    width: 150px;
}

.modalBackground

{
    background-color: Gray;
    
    filter: alpha(opacity=40);
    opacity: 0.7;    
}

 li.headlink ul { display: none; }
 li.headlink:hover ul { display: block; }
 
 
/* BORDER */

.t {background: url(../Images/Watermarks/topline.gif) 0 0 repeat-x; width: 100%;}
.b {background: url(../Images/Watermarks/bottomline.gif) 0 100% repeat-x; width: 100%;}
.l {background: url(../Images/Watermarks/leftline.gif) 0 0 repeat-y}
.r {background: url(../Images/Watermarks/rightline.gif) 100% 0 repeat-y}  
.bl {background: url(../Images/Watermarks/bottomleft.gif) 0 100% no-repeat}
.br {background: url(../Images/Watermarks/bottomright.png) 100% 100% no-repeat}
.tl {background: url(../Images/Watermarks/lefttop.gif) 0 0 no-repeat}
.tr {background: url(../Images/Watermarks/topright.gif) 100% 0 no-repeat; padding:10px} 

.Footer
{
    margin: 0 auto;
    background-color: #FFFFFF;
    height: 80px;
    width: 910px;
    border-top: 1px solid #95BEEF;   
}
.FooterBanner
{
    margin: 0 auto;
    width: 905px;   
    height: 20px;   
}

.FooterContent
{
    margin: 0 auto;
    height: 70px;  
    width: 905px;  
     
}

.FooterLogoHolder
{
    float: left;
    height: 100px;  
    width: 180px;
}

.FooterContent
{
    margin: 0 auto;
    height: 50px;  
    width: 905px;   
}

#footer-menu ul
{

padding: 0;
margin: 0;

} 

#footer-menu li
{
float:left;
margin: 0 10px 0 0;
display: block;
font-size: 10px;
} 

#footer-menu li a
{
    height: 2em;
    line-height: 1.5em;
    float: left;
    width: auto;
    display: block;
    color: gray;
    text-decoration: underline;
    text-align: center;
    font-size: 9px;
    border-right: 1px solid;
    padding-right: 10px;

} 
#footer-menu li a:hover
{
   color: #000000; 

} 

.recentNewsContainer
{
    width: 308px;
    height: 147px;
    border-right: 1px solid #FFFFFF;
    float: left;
    font-size: 11px;
    color: #FFFFFF;
}

.recentNewsContainer p
{
    color: #FFFFFF;
    text-decoration: underline;
}

.browseConatiner
{ 
    width: 297px;
    height: 147px;
    border-right: 1px solid #FFFFFF;
    float: right;
    font-size: 10px;
    color: #4d4d4d;  
    
}

.contactConatainer
{
    width: 297px;
    height: 147px;
    font-size: 11px;
    float: right;
    margin-right: 3px;
    
}

.contactConatainer p
{
    color: #FFFFFF;
    text-decoration: underline;
    
}

.blueLineHeading
{
   width: 297px;
   height: 30px;
   color: #408BCF;
   font-size: 12px;
   border-bottom: 1px solid #FFFFFF;
}
.browseColumn1
{
    width: 140px;
    height: auto;
    float:left;
    font-size: 12px;
    color: #4d4d4d;
    margin-left: 7px;
}
.browseColumn1 a
{
    color: #FFFFFF;
    text-decoration: underline;  
}
.browseColumn1 a:hover
{
    color: gray;
    text-decoration: underline;
}
.browseColumn2
{
    width: 120px;
    height: auto;
    float: right;
    color: #4d4d4d;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
line-height: 1.5em;
} 

#nav-menu li
{
float: left;
margin: 0 0px 0 0;
display: block;
font-size: 10px;

} 

#nav-menu li a
{
height: 2em;
line-height: 2em;
float: left;
width: auto;
display: block;
padding-right:20px;
padding-left:20px;
color: Gray;
text-decoration: none;
text-align: center;
} 
#nav-menu li a:hover
{
    color: #000000;

} 

.dropdown_trigger ul
{
    display: none;
}

.dropdown ul ul li {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 163px;
    padding: 5px 0 0 0;
    background: yellow;
    margin-top:1px;
}
.dropdown ul ul li {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display:list-item;
    line-height: 24px;
    color: yellow;
}



div#menu {
    height:41px;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 2px;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 0px 0 0;
    display: block;
    float: left;
}
div#menu li:hover>ul {
    left: -2px;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    font: normal 12px Trebuchet MS;
}

/* menu::level1 */
div#menu a {
    width:100%;
    height:100%;
    line-height: 30px;
    color: black;
}

/* menu::level2 */
div#menu ul ul li { background: none; }

div#menu ul ul {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 185px;
    padding: 5px 0 0 0;
    background: rgb(45,45,45);
    margin-top:1px;
}
div#menu ul ul a {
    width: 180px;
    padding-left: 10px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: rgb(169,169,169);
}

.clientsTopLevel
{
    width: 840px;
    height :150px;
    border-bottom: 1px solid #DFDFDF;
}

.ggfLink
{
  background-image:url(../images/BusinessBig/ggf-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
  
}

.ggfLink a:hover
{
  background-image:url(../images/BusinessBig/ggf-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.oftecLink
{
  background-image: url(../Images/BusinessBig/oftec-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.oftecLink a:hover
{
  background-image: url(../Images/BusinessBig/oftec-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.napitLink
{
  background-image: url(../Images/BusinessBig/napit-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.napitLink a:hover
{
  background-image: url(../Images/BusinessBig/napit-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.gasSafeLink
{
  background-image: url(../Images/BusinessBig/capita-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  background-position: center;
}

.gasSafeLink a:hover
{
  background-image: url(../Images/BusinessBig/capita-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  background-position: center;  
}

.fensaLink
{
  background-image: url(../Images/BusinessBig/fensa-grey.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.fensaLink a:hover
{
  background-image: url(../Images/BusinessBig/fensa-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.cisiLink
{
  background-image: url(../Images/BusinessBig/cisi-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.cisiLink a:hover
{
  background-image: url(../Images/BusinessBig/cisi-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.peopleInsightLink
{
  background-image: url(../Images/BusinessBig/people-insight-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.peopleInsightLink a:hover
{
  background-image: url(../Images/BusinessBig/people-insight-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.cicLink
{
  background-image: url(../Images/BusinessBig/cic-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.cicLink a:hover
{
  background-image: url(../Images/BusinessBig/cic-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.corgiLink
{
  background-image: url(../Images/BusinessBig/corgi-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.corgiLink a:hover
{
  background-image: url(../Images/BusinessBig/corgi-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.bfrcLink
{
  background-image: url(../Images/BusinessBig/bfrc-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  background-position: center;
}

.bfrcLink a:hover
{
  background-image: url(../Images/BusinessBig/bfrc-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  background-position: center;  
}

.ggfiLink
{
  background-image: url(../Images/BusinessBig/ggfi-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.ggfiLink a:hover
{
  background-image: url(../Images/BusinessBig/ggfi-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.fensaTrainingLink
{
  background-image: url(../Images/BusinessBig/fensa-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.fensaTrainingLink a:hover
{
  background-image: url(../Images/BusinessBig/fensa-training-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.grosvenorLink
{
  background-image: url(../Images/BusinessBig/grosvenor-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.grosvenorLink a:hover
{
  background-image: url(../Images/BusinessBig/grosvenor-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.whiteOrangeLink
{
  background-image: url(../Images/BusinessBig/white-orange-greyscale.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  border-right: 1px solid #DFDFDF;  
  background-position: center;
}

.whiteOrangeLink a:hover
{
  background-image: url(../Images/BusinessBig/white-ornage-colour.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  border-right: 1px solid #DFDFDF;  
  background-position: center;  
}

.energySavingTrustLink
{
  background-image: url(../Images/BusinessBig/Untitled-4.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  float: left;
  background-position: center;
}

.energySavingTrustLink a:hover
{
  background-image: url(../Images/BusinessBig/Untitled-3.gif);
  background-repeat:no-repeat;
  width: 170px;
  height: 150px;
  display: block;
  background-position: center;  
}

.smallClientHolder
{
    height: 400px;
    width: 210px;
    float: left;
   
}

.caseStudyPRoject
{
    width: 620px;
    height: auto;
    float: right;
    
}

.ggfLinkSmall
{
  background-image:url(../Images/BusinessSmall/ggfsmall.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;  
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  
}

.ggfLinkSmall a:hover
{
  background-image:url(../Images/BusinessSmall/ggfcoloursmall.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;   
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.oftecLinkSmall
{
  background-image: url(../Images/BusinessSmall/oftec-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;
  background-position: center;
  border-bottom: 1px solid #DFDFDF;
}

.oftecLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/oftec-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center; 
  border-bottom: 1px solid #DFDFDF;
}

.napitLinkSmall
{
  background-image: url(../Images/BusinessSmall/napit-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.napitLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/napit-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center; 
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}

.gasSafeLinkSmall
{
  background-image: url(../Images/BusinessSmall/capita-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.gasSafeLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/capita-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;  
 border-right: 1px solid #DFDFDF;
 border-bottom: 1px solid #DFDFDF;
}

.fensaLinkSmall
{
  background-image: url(../Images/BusinessSmall/fensa-grey-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.fensaLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/fensa-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center; 
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.cisiLinkSmall
{
  background-image: url(../Images/BusinessSmall/cisi-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.cisiLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/cisi-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center; 
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}

.peopleInsightLinkSmall
{
  background-image: url(../Images/BusinessSmall/people-insight-grey-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}

.peopleInsightLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/people-insight-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
   border-right: 1px solid #DFDFDF;
   border-bottom: 1px solid #DFDFDF;
}

.cicLinkSmall
{
  background-image: url(../Images/BusinessSmall/cic-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
  border-bottom: 1px solid #DFDFDF;
}

.cicLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/cic-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;  
  background-position: center;
   border-bottom: 1px solid #DFDFDF;
}

.corgiLinkSmall
{
  background-image: url(../Images/BusinessSmall/corgi-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
  border-bottom: 1px solid #DFDFDF;
}

.corgiLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/corgi-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center; 
  border-bottom: 1px solid #DFDFDF;
}

.bfrcLinkSmall
{
  background-image: url(../Images/BusinessSmall/bfrc-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;
  background-position: center;
 border-right: 1px solid #DFDFDF;
 border-bottom: 1px solid #DFDFDF;
}

.bfrcLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/bfrc-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
   border-right: 1px solid #DFDFDF;
   border-bottom: 1px solid #DFDFDF;
}

.ggfiLinkSmall
{
  background-image: url(../Images/BusinessSmall/ggfi-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;  
  background-position: center;
 border-right: 1px solid #DFDFDF;
 border-bottom: 1px solid #DFDFDF;
}

.ggfiLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/ggfi-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center; 
 border-right: 1px solid #DFDFDF;
 border-bottom: 1px solid #DFDFDF;
}

.fensaTrainingLinkSmall
{
  background-image: url(../Images/BusinessSmall/fensat-grey.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
  border-bottom: 1px solid #DFDFDF;
}

.fensaTrainingLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/fensat.png);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center; 
  border-bottom: 1px solid #DFDFDF;
}

.grosvenorLinkSmall
{
  background-image: url(../Images/BusinessSmall/grosvenor-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.grosvenorLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/grosvenor-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.whiteOrangeLinkSmall
{
  background-image: url(../Images/BusinessSmall/white-orange-greyscale-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.whiteOrangeLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/white-ornage-colour-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;   
  background-position: center;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.energySavingTrustLinkSmall
{
  background-image: url(../Images/BusinessSmall/energy-small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left;  
  background-position: center;
  border-bottom: 1px solid #DFDFDF;
}

.energySavingTrustLinkSmall a:hover
{
  background-image: url(../Images/BusinessSmall/enery3small.gif);
  background-repeat:no-repeat;
  width: 65px;
  height: 65px;
  float: left; 
  background-position: center;
  border-bottom: 1px solid #DFDFDF;
}


.mapContainer

{
    width: 670px;
    height: 500px;
    float: right;
}

.caseStudyTitleText
{
    color: #0092BF;
    font-size: 12px;
    text-align: center;
    
}

.clientText
{
    width: 890px;
    height: auto;
}

.clientDrilldownBanner
{
    height: 70px;
    width: 680px;    
}

.pdfLinky
{
    float: right;
    margin-top: 10px;
    margin-right: 100px;
}

.clientCaseStudyLogo
{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.pdfLink
{
    color: Navy;
    font-size: 10px;
    text-decoration: none;
}

.buttonPositioning
{
    float: right;
    margin-right: 10px;
}

.spacer50px
{
    height: 50px;
}

#centerMenu
{
    width: 560px;
    margin-left: 5px;
    height: 20px;
    float: left;   
    margin-top: 5px;  
}
#centerMenuContainer
{
    width: 700px;
    margin-left: 5px;
    height: 40px;
    float: left;      
}

#centerW3C
{
    float: right; 
    width: 100px;
    height: 40px;   
}

.contactTitle
{
    width: 400px;
    height: 100px;
    border: 1px solid red;
}

.contactTitleImg
{
    float: left;
}

contactCross
{
    float: right;
}


/*CORE APPS MENU*/



div#CoreAppsmenu {
    height:168px;
    margin-left: 18px;
}

div#CoreAppsmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#CoreAppsmenu ul.menu {
    padding-left: 2px;
}

div#CoreAppsmenu li {
    position: relative;
    z-index: 9;
    margin-right: 30px;
    padding: 0 0px 0 0;
    display: block;
    float: left;
}
div#CoreAppsmenu li:hover>ul {
    left: -2px;
}

div#CoreAppsmenu a {
    position: relative;
    z-index: 10;
    height: 168px;
    width: 136px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    font: normal 12px Trebuchet MS;
}

/* menu::level1 */
div#CoreAppsmenu a {
    width:100%;
    height:100%;
    line-height: 30px;
    color: black;
}

/* menu::level2 */
div#CoreAppsmenu ul ul li { background: none; }

div#CoreAppsmenu ul ul {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 185px;
    padding: 5px 0 0 0;
    background: rgb(45,45,45);
    margin-top:1px;
}
div#CoreAppsmenu ul ul a {
    width: 180px;
    padding-left: 10px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: rgb(169,169,169);
}








































