@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; }
img { border: 0; }
a { text-decoration: none; outline: none; }
a:hover { color: #f60; }
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-large { font-size: 1em; }
.text-medium { font-size: 0.8em; }
.text-small { font-size: 0.7em; }
.text-dark { color: #666; }
.text-light { color: #999; }
.text-orange { color:#f60; }

/* BASE TEMPLATE STYLES */
#wrapper { position: relative; background-color: #FFFFFF; min-height: 550px; width: 900px; margin: 100px auto auto auto; overflow:hidden; }
#sidebar { position:absolute; top:0; left:0; width:34px; height:100%; border-right: solid 1px #999; }
#content { position:relative; top:0; left:60px; width:840px; }

#Floorplan {  position:absolute; top: 20px; right: 20px; z-index:5000; width:165px; height:140px; margin:0; padding:0; } 
#Floorplan dl { margin:0; padding:0; }
#Floorplan dl dd { display:block; text-indent:-5000px; margin:0; padding:0; }
#Floorplan dl dd a { display:block; margin:0; padding:0; }
#plan { display:block; position:relative;  width:165px; height:140px;}

#Hall-link { position:absolute; top:46px; left:79px; width:31px; height:86px; }
#Office-link { position:absolute; top:110px; left:44px; width:35px; height:22px; }
#Kitchen-link { position:absolute; top:46px; left:44px; width:35px; height:64px; }
#Studio-link { position:absolute; top:4px; left:63px; width:67px; height:43px; }
#Library-link { position:absolute; top:4px; left:129px; width:31px; height:43px; }
#Lounge-link { position:absolute; top:46px; left:110px; width:50px; height:86px; }
#WC-link { position:absolute; top:110px; left:110px; width:27px; height:27px; }

.rooms { background:url(../images/floorplan_master.jpg) no-repeat left top; }
.showHall { background-position: right top;}
.showOffice { background-position: left -140px;}
.showKitchen { background-position: center -140px;}
.showStudio { background-position: right -140px;}
.showLibrary { background-position: left bottom;}
.showLounge { background-position: center bottom;}
.showWC { background-position: right bottom;}

#marker { position:absolute; width:21px; height:21px; background:url(../images/locator.gif) no-repeat;}
#marker.hall { top:80px; left:84px; }
#marker.office { top:111px; left:49px; }
#marker.kitchen { top:70px; left:50px; }
#marker.studio { top:15px; left:86px; }
#marker.library { top:15px; left:134px; }
#marker.lounge { top:77px; left:126px; }
#marker.wc { top:114px; left:113px; }


#footer { position:relative; width:900px; margin:0 auto auto auto; font-size: 0.6em; text-transform:uppercase; clear:both; }
#footer p { color:#666; text-align:center; }
#footer a { color:#666; text-decoration:none;}
#footer a:hover {color:#ffffff;}
#footer ul { list-style-type:none; margin:40px 0 0 0; padding:0 50px 0 50px; border-top:solid #ffffff 2px; width:800px; }
#footer ul a { color:#ffffff; text-decoration:none;}
#footer ul a:hover {color:#666;}
#footer li { float:left; display:inline; width:100px; text-align:center; margin:0; padding:10px 0 10px 0; }
/* sidebar images */
.sidebarHall { background: url(../images/titlestrip_hall.gif) no-repeat; }
.sidebarStudio { background: url(../images/titlestrip_studio.gif) no-repeat; }
.sidebarKitchen { background: url(../images/titlestrip_kitchen.gif) no-repeat; }
.sidebarLounge { background: url(../images/titlestrip_lounge.gif) no-repeat; }
.sidebarOffice { background: url(../images/titlestrip_office.gif) no-repeat; }
.sidebarLibrary { background: url(../images/titlestrip_library.gif) no-repeat; }
.sidebarWC { background: url(../images/titlestrip_wc.gif) no-repeat; }

/* HOMEPAGE & HALL 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 { margin-top:75px;}
#nav_instruct {	position: absolute; top: 150px; left: 44px; }
#keyEnter, #keyExit { position: absolute; top: 325px; left:610px; width: 45px; height: 51px; overflow: hidden; cursor: pointer; }
#keyEnter a { background:url(../images/enter.gif) top; width: 45px; height: 51px; display: block; text-indent: -5000px; }
#keyExit a { background:url(../images/outside.gif) top; width: 45px; height: 51px; display: block; text-indent: -5000px; }
#keyEnter a:hover, #keyExit a:hover { background-position:bottom; }
#blogSpeechbubb {position:absolute; top: -50px; left: 210px;}
#bhpBrand { margin-left: -8px;}


/* LOUNGE STYLES */
#ducks {  position: absolute; top: 20px; left:-2px; width:630px; height:320px; }
#ducks dl { margin:0; padding:0; }
#ducks dl dd { display:block; text-indent:-5000px; margin:0; padding:0; }
#ducks dl dd a { display:block; margin:0; padding:0; }
#big-duck-link { position:absolute; top:115px; left:13px; width:234px; height:190px; }
#medium-duck-link { position:absolute; top:40px; left:239px; width:157px; height:127px; }
#little-duck-link { position:absolute; top:5px; left:398px; width:84px; height:70px; }
.justDucks { background:url(../images/ducks_master.jpg) no-repeat left top;}
.show-big-duck { background-position: right top;}
.show-medium-duck { background-position: left bottom;}
.show-little-duck { background-position: right bottom;}
#clientlist { position: absolute; top: 210px; left: 460px; height: 360px; width: 370px; padding: 0; margin: 0; }
#clientlist ul { color: #999; font-size: 0.7em; padding: 0; margin: 0 10px 0 0 ; list-style-type: none; float:left; }
#clientlist li { width: 170px; padding: 0 0 2px 0; }
#clientlist a { text-decoration: none; color: #666; }
#clientlist a:hover { color: #f60; }

/* OFFICE STYLES */
#compass { position: absolute; bottom: 75px; right: 65px; width: 80px; height: 80px; overflow: hidden; }
#compass a { background:url(../images/compass.gif) top; width: 80px; height: 80px; display: block; text-indent: -5000px; }
#compass a:hover { background-position:bottom; }
.contact { float: left; width: 145px; height: 400px; border: thin dotted #999; margin: 65px 0 auto 10px; padding: 0 5px 5px 5px; background-color:#cccccc; overflow:auto; }
.direction { float: left; width: 220px; height: 395px; border: thin dotted #999; margin: 65px 0 auto 5px; padding: 5px 5px 5px 5px; overflow:auto;}
.direction_new { float: left; width: 470px; height: 230px; border: thin dotted #999; margin: 215px 0 auto 0px; padding: 5px 10px 10px 10px; overflow:auto;}
.contact_new { float: left; width: 220px; height: 230px; border: thin dotted #999; margin: 215px 8px auto 0px; padding: 0px 10px 10px 10px; overflow:auto;}

/* NEW OFFICE STYLES */
#pushpin { position: absolute; bottom: 10px; left: 58px; width: 90px; height: 62px; overflow: hidden; }
#pushpin a { background:url(../images/office/pushpin.gif) top; width: 90px; height: 62px; display: block; text-indent: -5000px; }
#pushpin a:hover { background-position:bottom; }

#penpotSprite {position: absolute; bottom: 0px; right: 20px; width: 280px; height: 380px; margin:0; padding:0; } 
#penpotSprite ul { margin:0; padding:0;}
#penpotSprite ul li { display:block; text-indent: -5000px; margin:0; padding:0; }
#penpotSprite ul li a { display:block; margin:0; padding:0; }

#train-link { position:absolute; top:65px; left: 15px; width: 95px; height:90px; }
#contact-link { position:absolute; top:35px; left:125px; width: 80px; height:80px; }
#car-link { position: absolute; top:125px; left:175px; width: 70px; height:70px; }

.penpotImage { background:url(../images/penpotx.gif) no-repeat left top; }
.penpotTrain { background-position: right top; }
.penpotContact { background-position: left bottom;}
.penpotCar { background-position: right bottom;}


/* LIBRARY STYLES */
.workman { position: absolute; top: 245px; left: 0; }

#booksLefthold {position: absolute; bottom: 0px; left: 35px; margin:0; padding:0; }
#booksRighthold {position: absolute; bottom: 0px; right: 0px; margin:0; padding:0; }

/* BooksLeft */

#booksleft {position: absolute; bottom: 0px; left: 35px; width: 477px; height: 144px; margin:0; padding:0; } 
#booksleft ul { margin:0; padding:0;}
#booksleft ul li { display:block; text-indent: -5000px; margin:0; padding:0; }
#booksleft ul li a { display:block; margin:0; padding:0; }

#glossaryBk-link { position:absolute; top:3px; left: 10px; width: 457px; height:37px; }
#tipsBk-link { position:absolute; top: 40px; left: 10px; width: 457px; height:30px; }
#gatefoldBk-link { position:absolute; top:70px; left: 10px; width: 457px; height:30px; }
#picperfectBk-link { position:absolute; top:100px; left: 10px; width: 457px; height:34px; }

.booksleftOff { background:url(../images/booksLeftSprite.gif) no-repeat left top; }
.glossaryBk { background-position: left -144px;}
.tipsBk { background-position: left -288px;}
.gatefoldBk { background-position: left -432px;}
.picperfectBk { background-position: left -576px;}


/* BooksRight */

#booksright {position: absolute; bottom: 0px; right: 0px; width: 388px; height: 372px; margin:0; padding:0; } 
#booksright ul { margin:0; padding:0;}
#booksright ul li { display:block; text-indent: -5000px; margin:0; padding:0; }
#booksright ul li a { display:block; margin:0; padding:0; }

#proofmarkBk-link { position:absolute; top:70px; left: 100px; width: 150px; height:300px; }
#printBk-link { position:absolute; top: 20px; left: 250px; width: 60px; height:350px; }
#policiesBk-link { position:absolute; top:5px; left: 310px; width: 65px; height:365px; }

.booksrightOff { background:url(../images/booksRightSprite.gif) no-repeat left top; }
.proofmarkBk { background-position: right top;}
.printBk { background-position: left bottom;}
.policiesBk { background-position: right bottom;}

/* BooksTop */

#bookstop {position: absolute; top: 160px; left:35px; width: 477px; height: 143px; margin:0; padding:0; } 
#bookstop ul { margin:0; padding:0;}
#bookstop ul li { display:block; text-indent: -5000px; margin:0; padding:0; }
#bookstop ul li a { display:block; margin:0; padding:0; }

#briefBk-link { position:absolute; top:3px; left: 10px; width: 457px; height:37px; }
#pitchBk-link { position:absolute; top: 40px; left: 10px; width: 457px; height:35px; }

.bookstopOff { background:url(../images/booksTopSprite.gif) no-repeat left top; }
.briefBk { background-position: left -286px;}
.pitchBk { background-position: left -143px;}

/* BooksPhoto */

#booksPhoto {position: absolute; bottom: 0px; left: 50px; width: 500px; height: 415px; margin:0; padding:0; } 
#booksPhoto ul { margin:0; padding:0;}
#booksPhoto ul li { display:block; text-indent: -5000px; margin:0; padding:0; }
#booksPhoto ul li a { display:block; margin:0; padding:0; }

#briefPhoto-link { position:absolute; top:10px; left: 8px; width: 45px; height:405px; }
#pitchPhoto-link { position:absolute; top:10px; left: 54px; width: 45px; height:405px; }
#atozPhoto-link { position:absolute; top:10px; left: 100px; width: 32px; height:405px; }
#tipsPhoto-link { position:absolute; top:10px; left: 133px; width: 45px; height:405px; }
#imagesPhoto-link { position:absolute; top:10px; left: 179px; width: 49px; height:405px; }
#gatefoldPhoto-link { position:absolute; top:10px; left: 229px; width: 35px; height:405px; }
#printPhoto-link { position:absolute; top:10px; left: 265px; width: 41px; height:405px; }
#proofPhoto-link { position:absolute; top:10px; left: 307px; width: 40px; height:405px; }
#policyPhoto-link { position:absolute; top:10px; left: 348px; width: 140px; height:405px; }

.booksPhotoOff { background:url(../images/booksPhotoSprite.jpg) no-repeat left top; }
.briefPhoto { background-position: center top;}
.pitchPhoto { background-position: -1000px top;}
.atozPhoto { background-position: left center;}
.tipsPhoto { background-position: left top;}
.imagesPhoto { background-position: center center;}
.gatefoldPhoto { background-position: -1000px center;}
.printPhoto { background-position: left bottom;}
.proofPhoto { background-position: center bottom;}
.policyPhoto { background-position: -1000px bottom;}




/* KITCHEN STYLES */
#Staff { position:absolute; bottom:10px; left:60px; width: 420px; height: 100px; margin:0; padding:0; } 
#Staff ul { margin:0; padding:0;}
#Staff ul li { display:block; float:left; height:100px; text-indent: -5000px; margin:0; padding:0; }
#Staff ul li a { height:100px; display:block; margin:0; padding:0; }
#Tim-link { width: 31px; }
#Lisa-link { width: 31px; }
#Kylie-link { width: 31px; }
#Jim-link { width: 26px; }
#Ashley-link { width: 30px; }
#Dave-link { width: 39px; }
#Katie-link { width: 30px; }
#Leigh-link { width: 30px; }
#Brendan-link { width: 40px; }
#Saira-link { width: 29px; }
#Gemma-link { width: 24px; }
#Di-link { width: 42px; }
#Aga-link { width: 30px; }
.drinks { background:url(../images/kitchen_master.jpg) no-repeat left top; }
.timsDrink { background-position: left -100px; }
.lisasDrink { background-position: left -200px;}
.kyliesDrink { background-position: left -300px;}
.jimsDrink { background-position: left -400px;}
.ashleysDrink { background-position: left -500px;}
.davesDrink { background-position: left -600px;}
.katiesDrink { background-position: left -700px;}
.leighsDrink { background-position: left -800px;}
.brendansDrink { background-position: left -900px;}
.sairasDrink { background-position: left -1000px;}
.gemmasDrink { background-position: left -1100px;}
.disDrink { background-position: left -1200px;}
.agasDrink { background-position: left -1300px;}
#staff-facts { margin-top:25px; text-transform: uppercase; }
#staff-cv { width:340px; padding-bottom:100px; } /* leave padding for the drinks */
#tim { position: absolute; bottom: 0; right: 145px; }
#aga { position: absolute; bottom: 0; right: 90px; }
#ashley { position: absolute; bottom: -10px; right: 175px; }
#brendan { position: absolute; bottom: 0; right: 120px; }
#dave { position: absolute; bottom: 0; right: 20px; }
#di { position: absolute; bottom: 0; right: 0; }
#gemma { position: absolute; bottom: 0; right: 154px; }
#jim { position: absolute; bottom: 0; right: 138px; }
#katie { position: absolute; bottom: 0; right: 60px; }
#kylie { position: absolute; bottom: 0; right: 160px; }
#leigh { position: absolute; bottom: 0; right: 160px; }
#lisa { position: absolute; bottom: 0; right: 239px; }
#saira { position: absolute; bottom: 0; right: 187px; }

/* WC STYLES */
#flush { width:38px; height:485px; position:absolute; top: -36px; right: 195px; background:url(../images/flush.gif) no-repeat; }
#flush a { display:block; width:38px; height:485px; text-indent:-5000px; }
#wc-work-title { margin-top: 22px; }
#wc-work-image { margin-top: 10px; }

/* STUDIO STYLES */
#work-title { margin-top: 22px; }
#work-image { margin-top: 10px; width:650px; text-align: right; }
#casestudy_textholder { max-width: 650px; margin-top: 20px; }
.casestudy_text { float: left; width: 180px; margin-right: 20px; margin-bottom: 50px; } /*margin-bottom allows for subnav*/
.dcsf { float: right; margin-right: 17px; }
.uclbanner { float: right; margin-right: 50px; }
#pic1.digital_monitor, #pic2.digital_monitor, #pic3.digital_monitor { text-align:left; margin-left: 173px; }
/* SubNav*/
#studio-subnav { position:absolute; bottom: 20px; left:60px; width: 360px; height: 60px; }
#studio-subnav ul { font-size:0.7em; width: 360px; height: 60px; list-style-type: none; margin: 0; padding: 0; }
#studio-subnav li { width: 170px; height: 15px; float: left;  margin: 0 10px 1px 0; padding: 0; text-indent: -5000px; }
#studio-subnav a { display: block; width: 170px; height: 15px; background:url(../images/studio_subnav_sprite.gif) no-repeat; }
#studio-subnav a#subnav-brand { background-position: left top; }
#studio-subnav a#subnav-brand:hover, #studio-subnav a#subnav-brand.selected { background-position: right top; }
#studio-subnav a#subnav-corpcomms { background-position: left -15px; }
#studio-subnav a#subnav-corpcomms:hover, #studio-subnav a#subnav-corpcomms.selected { background-position: right -15px; }
#studio-subnav a#subnav-integrated { background-position: left -30px; }
#studio-subnav a#subnav-integrated:hover, #studio-subnav a#subnav-integrated.selected { background-position: right -30px; }
#studio-subnav a#subnav-infolit {background-position: left -45px;}
#studio-subnav a#subnav-infolit:hover, #studio-subnav a#subnav-infolit.selected {background-position: right -45px;}
#studio-subnav a#subnav-digital {background-position: left -60px;}
#studio-subnav a#subnav-digital:hover, #studio-subnav a#subnav-digital.selected {background-position: right -60px;}
#studio-subnav a#subnav-adverts {background-position: left -75px;}
#studio-subnav a#subnav-adverts:hover, #studio-subnav a#subnav-adverts.selected {background-position: right -75px;}
#studio-subnav a#subnav-display {background-position: left -90px;}
#studio-subnav a#subnav-display:hover, #studio-subnav a#subnav-display.selected {background-position: right -90px;}
#studio-subnav a#subnav-other {background-position: left -105px;}
#studio-subnav a#subnav-other:hover, #studio-subnav a#subnav-other.selected {background-position: right -105px;}
/* Frames */
#frames { background:url(../images/more_work.gif) no-repeat left bottom; position: absolute; bottom: 65px; right: 20px; text-align:right; padding-left: 75px; }
#frames ul { margin: 0; padding: 0; list-style-type: none;  }
#frames li { float: left; }
#frames a { background:url(../images/frame.gif) no-repeat right top; width: 18px; height: 20px; display:block; text-indent: 5000px; padding: 0 0 0 2px; margin: 0; }
#frames a:hover { background-position: right -20px; }
#frames a.selected { background-position: right -40px; }
/* SubNav Links*/
#case-study-link { position: absolute; height: 15px; width: 170px; bottom: 35px; right: 20px; }
#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; }
#back-link { position: absolute; height: 15px; width: 170px; bottom: 36px; right: 20px; }
#back-link a { background: url(../images/back.gif) no-repeat left top; display:block; width: 170px; height: 15px; }
#back-link a:hover { background-position: left bottom; }
#pdf-link {	position: absolute; height: 15px; width: 170px; bottom: 17px; right: 20px; }
#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; }
/* Scroll Links*/
#scroll-pics { position:absolute; top: 80px; left: 60px; overflow: hidden; }
#scroll-pics a { background:url(../images/scroll-pics.gif) no-repeat; text-indent: -5000px; width: 20px; height: 20px; display:block; float: left; }
#scroll-pics a#picLink1 { background-position: left top; }
#scroll-pics a#picLink2 { background-position: left center; }
#scroll-pics a#picLink3 { background-position: left bottom; }