@charset "UTF-8";

/* HTML ELEMENT STYLES */
body { background-color: #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size: 1em; color: #999; margin: 0; padding: 0; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: normal; color: #666; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #666; }
h4 { font-family:Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #666; }
h5 { font-family:Arial, Helvetica, sans-serif; font-size: 0.6em; font-weight: normal; color: #999; }
p { margin: 8px 0px 0px 0px }
img { border: 0; }
a { text-decoration: none; outline: none; }
a:hover {
	color: #666666;
	text-decoration: underline;
}
hr {border-top: 1px dotted #999; color:#FFF; }

/* COMMON CLASS STYLES */
/* layouts */
.maintext {	float: left; width:470px; margin: 325px 0 20px 0; }
.maintext_wide { float: left; width:570px; margin: 325px 0 20px 0; }
.maintext_indented {float: left; width:320px; margin: 325px 0 20px 500px; }
.maintext_dropped {	float: left; width:450px; margin: 363px 0 20px 0; }
.hidden { display: none; }
/* text formats */
/*  1.25em = 20px,  1em = 16px,  0.8em = 12px,  0.7em = 11px  */
.text-xlarge { font-size: 1.1em; }
.text-large { font-size: 1em; }
.text-medium { font-size: 0.8em; }
.text-small { font-size: 0.7em; }
.text-dark { color: #000000; }
.text-title { color: #000000; font-size: 0.8em;  }
.text-light { color: #666666; }
.text-bold {font-weight:bold; }

/* BASE TEMPLATE STYLES */
#wrapper { position: relative; min-height: 715px; width: 940px; margin: 0 auto auto auto; overflow:hidden; }
#footerInfo { position: relative; background-color: #FFFFFF; min-height: 10px; width: 900px; margin: 0 auto auto auto; overflow:hidden; }
#mainnav { position: absolute; height: 165px; width: 900px; margin: 0 0 0 0; padding: 0px 0 0 0px;}
#sidebar { position:absolute; top:0; left:0; width:34px; height:100%; border-right: solid 1px #999; }
#content { position:relative; top:135px; left:60px; width:840px;  }
#bhpBrand { position: absolute; margin-left: 60px; margin-top: 56px;}
#dottedRuleHead {position:absolute; margin-top:134px; margin-left:60px; }
#dottedRuleFoot { margin-left:60px; }

/* HOMEPAGE STYLES */
#mainhead {position: absolute; top: 60px;   }
#mainhead h1 { margin:0; padding:0; }
#mainhead h3 { margin-top: 179px;}
#mainhead h4 { margin-top: 15px;}
#mainhead p { margin:0; padding:0; }
#probody { position:absolute; left: 0; top: 330px; }
#homeExtras {position:absolute; top: 65px; right: 24px; width:230px; }
.changing_banner { border:none; background-color:#000000; color:#FFFFFF; font-size:10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* DYK TEXT */
#dyktext_bat { width:370px; height:185px; float:left; margin: 150px 0px 0px 30px; text-align:left; }
#dyktext_bat a { display:block; width:370px; height:185px; background:url(../images/dyk_type.gif) no-repeat; background-position: top; text-indent:-5000px; }
#dyktext_bat a:hover, #dyktext_bat a.selected { background-position: bottom; }

#dyktext_lobster { width:209px; height:275px; float:left; margin: 135px 0px 0px 40px; text-align:left; }
#dyktext_lobster a { display:block; width:209px; height:275px; background:url(../images/dyk_type_lobster.gif) no-repeat; background-position: top; text-indent:-5000px; }
#dyktext_lobster a:hover, #dyktext_lobster a.selected { background-position: bottom; }

/* WORK STYLES */
#work-title { margin-top: 25px; margin-left: -4px; }
#work-image { width:807px; height:470px; text-align: center; display: table-cell; vertical-align: middle}
#work-thumbnail { position: absolute; float: right; right: 90px; width:269px; height:156.6px; margin-top: 460px; }
.work-title-text { margin-top: 33px;  font-size: 0.8em; color: #000000;  }
#casestudy_textholder { max-width: 750px; margin-top: 30px; }
.casestudy_text { float: left; width: 220px; margin-right: 20px; margin-bottom: 50px; }

#case-study-link { position: absolute; height: 15px; width: 170px; top: 167px; right: 65px; }
#case-study-link a { background: url(../images/readmore.gif) no-repeat left top; display:block; width: 170px; height: 15px; }
#case-study-link a:hover { background-position: left bottom; }

#pdf-link {	position: absolute; height: 15px; width: 170px; top: 167px; right: 65px; }
#pdf-link a { background: url(../images/download.gif) no-repeat left top; display:block; width: 170px; height: 15px; }
#pdf-link a:hover { background-position: left bottom; }

/* WORK THUMBNAILS */
#fsa_posters { position: absolute; margin-left: 92px; }
#ofsted_summary_thumbnail { position: absolute; margin-left: 92px; }

/* ANIMATED GIF SCREENS */
#equi_screen { position: absolute; margin-left: 131px; margin-top: 202px; }
#batt_screen { position: absolute; margin-left: 477px; margin-top: 27px; }
#batt_screen_large { position: absolute; margin-left: 227px; margin-top: 35px; }

/* ZOOM LOCAL */
#zoom-stingy { width:563px; height:433px; padding-left: 125px; text-align: center; display: table-cell; vertical-align: middle; }
#zoom-dont_forget { width:306px; height:430px; padding-left: 125px; text-align: center; display: table-cell; vertical-align: middle; }
#zoom-fsa { width:645px; height:300px; padding-left: 83px;text-align: center; display: table-cell; vertical-align: middle; }
#zoom-bhp_annual { width:500px; height:454px; padding-left: 155px;text-align: center; display: table-cell; vertical-align: middle; }

/* LIGHTBOX IMAGERY */
.lightbox-bhp_dyk { width:537px; height:427px; padding-left: 133px;text-align: center; display: table-cell; vertical-align: middle; }
.lightbox-dcsf_childrens { width:577px; height:430px; padding-left: 133px;text-align: center; display: table-cell; vertical-align: middle; }
.lightbox-reuters { width:562px; height:422px; padding-left: 116px;text-align: center; display: table-cell; vertical-align: middle; }
.lightbox-morton { width:624px; height:400px; padding-left: 86px;text-align: center; display: table-cell; vertical-align: middle; }
.lightbox-teaching_awards { width:470px; height:422px; padding-left: 173px;text-align: center; display: table-cell; vertical-align: middle; }
.lightbox-brc_china { width:605px; height:418px; padding-left: 100px;text-align: center; display: table-cell; vertical-align: middle; }
.bhp_halloween_group { width:588px; height:409px; padding-left: 102px;text-align: center; display: table-cell; vertical-align: middle; }

#zoom_fsa_small_steps_1 { position: absolute; margin-left: 557px; margin-top: 7px; }
#zoom_fsa_small_steps_2 { position: absolute; margin-left: 629px; margin-top: 7px; }
#zoom_brc_other_1 { position: absolute; margin-left: 567px; margin-top: 0px; }
#zoom_ofsted_summary_1 { position: absolute; margin-left: 100px; margin-top: 7px; }
#zoom_homeoffice_1 { position: absolute; margin-left: 545px; margin-top: 72px; }
#zoom_homeoffice_2 { position: absolute; margin-left: 545px; margin-top: 161px; }
#zoom_ACCA_jigsaw_piece { position: absolute; margin-left: 507px; margin-top: -20px; }

/* PHOTOGRAPHY THUMBNAILS */
#photo_thumbnail_1 { position: absolute; margin-left: 0px; margin-top: 17px;}
#photo_thumbnail_2 { position: absolute; margin-left: 75px; margin-top: 17px;}
#photo_thumbnail_3 { position: absolute; margin-left: 150px; margin-top: 17px;}
#photo_thumbnail_4 { position: absolute; margin-left: 225px; margin-top: 17px;}
#photo_thumbnail_5 { position: absolute; margin-left: 0px; margin-top: 94px;}
#photo_thumbnail_6 { position: absolute; margin-left: 75px; margin-top: 94px;}
#photo_thumbnail_7 { position: absolute; margin-left: 150px; margin-top: 94px;}
#photo_thumbnail_8 { position: absolute; margin-left: 225px; margin-top: 94px;}

/* CONTACT STYLES */
.contact { float: left; width: 140px; height: 550px; margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:auto; }
.direction { float: left; width: 225px; height: 550px; margin: 25px 0px 0px 0px; padding: 0px 20px 0px 15px; overflow:auto;}
.directionMap { float: left; width: 366px; height: 403px; margin: 25px 0px 0px 15px; padding: 2px 2px 2px 2px; overflow:auto;}

/* US STYLES */
.keypeople { float: left; width: 140px; height: 550px; margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:auto; }
.about_us_text { float: left; width: 570px; height: 550px; margin: 25px 0px 0px 0px; padding: 0px 20px 0px 15px; overflow:auto;}
.staff_cv_dyk { float: left; width: 225px; height: 550px; margin: 25px 0px 0px 0px; padding: 0px 20px 0px 15px; overflow:auto;}
.largestaffshot { float: left; width: 420px; height: 550px; margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:auto; vertical-align:bottom; bottom:0px; }

/*Us Nav*/
#Team { position:absolute; top:57px; left:0px; width: 132px; height: 482px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } 
#Team ul { margin:0; padding:0;}
#Team ul li { display:block; text-indent: -5000px; margin:0; padding:0; }
#Team ul li a { display:block; margin:0; padding:0; }

#Timteam-link { position:absolute; top: 2px; left: 3px; width: 57px; height: 57px; }
#Lisateam-link { position:absolute; top: 2px; left: 73px; width: 57px; height: 57px; }
#Ashteam-link { position:absolute; top: 72px; left: 3px; width: 57px; height: 57px; }
#Daveteam-link { position:absolute; top: 72px; left: 73px; width: 57px; height: 57px; }
#Gemmateam-link { position:absolute; top: 140px; left: 3px; width: 57px; height: 57px; }
#Brenteam-link { position:absolute; top: 140px; left: 73px; width: 57px; height: 57px; }
#Katieteam-link { position:absolute; top: 208px; left: 3px; width: 57px; height: 57px; }
#Diteam-link { position:absolute; top: 208px; left: 73px; width: 57px; height: 57px; }

.mugs { background:url(../images/teamSprite_new.gif) no-repeat left top; }

.timsMug { background-position: -132px; }
.lisasMug { background-position: -264px;}
.ashleysMug { background-position: -396px;}
.davesMug { background-position: -528px;}
.gemmasMug { background-position: -660px;}
.brendansMug { background-position: -792px;}
.katiesMug { background-position: -924px;}
.disMug { background-position: -1056px;}

/* ARROWS NAV */
/* Right arrow */
#frames { position: absolute; bottom: 252px; right: 95px; text-align:right; padding-left: 75px; }
#frames a { background:url(../images/forward_and_back_arrows.gif) no-repeat right bottom; width: 39px; height: 39px; display:block; text-indent: 5000px; padding: 0 0 0 2px; margin: 0; }
#frames a:hover { background-position: right top; }
#frames a.selected { background-position: right top; }

/* Left arrow */
#framesleft { position: absolute; bottom: 252px; right: 815px; text-align:right; padding-left: 75px; }
#framesleft a { background:url(../images/forward_and_back_arrows.gif) no-repeat left bottom; width: 39px; height: 39px; display:block; text-indent: 5000px; padding: 0 0 0 2px; margin: 0; }
#framesleft a:hover { background-position: left top; }
#framesleft a.selected { background-position: left top; }

/* CLIENTS STYLES */
#clientText {position:absolute; left:0; width:150px; margin-top:20px; padding: 0px 5px 5px 5px; }
#clients {
	position: absolute;
	margin-top:32px;
	left: 75px;
	height: 502px;
}
#dottedRule_clientVert { float:left; margin: 15px 0 0 0; }
#dottedRule_clientHorz { float:left; margin: 0; padding:0; }
.clientFrame { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center; }

#clientAcca { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientAcca a { display:block; width:103px; height:80px; background:url(../images/clients/accaSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientAcca a:hover, #clientAcca a.selected { background-position: bottom; }

#clientBatt { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientBatt a { display:block; width:103px; height:80px; background:url(../images/clients/battSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientBatt a:hover, #clientBatt a.selected { background-position: bottom; }

#clientBrc { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientBrc a { display:block; width:103px; height:80px; background:url(../images/clients/brcSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientBrc a:hover, #clientBrc a.selected { background-position: bottom; }

#clientCps { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientCps a { display:block; width:103px; height:80px; background:url(../images/clients/cpsSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientCps a:hover, #clientCps a.selected { background-position: bottom; }

#clientDfe { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientDfe a { display:block; width:103px; height:80px; background:url(../images/clients/dfeSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientDfe a:hover, #clientDfe a.selected { background-position: bottom; }

#clientBis { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientBis a { display:block; width:103px; height:80px; background:url(../images/clients/bisSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientBis a:hover, #clientBis a.selected { background-position: bottom; }

#clientDft { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientDft a { display:block; width:103px; height:80px; background:url(../images/clients/dftSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientDft a:hover, #clientDft a.selected { background-position: bottom; }

#clientDwp { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientDwp a { display:block; width:103px; height:80px; background:url(../images/clients/dwpSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientDwp a:hover, #clientDwp a.selected { background-position: bottom; }

#clientEastman { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientEastman a { display:block; width:103px; height:80px; background:url(../images/clients/eastmanSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientEastman a:hover, #clientEastman a.selected { background-position: bottom; }

#clientEquivital { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientEquivital a { display:block; width:103px; height:80px; background:url(../images/clients/equivitalSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientEquivital a:hover, #clientEastman a.selected { background-position: bottom; }

#clientElexon { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientElexon a { display:block; width:103px; height:80px; background:url(../images/clients/elexonSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientElexon a:hover, #clientElexon a.selected { background-position: bottom; }

#clientFSA { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientFSA a { display:block; width:103px; height:80px; background:url(../images/clients/fsaSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientFSA a:hover, #clientGenmed a.selected { background-position: bottom; }

#clientGenmed { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientGenmed a { display:block; width:103px; height:80px; background:url(../images/clients/genmedSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientGenmed a:hover, #clientGenmed a.selected { background-position: bottom; }

#clientHolmes { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientHolmes a { display:block; width:103px; height:80px; background:url(../images/clients/holmesSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientHolmes a:hover, #clientHolmes a.selected { background-position: bottom; }

#clientHomeoff { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientHomeoff a { display:block; width:103px; height:80px; background:url(../images/clients/homeoffSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientHomeoff a:hover, #clientHomeoff a.selected { background-position: bottom; }

#clientInfoasset { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientInfoasset a { display:block; width:103px; height:80px; background:url(../images/clients/infoassetSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientInfoasset a:hover, #clientInfoasset a.selected { background-position: bottom; }

#clientKidbrooke { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientKidbrooke a { display:block; width:103px; height:80px; background:url(../images/clients/kidbrookeSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientKidbrooke a:hover, #clientInfoasset a.selected { background-position: bottom; }

#clientMs { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientMs a { display:block; width:103px; height:80px; background:url(../images/clients/msSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientMs a:hover, #clientMs a.selected { background-position: bottom; }

#clientNps { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientNps a { display:block; width:103px; height:80px; background:url(../images/clients/npsSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientNps a:hover, #clientNps a.selected { background-position: bottom; }

#clientNationalArchives { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientNationalArchives a { display:block; width:103px; height:80px; background:url(../images/clients/naSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientNationalArchives a:hover, #clientOfsted a.selected { background-position: bottom; }

#clientNSF { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientNSF a { display:block; width:103px; height:80px; background:url(../images/clients/nsfSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientNSF a:hover, #clientOfsted a.selected { background-position: bottom; }

#clientOfsted { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientOfsted a { display:block; width:103px; height:80px; background:url(../images/clients/ofstedSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientOfsted a:hover, #clientOfsted a.selected { background-position: bottom; }

#clientPershing { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientPershing a { display:block; width:103px; height:80px; background:url(../images/clients/pershingSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientPershing a:hover, #clientPershing a.selected { background-position: bottom; }

#clientPostcomm { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientPostcomm a { display:block; width:103px; height:80px; background:url(../images/clients/postcommSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientPostcomm a:hover, #clientPostcomm a.selected { background-position: bottom; }

#clientRs { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientRs a { display:block; width:103px; height:80px; background:url(../images/clients/rsSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientRs a:hover, #clientRs a.selected { background-position: bottom; }

#clientTandl { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientTandl a { display:block; width:103px; height:80px; background:url(../images/clients/tandlSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientTandl a:hover, #clientTandl a.selected { background-position: bottom; }

#clientteachingawards { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientteachingawards a { display:block; width:103px; height:80px; background:url(../images/clients/teachingaSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientteachingawards a:hover, #clientUkspace a.selected { background-position: bottom; }

#clientthomsonreuters { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientthomsonreuters a { display:block; width:103px; height:80px; background:url(../images/clients/thomsonrSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientthomsonreuters a:hover, #clientUkspace a.selected { background-position: bottom; }

#clientUkspace { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientUkspace a { display:block; width:103px; height:80px; background:url(../images/clients/ukspaceSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientUkspace a:hover, #clientUkspace a.selected { background-position: bottom; }

#clientUKTI { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientUKTI a { display:block; width:103px; height:80px; background:url(../images/clients/uktiSprite.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#clientUKTI a:hover, #clientUKTI a.selected { background-position: bottom; }

#clientUcl { width:105px; height:80px; float:left; margin: 0 4px 4px 0; text-align:center;  }
#clientUcl a { display:block; width:103px; height:80px; background:url(../images/clients/uclSprite2.gif) no-repeat; background-position: top; text-indent:-5000px; }
#clientUcl a:hover, #clientUcl a.selected { background-position: bottom; }

/* Slideshow */
#Foreground_pictureBackground { text-align:center; background-position: center; }
#Foreground_picture { text-align:center; background-position: center; }

#DCSF_Foreground_pictureBackground { text-align:center; background-position: top; }
#DCSF_Foreground_picture { text-align:center; background-position: top; }

/* Website pan */
#holmes_pan { position:absolute; width:435px; height:276px; margin-left: 122px; margin-top: 41px; text-align: center; display: table-cell; vertical-align: middle; }

#holmes_thumbnails { position:absolute; width:118px; display: table-cell; margin-top:32px; margin-left:600px }

#eq_pan { position:absolute; width:474px; height:300px; margin-left: 117px; margin-top: 42px; text-align: center; display: table-cell; vertical-align: middle; }

#eq_thumbnails { position:absolute; width:92px; display: table-cell; margin-top:24px; margin-left:655px }

#background_screen { position:absolute; width:528px; height:464px; display: table-cell;}

#acca_thumbnails  { bottom: 75px; right: 200px; text-align:left; padding-left: 75px; padding:0px; }

#acca_thumbnails1 { position:absolute; width:68px; display: table-cell; top: 438px; margin-bottom:0px; margin-left:530px }
#acca_thumbnails2 { position:absolute; width:69px; display: table-cell; top: 438px; margin-top:0px; margin-left:597px }
#acca_thumbnails3 { position:absolute; width:69px; display: table-cell; top: 438px; margin-top:0px; margin-left:665px }


/* TEMP NAV FOR NEWENCO*/
/* Right arrow */
#framesnewenco { position: absolute; bottom: 122px; right: 397px; text-align:right; padding-left: 75px; }
#framesnewenco a { background:url(../images/forward_and_back_arrows.gif) no-repeat right bottom; width: 39px; height: 39px; display:block; text-indent: 5000px; padding: 0 0 0 2px; margin: 0; }
#framesnewenco a:hover { background-position: right top; }
#framesnewenco a.selected { background-position: right top; }

/* Left arrow */
#framesnewencoleft { position: absolute; bottom: 122px; right: 522px; text-align:right; padding-left: 75px; }
#framesnewencoleft a { background:url(../images/forward_and_back_arrows.gif) no-repeat left bottom; width: 39px; height: 39px; display:block; text-indent: 5000px; padding: 0 0 0 2px; margin: 0; }
#framesnewencoleft a:hover { background-position: left top; }
#framesnewencoleft a.selected { background-position: left top; }

/* mind map button */
#mindmap { position: absolute; bottom: 122px; right: 440px; text-align:right; padding-left: 75px; }
#mindmap a { background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/mind_map_text.gif) no-repeat right bottom; width: 80px; height: 39px; display:block; text-indent: 5000px; padding: 0 0 0 2px; margin: 0; }
#mindmap a:hover { background-position: right top; }
#mindmap a.selected { background-position: right top; }

/* small words */

#breathe_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#breathe_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/breathe_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#breathe_small a:hover, #breathe_small a.selected { background-position: top; }

#clear_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#clear_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/clear_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#clear_small a:hover, #clear_small a.selected { background-position: top; }

#enco_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#enco_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/enco_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#enco_small a:hover, #enco_small a.selected { background-position: top; }

#esense_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#esense_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/esense_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#esense_small a:hover, #esense_small a.selected { background-position: top; }

#home_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#home_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/home_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#home_small a:hover, #home_small a.selected { background-position: top; }

#honest_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#honest_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/honest_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#honest_small a:hover, #honest_small a.selected { background-position: top; }

#juice_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#juice_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/juice_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#juice_small a:hover, #juice_small a.selected { background-position: top; }

#true_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#true_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/true_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#true_small a:hover, #true_small a.selected { background-position: top; }

#vanilla_small { width:218px; height:94px; float:left; margin: 0 0px 0px 0; text-align:center;  }
#vanilla_small a { display:block; width:218px; height:94px; background:url(http://www.bentleyholland.co.uk/documents/newenergyco_pres/images/vanilla_small2.gif) no-repeat; background-position: bottom; text-indent:-5000px; }
#vanilla_small a:hover, #vanilla_small a.selected { background-position: top; }






/* HOMPAGE THUMBNAILS */

#thumbnails {
	position: absolute;
	margin-top:60px;
	left: 0px;
	height: 502px;
	width:830px;
}

#thumbnail1 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail1 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/1.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail1 a:hover, #thumbnail1 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/uktiSprite.jpg) no-repeat;background-position: bottom; }

#thumbnail2 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail2 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/2.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail2 a:hover, #thumbnail2 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/uclSprite2.gif) no-repeat;background-position: bottom; }

#thumbnail3 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail3 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/3.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail3 a:hover, #thumbnail3 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/msSprite2.gif) no-repeat;background-position: bottom; }

#thumbnail4 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail4 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/4.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail4 a:hover, #thumbnail4 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/teachingaSprite.jpg) no-repeat;background-position: bottom; }

#thumbnail5 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail5 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/5.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail5 a:hover, #thumbnail5 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/tandlSprite2.gif) no-repeat;background-position: bottom; }

#thumbnail6 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail6 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/6.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail6 a:hover, #thumbnail6 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/rsSprite2.gif) no-repeat;background-position: bottom; }

#thumbnail7 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail7 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/7.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail7 a:hover, #thumbnail7 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/pershingSprite2.gif) no-repeat;background-position: bottom; }

#thumbnail8 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail8 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/8.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail8 a:hover, #thumbnail8 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/ofstedSprite2.gif) no-repeat;background-position: bottom; }

#thumbnail9 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail9 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/9.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail9 a:hover, #thumbnail9 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/nsfSprite.jpg) no-repeat;background-position: bottom; }

#thumbnail10 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail10 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/10.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail10 a:hover, #thumbnail10 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/naSprite.jpg) no-repeat;background-position: bottom; }

#thumbnail11 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail11 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/11.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail11 a:hover, #thumbnail11 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/kidbrookeSprite.jpg) no-repeat;background-position: bottom; }

#thumbnail12 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail12 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/12.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail12 a:hover, #thumbnail12 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/homeoffSprite2.gif) no-repeat;background-position: bottom; }


#thumbnail13 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail13 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/13.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail13 a:hover, #thumbnail13 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/fsaSprite.jpg) no-repeat;background-position: bottom; }


#thumbnail14 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail14 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/14.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail14 a:hover, #thumbnail14 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/equivitalSprite.jpg) no-repeat;background-position: bottom; }


#thumbnail15 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail15 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/15.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail15 a:hover, #thumbnail15 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/uktiSprite.jpg) no-repeat;background-position: bottom; }


#thumbnail16 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail16 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/16.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail16 a:hover, #thumbnail16 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/dftSprite2.gif) no-repeat;background-position: bottom; }


#thumbnail17 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail17 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/17.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail17 a:hover, #thumbnail17 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/brcSprite2.gif) no-repeat;background-position: bottom; }


#thumbnail18 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail18 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/18.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail18 a:hover, #thumbnail18 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/dfeSprite2.gif) no-repeat;background-position: bottom; }


#thumbnail19 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail19 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/19.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail19 a:hover, #thumbnail19 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/brcSprite2.gif) no-repeat;background-position: bottom; }


#thumbnail20 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail20 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/20.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail20 a:hover, #thumbnail20 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/ukspaceSprite2.gif) no-repeat;background-position: bottom; }


#thumbnail21 { width:104px; height:104px; float:left; margin: 0 14px 0px 0; text-align:center;  }
#thumbnail21 a { display:block; width:104px; height:104px; background:url(../images/work_thumbnails/21.jpg) no-repeat; background-position: top; text-indent:-5000px; }
#thumbnail21 a:hover, #thumbnail21 a.selected { background:url(http://www.bentleyholland.co.uk/images/clients/msSprite2.gif) no-repeat;background-position: bottom; }


/* HOMPAGE CAPTIONS */

#caption { width:104px; height:65px; float:left; margin: 0 14px 0px 0; text-align:left; font-size:9px; vertical-align:text-top   }