@charset "UTF-8";

/* ------------------------------------------------------------------------ */
/* PIXELGROUP.CO.UK */
/* ------------------------------------------------------------------------ */

@import url("css/reset.css");

@import url("sifr/sifr.css");

/* ------------------------------------------------------------------------ */
/* COMMON */
/* ------------------------------------------------------------------------ */

body { font-family: verdana; font-size: 12px; color: #000000; }

body.white { color: #ffffff; }

.flash { position:fixed; left:0px;  top:0px; width:100%; height:100%; z-index:1; background-position: top left; background-repeat: repeat; }

#flash { position:fixed; left:0px;  top:0px; width:100%; height:100%; z-index:1; background-position: top left; background-repeat: repeat; }

#flash2 { position:absolute; left:0px;  top:0px; width:100%; height:475px; z-index:1; background-position: top left; background-repeat: repeat; }

.container { width: 960px; padding: 60px 0 0 40px; }

.wrapper { position: absolute; top: 0; left: 0; width: 100%; z-index: 5000; }

.clear { clear: both; }

a { color: #d31c5c; cursor: pointer; z-index: 10000; }

.black { color: #000; }

a:hover { color: #7e153a; text-decoration: none; cursor: pointer; }

#logo { position: absolute; top: 0px; left: 889px; z-index: 8000; }

p { line-height: 18px; margin: 0 0 15px 0; }

blockquote { font-size: 16px; font-family: Georgia; line-height: 24px; font-style: italic; }

h1, h2, h3, h4, h5 { margin: 0 0 5px 0; font-family: Trebuchet MS; font-weight: normal; }

.width100 { width: 100%; }

/* COMMON */

.right { float: right; width: 305px; margin: 0 0 0 20px; }

.left { float: right; width: 635px; }

.padleft { padding: 0 0 0 150px; }

.padright { padding: 0 100px 0 0; }

.padtop { padding: 15px 0 0 0; }

#tooltip { position: absolute; z-index: 9000; border: none; }

#tooltip h3, #tooltip div { margin: 0; }

#brani, #desii, #infoi, #useri { display: none; }

.small { font-size: 10px; } 

/*.as-highlight strong {
	background-color: #4c1733;
	font-weight: normal;
}
.as-highlight p {
	line-height: 20px;
} */
/* ------------------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------------------ */

#footerli { clear: both; overflow: hidden; height: 1%; width: 100%; background-image: url(images/css/footer-light-tile.png); background-repeat: repeat-x; margin: 80px 0 0 0; }

#footerda { clear: both; overflow: hidden; height: 1%; width: 100%; background-image: url(images/css/footer-dark-tile.png); background-repeat: repeat-x; margin: 80px 0 0 0; }

.copyright { float: right; font-size: 10px; padding: 20px 40px 0 0; }

/* ------------------------------------------------------------------------ */
/* NAV */
/* ------------------------------------------------------------------------ */

.nav.top { position: absolute; left: 40px; top: 20px; z-index: 8000; }

.nav.footer { clear: both; float: left; padding: 20px 0 20px 40px; }

.nav li { display: inline; float: left; margin: 0 30px 0 0; }

.nav a { display: block; height: 9px; text-indent: -2000px; }

.nav a.nav-home { width: 30px; background-image: url(images/css/nav/home.png); }

.nav a.nav-who-we-are { width: 68px; background-image: url(images/css/nav/who-we-are.png); }

.nav a.nav-what-we-do { width: 67px; background-image: url(images/css/nav/what-we-do.png); }

.nav a.nav-our-approach { width: 81px; background-image: url(images/css/nav/our-approach.png); }

.nav a.nav-our-work { width: 56px; background-image: url(images/css/nav/our-work.png); }

.nav a.nav-our-clients { width: 67px; background-image: url(images/css/nav/our-clients.png); }

.nav a.nav-get-in-touch { width: 70px; background-image: url(images/css/nav/get-in-touch.png); }

.nav a.nav-jobs { width: 47px; background-image: url(images/css/nav/careers.png); }

.nav a.nav-home-w { width: 30px; background-image: url(images/css/nav/home-white.png); }

.nav a.nav-who-we-are-w { width: 68px; background-image: url(images/css/nav/who-we-are-white.png); }

.nav a.nav-what-we-do-w { width: 67px; background-image: url(images/css/nav/what-we-do-white.png); }

.nav a.nav-our-approach-w { width: 81px; background-image: url(images/css/nav/our-approach-white.png); }

.nav a.nav-our-work-w { width: 56px; background-image: url(images/css/nav/our-work-white.png); }

.nav a.nav-our-clients-w { width: 67px; background-image: url(images/css/nav/our-clients-white.png); }

.nav a.nav-get-in-touch-w { width: 70px; background-image: url(images/css/nav/get-in-touch-white.png); }

.nav a.nav-jobs-w { width: 47px; background-image: url(images/css/nav/careers-white.png); }

.nav a:hover, .nav a.on { background-position: 0 -9px; }

/* ------------------------------------------------------------------------ */
/* ERROR 404 */
/* ------------------------------------------------------------------------ */

body.not-found { background: url(images/css/tile-bg.jpg) top left repeat;}

p.not-found-content { height: 383px; width: 100px; background: url(images/css/404-bg.jpg) top left no-repeat; padding: 95px 30px 0 720px; color: #fff; text-align: center; font-weight: bold; font-size: 11px }

/* ------------------------------------------------------------------------ */
/* HOME */
/* ------------------------------------------------------------------------ */

body.home .container { height: 650px; }

body.home-nf { background-image: url(images/css/home/home_cogs.jpg); background-repeat: no-repeat; }

#ho-content { float: left; width: 430px; }

#ho-content h1 { font-size: 50px; margin: 0; font-weight: bold; }

.sIFR-active #ho-content h1 { font-size: 50px; margin: 0 0 -20px 0; }

#ho-content h1.pink { font-size: 50px; margin: 0 0 15px 0; color: #d31c5c; font-weight: bold; }

.sIFR-active #ho-content h1.pink { margin: 0 0 5px 0; }

#ho-content p.big { font-size: 16px; line-height: 24px; font-family: Trebuchet MS; }

.sIFR-active #ho-content p.big { font-size: 24px; line-height: 18px; }

a.find-out-more-button { display: block; width: 122px; height: 22px; background-image: url(images/css/home/find-out-more-button.png); text-indent: -2000px; margin: 15px 0 0 0; }

a.find-out-more-button:hover { background-position: 0 -22px; }

a.follow-us-button { display: block; width: 96px; height: 22px; background-image: url(images/css/home/follow-us-button.png); text-indent: -2000px; margin: 10px 0 0 0; }

a.follow-us-button:hover { background-position: 0 -22px; }

a.see-our-work-button { display: block; width: 117px; height: 22px; background-image: url(images/css/home/see-our-work-button.png); text-indent: -2000px; }

a.see-our-work-button:hover { background-position: 0 -22px; }

#ho-overlay { width: 400px; }

#ho-overlay h2 { font-size: 18px; margin: 0 0 10px 0; }

.sIFR-active #ho-overlay h2 { font-size: 22px; margin: 0 0 -5px 0; }

#ho-overlay h3 { font-size: 18px; margin: 0 0 15px 0; font-weight: bold; }

.sIFR-active #ho-overlay h3 { font-size: 22px; margin: 0 0 5px 0; }

#ho-overlay h4 { font-size: 24px; margin: 0 0 10px 0; font-weight: bold; }

.sIFR-active #ho-overlay h4 { font-size: 24px; margin: 0; }

 #ho-rotating_items { height: 330px; }

#ho-rotating_items { position: relative; }
 
#ho-rotating_items div.rotating_item { position: absolute; }

.bbc-home-slide { background: url(images/css/home/bbc-thumb.jpg) no-repeat top left; width: 400px; height: 330px; padding: 200px 0 0 0; }

.abel-home-slide { background: url(images/css/home/abel-cole-thumb.jpg) no-repeat top left; width: 400px; height: 330px; padding: 200px 0 0 0; }

.talktalk-home-slide { background: url(images/css/home/talktalk-thumb.jpg) no-repeat top left; width: 400px; height: 330px; padding: 200px 0 0 0; }

.annsummers-home-slide { background: url(images/css/home/annsummers.jpg) no-repeat top left; width: 400px; height: 330px; padding: 200px 0 0 0; }

.ft-home-slide { background: url(images/css/home/ft.jpg) no-repeat top left; width: 400px; height: 330px; padding: 200px 0 0 0; }

.ttpro-home-slide { background: url(images/css/home/tt-pro.jpg) no-repeat top left; width: 400px; height: 330px; padding: 200px 0 0 0; }


.home-slide-info { height:  100px; background-image: url(images/css/our-work/black-tile.png); background-repeat: repeat; color: #ffffff; padding: 15px 20px 15px 20px; }

/* .slidi { height: 375px; } */

#ho-box { width: 449px; height: 545px; /* position: absolute; top: 60px; left: 550px; */ position: relative; float: right; }

#ho-overlay { width: 403px; position: absolute; top: 0; left: 0; /* position: absolute; top: 70px; left: 550px; */ padding: 30px 23px 30px 23px; }

#bird { position: absolute; top: 90px; left: 290px; z-index: 3000; width: 77px; height: 64px; display: block; background: url(images/css/home/bird.png) no-repeat left top; }

#pixeltweet { position: absolute; left: 0; top: 380px; width: 357px; padding: 0 50px 0 42px; }

#pixeltweet p { margin: 0 0 5px 0; }

#we-are-hiring {
	margin-top: 20px;
	padding: 15px 20px 10px 20px;
	background: url(images/css/home/we-are-hiring-bg.png) left top repeat;
	position: relative;
}
#we-are-hiring p {
	color: #fff;
}
#we-are-hiring h2 {
	font-size: 28px;
}
a.send-cv-button { display: block; width: 134px; height: 22px; background-image: url(images/css/home/send-cv-btn.png); text-indent: -2000px; margin: 10px 0 0 0; }

a.send-cv-button:hover { background-position: 0 -22px; }


/* ------------------------------------------------------------------------ */
/* JOBS */
/* ------------------------------------------------------------------------ */

body.jobs { background-image: url(images/css/jobs/bg.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 900px; -webkit-background-size: 1920px 900px;  background-color: #000; }

body.jobs h1 { font-size: 24px; margin: 0 0 10px 0; }

.sIFR-active body.jobs h1 { font-size: 30px; margin: 0 0 -5px 0; }

body.jobs h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: bold; margin: 0 0 10px 0; }

.sIFR-active body.jobs h2 { font-size: 30px; margin: 0 0 10px 0; }

#jobs-box { width: 350px; background: url(images/css/jobs/box1_bg.png) left top repeat; position: absolute; top: 60px; left: 40px; height: 660px; }

#jobs-box .inner { padding: 20px 20px 0 20px; }

.job-item1, .job-item2, .job-item3 { padding: 10px 20px 10px 20px; }

.job-item1.on, .job-item2.on, .job-item3.on { background-color: #2b2b2b; }

.job-item1 h4, .job-item2 h4, .job-item3 h4 { font-size: 18px; padding-bottom: 0; margin: 0; }

.job-item1 h4.a, .job-item2 h4.a, .job-item3 h4.a { color: #fff; text-decoration: none; }

.job-item1 p, .job-item2 p, .job-item3 p { padding: 0; }

.job-item1 a, .job-item2 a, .job-item3 a { position: relative; }

#jobboxcontainer { position: absolute; top: 60px; left: 410px; width: 350px; height: 700px; overflow: hidden; }

#jobboxbox { position: relative; }

#jobbox { width: 310px; background: url(images/css/jobs/box2_bg.png) left top repeat; padding: 20px; height: 620px; position: absolute; top: 0; left: -350px;}

#jobbox h4 { font-size: 18px; padding-bottom: 0; margin: 0; }

#jobbox li { list-style-type: disc; list-style-position: outside; padding: 0 0 10px 0; margin-left: 20px; line-height: 15px; }

#jobbox #tabnav { display: none; }

a.send-cv { display: block; width: 134px; height: 22px; background-image: url(images/css/jobs/send-us-your-cv.png); text-indent: -2000px; margin: 10px 0 0 0; }

a.send-cv:hover { background-position: 0 -22px; }

#jobbox .downloadbox { border-top: 1px dashed #ccc; padding-top: 15px; }

#jobbox .download { padding-left: 50px; height: 45px; background: url(images/css/jobs/pdf-icon.png) left top no-repeat;} 

#jobbox .close { position: absolute; top: 0; right: 0; }

#jobbox .close a { background: url(images/css/jobs/arrow-back.png) left center no-repeat; padding-left: 10px; }

#jobss1, #jobss2, #jobss3 { position: relative; }

#jobbox.ie { top: 0; left: 0;}



/* ------------------------------------------------------------------------ */
/* GET IN TOUCH */
/* ------------------------------------------------------------------------ */

body.get-in-touch { color: #ccc; }

#git-navbg { position: absolute; top: 0; left: 0; height: 50px; width: 100%; display: block; background-color: #000000; }

#map_canvas { clear: both; height: 100%; position: absolute; width: 100%; margin: 50px 0 0 0; }

#git-box { width: 260px; position: absolute; top: 96px; left: 690px; background-color: #000; padding: 15px 25px 10px 25px; }

body.get-in-touch h1 { font-size: 24px; margin: 0 0 10px 0; }

.sIFR-active body.get-in-touch h1 { font-size: 30px; margin: 0; }

body.get-in-touch h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: bold; }

.sIFR-active body.get-in-touch h2 { font-size: 30px; margin: 0; }

a.get-printable-directions { display: block; width: 177px; height: 22px; background-image: url(images/css/get-in-touch/get-printable-directions-button.png); text-indent: -2000px; }

a.get-printable-directions:hover { background-position: 0 -22px; }

p.phoneemail { font-family: Georgia; font-size: 18px; font-style: italic; margin-bottom: 25px; line-height: 26px; }

#git-form p { font-family: verdana; font-size: 12px; font-style: normal; margin-bottom: 10px; }

#git-form { margin: 15px 0 0 0; }

#git-form input { border: 1px solid #3b3b3b; background-color: #3b3b3b; padding: 5px; margin: 5px 0 0 0; width: 240px; font-family: georgia; font-style: italic; font-size: 13px; color: #999999; }

#git-form input.error { border: 1px solid #C00; }

#git-form label.error { color: #C00; font-style: italic; }

#git-form textarea { border: 1px solid #3b3b3b; background-color: #3b3b3b; padding: 5px; margin: 5px 0 5px 0; width: 240px; height: 50px; font-family: georgia; font-style: italic; font-size: 13px; color: #999999; }

#git-form textarea.error { border: 1px solid #C00; }

#git-form input.submit { height: 22px; width: 70px; padding: 0;  border: none; }

#git-form div.errors { display: none }

#git-form .errors label.error { display: inline; }

#git-form .errors ol { display: none; }

#git-form .errors p { color: #c00; }

#footergit { position: fixed; width: 100%;  background-image: url(images/css/footer-dark-tile2.png); background-repeat: repeat-x; bottom: 0; left: 0; z-index: 5000; }


/* ------------------------------------------------------------------------ */
/* OUR WORK */
/* ------------------------------------------------------------------------ */

body.our-work { background-image:url(images/css/our-work/bg_work.jpg); }

body.our-work .container { height: 1950px; }

#ow-right { float: right; width: 305px; margin: 0 0 0 20px; }

#ow-left { float: right; width: 635px; }

#ow-left li { display: inline; float: left; }

#ow-left a { text-decoration: none; }

#ow-left .tabinfo { height:  80px; background-image: url(images/css/our-work/black-tile.png); background-repeat: repeat; color: #ffffff; padding: 20px; }

#ow-left .tabinfo h4 { float: left; font-size: 16px; margin: 0; padding: 0; font-weight: bold; }

#ow-left .tabinfo p { clear: both; margin: 0 0 10px 0; padding: 0; }

#ow-left .tabinfo p.ow-icons { float: right; clear: none; }

.ui-tabs-nav a.bbc { background-image: url(images/css/our-work/thumbs/case-studies/bbc-world-service-trust.png); margin: 0 4px 0 0; }

.ui-tabs-nav a.abelcole { background-image: url(images/css/our-work/thumbs/case-studies/abel-and-cole.png); margin: 0 4px 0 0; }

.ui-tabs-nav a.talktalk { background-image: url(images/css/our-work/thumbs/case-studies/talktalk.png); }

.ui-tabs-nav a.annsummers { background-image: url(images/css/our-work/thumbs/case-studies/nav-annsummers.png); margin: 0 4px 0 0; }

.ui-tabs-nav a.ft { background-image: url(images/css/our-work/thumbs/case-studies/nav-ft.png); margin: 0 4px 0 0; }

.ui-tabs-nav a.ttpro { background-image: url(images/css/our-work/thumbs/case-studies/nav-ttpro.png); }

.ui-tabs-nav a { display: block; height: 44px; width: 209px; background-position: 0 -44px; text-indent: -2000px;}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 0 0; }

.ui-tabs-nav a:hover { background-position: 0 -88px; }

#ow-rotate { height: 404px; }

#tabone { width: 635px; height: 120px; display: block; background-image:url(images/css/our-work/casestudies/ft.jpg); padding: 240px 0 0 0; }

#tabtwo { width: 635px; height: 120px; display: block; background-image:url(images/css/our-work/casestudies/annsummers.jpg); padding: 240px 0 0 0; }

#tabthree { width: 635px; height: 120px; display: block; background-image:url(images/css/our-work/casestudies/tt-pro.jpg); padding: 240px 0 0 0; }

.ui-tabs-hide { display: none; }

.ow-icons { float: right; }

.ow-icons img { margin: 0 10px 0 0; }

#ow-left .left-col { float: left; width: 310px; margin: 20px 15px 0 0; }

#ow-left .right-col { float: left; width: 310px; margin: 20px 0 0 0; }

#ow-left .left-col h3, #ow-left .right-col h3 { font-size: 18px; margin: 0 0 5px 0; font-weight: bold; }

#ow-left .left-col h3 a, #ow-left .right-col h3 a { color: #000000; }

#ow-left .left-col h4, #ow-left .right-col h4 { font-weight: normal; font-size: 12px; float: left; font-family: verdana; }

.sIFR-active #ow-left .left-col h3, .sIFR-active #ow-left .right-col h3 { font-size: 18px; margin: 0 0 -5px 0; }

#ow-right h1 { font-size: 24px; margin: 0 0 10px 0; }

.sIFR-active #ow-right h1 { font-size: 30px; margin: 0 0 -5px 0; }

#ow-right h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: bold; }

.sIFR-active  #ow-right h2 { font-size: 30px; margin: 0 0 10px 0; }

a.see-the-work-button { display: block; width: 118px; height: 22px; background-image: url(images/css/our-work/see-the-work-button.png); text-indent: -2000px; }

a.see-the-work-button:hover { background-position: 0 -22px; }

a.see-case-studies-button { display: block; width: 129px; height: 22px; background-image: url(images/css/our-work/see-case-studies-button.png); text-indent: -2000px; }

a.see-case-studies-button:hover { background-position: 0 -22px; }

.boxgrid { clear: both; width: 310px; height: 175px; overflow: hidden; position: relative;  margin: 0 0 20px 0; }

.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }

.boxcaption { float: left; position: absolute; background-image: url(images/css/our-work/trans-bg.png); background-repeat: repeat; height: 175px; width: 280px; padding: 35px 15px 15px 15px; }

.boxcaption p { color: #fff; line-height: 20px; }

.captionfull .boxcaption { top: 175px; left: 0; }

.caption .boxcaption { top: 155px; left: 0; }

    










/* ------------------------------------------------------------------------ */
/* WHO WE ARE */
/* ------------------------------------------------------------------------ */

body.who-we-are-nf { background-image: url(images/css/who-we-are/bg_whoweare.jpg); background-repeat: no-repeat; -webkit-background-size: 1536px 1024px;  }

body.who-we-are .container { height: 600px; }

#wwa-box { width: 310px; background-color: #000000; padding: 20px; position: absolute; top: 60px; left: 40px; }

body.who-we-are h1 { font-size: 24px; margin: 0 0 10px 0; }

.sIFR-active body.who-we-are h1 { font-size: 30px; margin: 0 0 -5px 0; }

body.who-we-are h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: bold; margin: 0 0 10px 0; }

.sIFR-active body.who-we-are h2 { font-size: 30px; margin: 0 0 10px 0; }

a.what-we-do-button { display: block; width: 109px; height: 22px; background-image: url(images/css/who-we-are/what-we-do-button.png); text-indent: -2000px; }

a.what-we-do-button:hover { background-position: 0 -22px; }

/* ------------------------------------------------------------------------ */
/* WHAT WE DO */
/* ------------------------------------------------------------------------ */

body.what-we-do { background-image: url(images/css/what-we-do/wwd.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1200px; -webkit-background-size: 1632px 961px;  background-color: #e4e4e2; }

#wwd-width { width: 500px; }

body.what-we-do h1 { font-size: 24px; margin: 0 0 10px 0; }

.sIFR-active body.what-we-do h1 { font-size: 30px; margin: 0 0 -5px 0; }

body.what-we-do h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: bold; }

.sIFR-active body.what-we-do h2 { font-size: 30px; margin: 0 0 10px 0;}

body.what-we-do h3 { font-size: 20px; margin: 0 0 10px 0; font-weight: bold; }

.sIFR-active body.what-we-do h3 { font-size: 20px; margin: 0 0 0 0; }

a.our-approach-button { display: block; width: 121px; height: 22px; background-image: url(images/css/what-we-do/our-approach-button.png); text-indent: -2000px; }

a.our-approach-button:hover { background-position: 0 -22px; }

/* ------------------------------------------------------------------------ */
/* OUR APPROACH */
/* ------------------------------------------------------------------------ */

body.our-approach { background-image: url(images/css/our-approach/wwd_tile.jpg); }

body.our-approach .wrap { position: absolute; top: 450px; width: 100%; }

#oa-bg { position:absolute; left:0; top: 0; width:100%; height:484px; z-index:1; background-position: top left; background-repeat: no-repeat; background-image: url(images/css/our-approach/bg-our-approach.jpg); }

#oa-padtop { padding: 0 0 0 0; }

.oa-padright { width: 560px; }

body.our-approach h1 { font-size: 24px; margin: 0 0 10px 0; }

.sIFR-active body.our-approach h1 { font-size: 30px; margin: 0 0 -5px 0; }

body.our-approach h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: bold; }

.sIFR-active body.our-approach h2 { font-size: 30px; margin: 0 0 10px 0; }

body.our-approach h3 { font-size: 18px; margin: 0 0 10px 0; font-weight: bold; }

.sIFR-active body.our-approach h3 { font-size: 18px; margin: 0 0 5px 0; }

body.our-approach h4 { font-size: 16px; }

body.our-approach hr { clear: both; border: none 0; border-top: 1px dashed #999999; width: 100%; height: 1px; margin: 15px 0 15px 0; }

.oa-left { float: left; width: 560px; padding: 0 100px 0 0; }

.oa-right { float: left; width: 260px; background-image: url(images/css/our-approach/approach-tile.png); background-repeat: repeat; padding: 20px; margin: 0 0 15px 0;  }

.oa-right p { margin: 0 0 5px 0; }

.oa-right li { line-height: 18px; margin: 0 0 3px 0; }

.oa-right ul { margin-left:0; padding-left:1em; text-indent:-1em; }

.oa-right li:before { content: " - "; }  

a.our-work-button { display: block; width: 94px; height: 22px; background-image: url(images/css/our-approach/our-work-button.png); text-indent: -2000px; }

a.our-work-button:hover { background-position: 0 -22px; }

/* BULLETPROOF */

.b-left { position: absolute; top: 60px; left: 40px; z-index: 8000; width: 635px; }

.b-right { position: absolute; top: 60px; left: 695px; z-index: 8000; width: 305px; }

.b-right h2 { font-size: 40px; margin: 0 0 15px 0; font-weight: bold; }

.sIFR-active .b-right h2 { font-size: 40px; margin: 0 0 10px 0; }

.b-left h2 { font-size: 20px; margin: 20px 0 10px 0; font-weight: bold; }


#b-footerda { position: absolute; top: 700px; left: 0; z-index: 8000; clear: both; overflow: hidden; height: 1%; width: 100%; background-image: url(images/css/footer-dark-tile.png); background-repeat: repeat-x; height: 50px; margin: 80px 0 0 0; }

/* VIEW WORK */


body.view-work h1 { font-size: 30px; margin: 0 0 10px 0; }

.sIFR-active body.view-work h1 { font-size: 30px; margin: 0 0 -5px 0; }

body.view-work .right h2 { font-size: 40px; margin: 0 0 15px 0; font-weight: bold; }

.sIFR-active body.view-work .right h2 { font-size: 40px; margin: 0 0 10px 0; }

body.view-work .left h2 { font-size: 20px; margin: 20px 0 10px 0; font-weight: bold; }

body.bapla { background-image: url(images/css/our-work/bapla/bg_bapla.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1200px; background-color: #000; }

body.bapla .container { height: 750px; }

body.annsummers { background-image: url(images/css/our-work/annsummers/bg-annsummers.jpg); background-repeat: no-repeat; -webkit-background-size: 1344px 1202px; background-color: #10151e; }

body.annsummers .container { height: 750px; }

body.talktalkpro { background-image: url(images/css/our-work/talktalk-pro/bg3.jpg); background-repeat: no-repeat; -webkit-background-size: 1280px 1278px; background-color: #000; }

body.talktalkpro .container { height: 750px; }

body.ft { background-image: url(images/css/our-work/ft/bg.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1400px; background-color: #eeefea; }

body.ft .container { height: 750px; }

body.talktalk1-nf { background-image: url(images/css/our-work/talktalk1/bg_talktalk.jpg); background-repeat: no-repeat; background-position: left top;-webkit-background-size: 1250px 957px; }

body.talktalk1 .container { height: 1000px; }

body.talktalk2 { background-image: url(images/css/our-work/talktalk2/bg_talktalk.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1400px; background-color: #EEE; }

body.talktalk2 .container { height: 830px; }

body.turkey-nf { background-image:url(images/css/our-work/turkey-or-not/bg_turkey.jpg); background-repeat: no-repeat; background-color: #000000; -webkit-background-size: 1920px 969px; background-color: #181f17; }

body.turkey .container { height: 750px; }

body.abel-nf { background-image: url(images/css/our-work/abel-and-cole/bg_abel.jpg); background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: 1500px 1091px; background-color: #e3ba8d; }

body.abel .container { height: 1150px; }

body.bullet-nf { background-image: url(images/css/our-work/bulletproof/bg_bp.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1200px; }

body.bullet .container { height: 700px; }

body.gpd-nf { background-image: url(images/css/our-work/gpd-investments/bg_gpd.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1200px; }

body.gpd .container { height: 670px; }

body.cpw-nf { background-image: url(images/css/our-work/carphone-warehouse/bg_carphone.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 969px; background-color: #f5f5f5; }

body.cpw .container { height: 670px; }

body.lexisnexis1 { background-image: url(images/css/our-work/lexisnexis1/bg-lexis.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1200px; }

body.lexisnexis1 .container { height: 650px; }

body.lexisnexis2-nf { background-image: url(images/css/our-work/lexisnexis2/bg_c2c.jpg); background-repeat: repeat; -webkit-background-size: 1900px 1200px; }

body.lexisnexis2 .container { height: 700px; }

body.poker-nf { background-image: url(images/css/our-work/pokerstars/bg_pokerstars.jpg); background-repeat: repeat; -webkit-background-size: 1900px 1200px; }

body.poker .container { height: 690px; }

body.purple { background-image: url(images/css/our-work/purple-dragon-play/bfg_pd.jpg); background-repeat: no-repeat; background-color: #333333; -webkit-background-size: 1544px 936px; background-color: #444444; }

body.purple .container { height: 680px; }

body.hmps { background-image: url(images/css/our-work/hmps/bg_hmps.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1200px; }

body.hmps .container { height: 650px; }

body.creativepool { background-image: url(images/css/our-work/creativepool/bg_cp.jpg); background-repeat: no-repeat; -webkit-background-size: 1920px 1200px; }

body.creativepool .container { height: 650px; }

body.bbc { background-image: url(images/css/our-work/bbc-world-service-trust/bg_bbc.jpg); background-repeat: no-repeat;  -webkit-background-size: 1920px 1250px; background-color: #e7e6ea;}

body.bbc .container { height: 1050px; }

body.view-work a.visit-the-website-button { display: block; width: 139px; height: 22px; background-image: url(images/css/our-work/visit-the-website-button.png); text-indent: -2000px; }

body.view-work a.visit-the-website-button:hover { background-position: 0 -22px; }

body.view-work .icons img { margin: 0 15px 0 0; }

body.view-work blockquote { margin: 0 0 10px 0; }

/* ------------------------------------------------------------------------ */
/* OUR CLIENTS */
/* ------------------------------------------------------------------------ */

body.our-clients { background-image: url(images/css/our-clients/clients-bg.jpg); background-repeat: no-repeat; background-color: #ffffff; color: #000000; }

body.our-clients .container { ; }

#oc-left blockquote { color: #000000; }

#oc-right { float: right; width: 305px; margin: 0 0 0 20px; }

#oc-left { float: right; width: 635px; }

#oc-left li { margin: 0 0 10px 0; }

#oc-left h2 { font-size: 30px; margin: 15px 0 15px 0; }

.sIFR-active #oc-left h2 { font-size: 30px; margin: 15px 0 0 0; }

#oc-left h3 { font-size: 18px; margin: 0 0 10px 0; font-weight: bold; }

.sIFR-active #oc-left h3 { font-size: 18px; margin: 0; }

#oc-right h3 { font-size: 24px; margin: 20px 0 10px 0; font-weight: normal; }

.sIFR-active #oc-right h3 { font-size: 24px; margin: 20px 0 0 0; font-weight: normal; }

#oc-left blockquote { padding-right: 40px; margin: 0 0 15px 0; }

 #oc-left hr { border: none 0; border-top: 0 dashed #999999; width: 100%; height: 1px; margin: 15px 0 15px 0; } 


#oc-left .left-col { float: left; width: 310px; margin: 0 15px 0 0; }

#oc-left .left-col li, #oc-left .right-col li { color: #000000; }

#oc-left .right-col { float: left; width: 310px; }

#oc-right h1 { font-size: 24px; margin: 0 0 10px 0; }

.sIFR-active #oc-right h1 { font-size: 30px; margin: -5px 0 -5px 0; }

#oc-right h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: bold; }

.sIFR-active #oc-right h2 { font-size: 30px; margin: 0 0 5px 0; }

a.get-in-touch-button { display: block; width: 110px; height: 22px; background-image: url(images/css/our-clients/get-in-touch-button.png); text-indent: -2000px; }

a.get-in-touch-button:hover { background-position: 0 -22px; }


body.our-clients #oc-quotes { position: absolute; top: 330px; left: 680px; width:387px; height: 304px; padding: 0; margin: 0; }

body.our-clients #slider ul { padding: 0; margin: 0; }

body.our-clients #slider li { width: 387px; height: 304px; padding:0; margin: 0; }

body.our-clients blockquote { font-size: 15px; }

body.our-clients #slider .padding { padding: 20px; }

body.our-clients #slider li.qone { background: url(images/css/our-clients/bubble-01.png) top left no-repeat; }

body.our-clients #slider li.qtwo { background: url(images/css/our-clients/bubble-02.png) top left no-repeat; }

body.our-clients #slider li.qthree { background: url(images/css/our-clients/bubble-03.png) top left no-repeat; }


/* ------------------------------------------------------------------------ */
/* OUR CLIENTS */
/* ------------------------------------------------------------------------ */

body.view-work #carousel, body.view-work #video { width: 635px; height: 359px; }

body.view-work .jcarousel-control a { float: left; width: 194px; height: 44px; display: block; background-color: #19140c; font-size: 14px; padding: 15px 0 0 15px; margin-top: 4px; background-image: url(images/css/our-work/arrow.png); background-position: top right; background-repeat: no-repeat; }

body.view-work .jcarousel-control a:hover, body.view-work .jcarousel-control a:focus, body.view-work .jcarousel-control a:active { background-color: #d31c5c; margin-top: 0; height: 44px; padding: 19px 0 0 15px; background-image: url(images/css/our-work/arrow-on.png); background-position: top right; background-repeat: no-repeat;}

body.view-work .jcarousel-container { }

body.view-work .jcarousel-container-horizontal { width: 635px; }

body.view-work .jcarousel-clip-horizontal { width:  635px; height: 360px; }

body.view-work .jcarousel-item { width: 635px; height: 360px; }

body.view-work .jcarousel-item-horizontal { }

body.view-work .jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 68px; height: 359px; cursor: pointer; background: transparent url(images/css/our-work/next-off.png) no-repeat right; }

body.view-work .jcarousel-next-horizontal:hover { background: transparent url(images/css/our-work/next.png) no-repeat right; }

body.view-work .jcarousel-next-horizontal:active { background: transparent url(images/css/our-work/next.png) no-repeat right; }

body.view-work .jcarousel-next-disabled-horizontal, body.view-work .jcarousel-next-disabled-horizontal:hover, body.view-work .jcarousel-next-disabled-horizontal:active { cursor: default; background: none; }

body.view-work .jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 68px; height: 359px; cursor: pointer; background: transparent url(images/css/our-work/previous-off.png) no-repeat left; }

body.view-work .jcarousel-prev-horizontal:hover { background: transparent url(images/css/our-work/previous.png) no-repeat left; }

body.view-work .jcarousel-prev-horizontal:active { background: transparent url(images/css/our-work/previous.png) no-repeat left; }

body.view-work .jcarousel-prev-disabled-horizontal, .body.view-work jcarousel-prev-disabled-horizontal:hover, body.view-work .jcarousel-prev-disabled-horizontal:active { cursor: default; background: none; }

/* NEW CSS */

.ft p span {
	background-color: #eeefea;
	display: inline;
	line-height: 20px;
} 
.ft blockquote span {
	background-color: #eeefea;
	display: inline;
	line-height: 24px;
} 
.ft .padleft {
	margin-bottom: 20px;
}
/*.talktalkpro .padleft strong {
	background-color: #ccc;
	display: inline;
	line-height: 20px;
	font-weight: normal;
} */