@charset "utf-8";
/*  
Company: Fluke
URI: http://flukelondon.co.uk
Version: 1.0
Author: Al Stevens
Author URI: http://alstevens.co.uk
*/

/* Global reset based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
fieldset {display:inline;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul, li { list-style:none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6{ font-size:16px;}
h3, h4, h5, ol.commentlist li cite, div#sidebar h2, #sidebar #searchform label, div#homepageContent h1 { font-size:1.2em; line-height:1.1em; letter-spacing:-0.01em; font-weight:bold;}
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET :) restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ends Global reset */

/**** Colours *******************************************************************/

body {background:#000; padding-bottom:36px;}
a,#mainCast div h4 a {color:#cc0066; font-weight:bold; text-decoration:underline;}
a:visited {color:#660033;}

#folio h1 {color:#fff;}
h2, h3, h4, h2 a, h3 a, h4 a  {color:#009084;}
#mainCast div h4 {color:#333;}
.introduction p {color:#fff; }
#crumbTrail {color:#fff}
#crumbTrail a {color:#009999}
.mainAct .group p{color:#333;}
.ui-tabs-selected {background:#cc0066}
.ui-tabs-selected a {color:#fff}

#stage { background:#fff; color:#333; }
#stage #backdrop {background: url(../background-home.jpg) top left no-repeat;}

.ourServices dt {background:#d2e7e6;border:1px solid #fff;}
.ourServices dt:hover {background:#99cccc}

#mainMenu,#mainMenu a, #extrasMenu li.vcard  {color:#fff;}
#mainMenu li a:hover {color:#339999}
.testimonial blockquote span {color:#009999}
.contactUs .contactUsForm div.contactDetails label label.error {color:#CC3366; font-size:0.6875em;}

.footerLinks {background:#117b78; color:#fff;}
.footerLinks a {color:#fff;}


/**** Backgrounds *******************************************************************/

#mainMenu #work a {background:url(../mainMenu.gif) 0px 0px no-repeat;}
#mainMenu #work a:hover, #mainMenu #work a:focus, #folio #work a, #folioHome #work a {background:url(../mainMenu.gif) 0px -17px no-repeat;}
#mainMenu #whatWeDo a {background:url(../mainMenu.gif) -118px 0px no-repeat;}
#mainMenu #whatWeDo a:hover, #mainMenu #whatWeDo a:focus, #what #whatWeDo a{background:url(../mainMenu.gif) -118px -17px no-repeat;}
#mainMenu #whoWeAre a {background:url(../mainMenu.gif) -274px 0px no-repeat;}
#mainMenu #whoWeAre a:hover, #mainMenu #whoWeAre a:focus, #who #whoWeAre a {background:url(../mainMenu.gif) -274px -17px no-repeat;}
#mainMenu #contactUs a {background:url(../mainMenu.gif) -427px 0px no-repeat;}
#mainMenu #contactUs a:hover , #mainMenu #contactUs a:focus, #contact #contactUs a {background:url(../mainMenu.gif) -427px -17px no-repeat;}

#homepage h1 {background:url(../h1s/affordableBeautifuletc.png) 41px 0px no-repeat;}
#what h1 {background:url(../h1s/whatwedo.png) 41px 21px no-repeat;}
#who h1 {background:url(../h1s/whoweareh1.png) 41px 21px no-repeat;}
#folioHome h1 {background:url(../h1s/folio.png) 41px 10px no-repeat;}

#what .mainAct h2 {background:url(../h1s/3stagestowebdelivery.png) 25px 0px no-repeat;}
.mainAct .group {background:url(../info-glass.png) 26px 0 no-repeat;}

.primaryAction a {background:url(../callToAction-SendUsYourBrief.png) top left no-repeat}

.reasonsToBelieve .whatWeDo, .reasonsToBelieve .aboutUs {background:url(../post-it-1.jpg) top left no-repeat;}
.reasonsToBelieve .whoWeAre {background:url(../post-it-2.jpg) top left no-repeat;}

p.actionButton a{background:url(../button-right.gif) top right no-repeat}
p.actionButton a span{background:url(../button-left.gif) top left no-repeat; color:#fff;}

#screenshots li { background:#ccbebe url(../homepage-carousel/item-reflection.gif) bottom left repeat-x}

.pastClients dl dt {background:url(../client-logos/alltogether.gif) no-repeat;}
.pastClients dl dt.thomson{background-position:0px 0px;}
.pastClients dl dt.firstChoice{background-position:-156px 0px;}
.pastClients dl dt.virginHolidays{background-position:-340px 0px;}
.pastClients dl dt.pOFerries{background-position:-501px 0px;}
.pastClients dl dt.bestWestern{background-position:-685px 0px;}
.pastClients dl dt.moBank{background-position:-795px 0px;}

blockquote{background: url(../blockquote-open.gif) 0px 4px no-repeat;}
blockquote p {background: url(../blockquote-close.gif) bottom right no-repeat;}
.folioDescription blockquote p{background: url(../blockquote-close.gif) top right no-repeat;}

.pastClients dl dd{ background:url(../callout-homepage-left.png)}

.ourServices dt span.yes {background:url(../tick.png) 1px 1px no-repeat;}
.ourServices dt span.no {background:url(../cross.png) 1px 1px no-repeat;}

.contactUs .contactUsForm {background:url(../contact.png) top left no-repeat;}

#extrasMenu li.vcard  {background:url(../mainMenu.gif) -592px 0px no-repeat;}
li.network a.twitter { background:url(../twitter.png)}
li.network a.facebook { background:url(../facebook.png)}
li.network a.rss{ background:url(../rss.png)}
li.network a.lastfm{ background:url(../lastfm.png)}
li.network a.linkedin{ background:url(../linkedin.png)}

/**** Fonts *******************************************************************/

body { text-align:center; font-family: Helvetica, Arial, sans-serif}
input, textarea {font-family: Helvetica, Arial, sans-serif; font-size:0.75em}
p {font-size:0.6875em;margin-bottom:1em; margin-right:2em; line-height:1.45em;}
li.funkyPeople p {line-height:1.3em;}
p.actionButton a span {font-size:1.05em}
li.funkyPeople p {line-height:1.3em;}
h2, .profile h3  {font-size:1em; margin-bottom:0.5em; font-weight:bold;}
h3,h4{font-size:0.8125em; margin-bottom:0.5em;font-weight:bold;}
.footerAddress p {font-size:0.8125em;}
h2 a, h3 a, h4 a, p.actionButton a {text-decoration:none;}
#folio h1 {font-size:45px; font-weight:normal}
.folioDescription ul {font-size:0.75em}

#crumbTrail {font-size:0.8em;}
#crumbTrail a {text-decoration:none;}

.introduction p {font-size:1.25em; line-height:1.2em; }
.introduction p em {font-style:normal; font-weight:bold}
.mainAct .group h3 {font-size:1.25em}
.mainAct .group p {font-size:0.8125em;}
.ourServices dl {font-size:0.75em;}


.footerMenu li, blockquote p {font-weight:bold; font-size:0.75em;}
.testimonial blockquote span {font-size:0.6875em; display:block; float:left; margin:6px 0 0;}
.contactUs .contactUsForm div.contactDetails label span {font-size:0.75em; font-weight:bold;}

#mainMenu a {font-size:1.1875em; font-weight:bold;}
#mainMenu span {font-size:0.6875em;}
#mainCast div h4 {font-weight:normal; line-height:1.3em; margin-top:4px;}

/**** Structure *******************************************************************/

#crumbTrail {position:absolute; top:100px; text-align:left; margin-left:41px;}

#homepage h1 {clear:left; width:823px; height:98px; text-indent:-10000px; display:block; margin-bottom:30px;}
#homepage h2, #folioHome #mainCast h2 {display:none;}
#homepage .reason h2, #homepage .enquiry h2  {display:block;}


.introduction {float:left; width:337px;}
.mainAct {float:left; width:639px; margin-top:21px;}
#who .mainAct{margin-top:4px;}

#what h1 {clear:left; width:296px; height:85px;text-indent:-10000px; display:block; }
#who h1 {clear:left; width:910px; height:85px;text-indent:-10000px; display:block; }
#folioHome h1 {clear:left; width:900px; height:98px; text-indent:-10000px; display:block; margin-bottom:30px;}
#folio h1 {clear:left; margin:6px 0 6px 41px; text-indent:0px; display:block; float:left;}
div.alt{display:none;}

#who #mainCast h2 {display:none;}

#folio .mainAct {width:100%; overflow:hidden; margin-top:0px;}
#folio #screenshots { display:block; width:1500px;}
#folio #screenshots li {display:block; float:left; margin-right:36px; padding-bottom:70px;}
#folio ul.mobank {margin-left:-82px;}
#folio ul.peteandtom{margin-left:-112px;}
#folio ul.poferries{margin-left:-40px;}
#folio ul.walesinstyle{margin-left:-112px;}
#folio ul.virginholidays{margin-left:-112px;}

.folioDescription{margin-left:110px; position:relative; top:-30px;}
.folioDescription ul {display:block; float:left; width:150px; min-height:60px;}
.folioDescription ul li a {text-decoration:none}
.ui-tabs-selected {display:block; padding:2px; margin-right:30px}
.ui-tabs-selected a {display:block; text-decoration:none}
.folioDescription p {display:block; float:left;  margin-left:36px;}
.folioDescription  div.content{float:left; width:340px;}
.folioDescription blockquote {  margin-top:-12px; text-indent:0; display:block; height:100%; float:left; background:none;}
.folioDescription blockquote p {display:block; float:left; background:none}

.folioDescription blockquote span{display:block; float:left; font-size:0.75em; width:360px; margin-left:36px; margin-top:4px;}
.folioDescription  div.primaryAction {margin-left:60px;}

.ui-tabs-hide {display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;}

.introduction p { margin-left:44px;}

.mainAct h2 {width:600px; height:63px;text-indent:-10000px; display:block;}
.mainAct .group {width:610px; height:326px; overflow:hidden}
.mainAct .group ul {display:block;margin:32px 37px 0 60px; overflow:visible}
.mainAct .group li {display:block; }
.mainAct .group h3 {display:block; margin:0 0 16px 0;}
.mainAct .group p {margin:0 0 18px 0;}
.mainAct .group span.userGroup {float:right; margin:0 6px 12px 12px;}
.mainAct .group img {float:left}
.calloutText {float:left; }
.calloutText span.outer {position:absolute; width:197px; height:109px; background:url(../../_interface/callout-vert.png) top left no-repeat; margin-top:-100px; margin-left:-81px;}
.calloutText span span.inner {padding:16px; display:block; font-size:0.85em; line-height:1.3em; text-align:center}

#stage {  margin:0 auto; text-align:center; width:61.875em;}
#stage #backdrop {text-align:left;}

.ourServices {clear:left; margin-left:44px;}
.ourServices dl {width:293px; display:block; float:left; padding-bottom:36px;}
.ourServices dd {display:block;}
.ourServices dd span {padding:20px 20px 20px 36px; display:block}
.ourServices dt {display:block; padding:2px; cursor:pointer;}
.ourServices dt span.yes, .ourServices dt span.no {display:block; float:left; width:16px; height:12px; text-indent:-10000px;}

.profile {display:block; float:left; width:450px; margin-top:36px; margin-bottom:24px;}
.profile h3, .profile p, .profile img,.profile ul {margin-left:60px; display:block;}
.profile ul {position:absolute; margin-top:-10px; margin-left:290px;}
.profile img {float:left; margin-right:15px; margin-bottom:6px}

#mainMenu {display:block; float:left; padding:41px 0 28px 41px; }
#mainMenu li, #mainMenu li a {display:block; float:left;}
#mainMenu li {height:46px; margin-right:10px;}
#mainMenu li a { text-indent:-10000px; overflow:hidden}
#mainMenu li.menuItem a{margin-top:12px; height:17px;}
#mainMenu li.menuItem span {margin-top:3px; margin-left:1px;}
#mainMenu a, #mainMenu span {display:block; float:left;  }
#mainMenu span {clear:left}

#mainMenu li#logo a {width:210px;}
#mainMenu li#logo a {background:url(../fluke.gif) top left no-repeat; text-indent:-10000px; height:45px;}
#mainMenu li#logo span {display:none;}

#mainMenu li#work a {width:109px}
#mainMenu li#whatWeDo a {width:146px}
#mainMenu li#whoWeAre a {width:145px}
#mainMenu li#contactUs a {width:156px}

#mainCast div.prologue {position:absolute; margin-top:-29px;  z-index:10000; margin-left:41px; }
#mainCast div.prologue h4{display:block; float:left; width:45em;}
#folioHome #mainCast div.prologue {margin-top:-129px; }

.primaryAction {display:block; float:left;}
.primaryAction a{display:block; float:left; width:219px; height:40px; text-indent:-10000px;}


.reasonsToBelieve {clear:left; margin-top:40px; margin-left:21px; height:100%; }
.reasonsToBelieve .reason{float:left; width:19.125em; height:12.5625em;}
.reasonsToBelieve h2, .reasonsToBelieve p {display:block; margin-left:43px;}
.reasonsToBelieve h2 {margin-top:25px;}

.pastClients {margin-left:30px; margin-top:6px; clear:left; margin-bottom:12px}
.pastClients dl{display:block; width:950px; height:60px;}
.pastClients dl dd{ width:124px; height:67px; display:block; float:left; margin:-5px 0 0 -280px; z-index:2; }
.pastClients dl dd span {padding:6px 16px 6px 6px; font-size:0.65em; display:block}
.pastClients dl dt {text-indent:-10000px; display:block; float:left; height:60px; cursor:pointer;  }
.pastClients dl dt.thomson{width:156px;}
.pastClients dl dd.thomson {margin-left:-266px;}
.pastClients dl dt.firstChoice{width:184px;}
.pastClients dl dd.firstChoice {margin-left:-294px;}
.pastClients dl dt.virginHolidays{width:161px;}
.pastClients dl dd.virginHolidays {margin-left:-271px;}
.pastClients dl dt.pOFerries{width:184px;}
.pastClients dl dd.pOFerries {margin-left:-294px;}
.pastClients dl dt.bestWestern{width:110px;}
.pastClients dl dd.bestWestern {margin-left:-220px;}
.pastClients dl dt.moBank{width:140px;}
.pastClients dl dd.moBank {margin-left:-250px;}

.testimonial {margin-left:45px;}
blockquote { text-indent: 42px; padding:5px 0 5px 0; margin:11px 0 26px 0; clear:left; z-index:1;}
blockquote p {display: inline; margin: 0; padding:5px 38px 5px 0;}
blockquote span {text-align:left; margin-left:10px}

#who .jcarousel-item p {padding-right:80px;}

p.actionButton a{padding-right:28px; float:left; margin-top:2px;}
p.actionButton a span{padding:5px 8px 16px 14px; float:left; display:block;}

.contactUs {width:61.875em; overflow:hidden; clear:left;}
.contactUs .contactUsForm {margin-left:-20px; width:67.1875em; height:100%; overflow:hidden;}
.contactUs .contactUsForm div {float:left; padding-bottom:40px }

.contactUs .contactUsForm div.enquiry {width:37.5em;}
.contactUs .contactUsForm div.enquiry h2 {margin:44px 0 0 68px; display:block; text-decoration:none;}
.contactUs .contactUsForm div.enquiry a {text-decoration:none}

.contactUs .contactUsForm div.enquiry p {margin:8px 0 24px 68px;}
.contactUs .contactUsForm div.enquiry span {display:none;}
.contactUs .contactUsForm div.enquiry textarea {width:500px; height:260px; margin:0 0 0 68px; padding:12px;}

.contactUs .contactUsForm div.contactDetails {width:300px;}
.contactUs .contactUsForm div.contactDetails h3 {margin:44px 0 0 28px;}
.contactUs .contactUsForm div.contactDetails p {margin:12px 0 20px 28px;}
.contactUs .contactUsForm div.contactDetails p.inlineQuestion {margin:0 0 8px 28px;}
.contactUs .contactUsForm div.contactDetails label {margin:0 0 8px 28px; display:block;}
.contactUs .contactUsForm div.contactDetails label span {padding:0 0 4px 0; display:block}
.contactUs .contactUsForm div.contactDetails label input {display:block; width:250px; padding:2px;}
.contactUs .contactUsForm div.contactDetails label input.radioButton, .contactUs .contactUsForm div.contactDetails label.radioButton{display:inline; margin-left:5px; width:auto;margin-bottom:0px;}
.contactUs .contactUsForm div.contactDetails label.radioButton span {display:inline; }
.contactUs .contactUsForm div.contactDetails span.radioGroup {display:block; margin-bottom:18px}
.contactUs .contactUsForm div.contactDetails label.first {margin-left:28px;}
.contactUs .contactUsForm div.contactDetails input#sendIt {margin:8px 0 8px 28px;}

.contactUs .contactUsForm div.contactDetails label label.error {margin:0;}

#shoutbox {height:400px;}

div.submissionSuccess {display:none; margin:-280px 0 0 260px; width:500px; height:40px;   }
div.submissionSuccess h3 {padding:20px; font-size:1.75em; color:#fff;background:#006666;color:#fff;text-align:center; }
div.submissionSuccess p {padding:20px;color:#fff;background:#006666;color:#fff;text-align:center; margin:0; }
span#ajaxLoader {background:url(../ajax-loader.gif) top left no-repeat; position:absolute; display:block; font-size:0.75em; width:118px; height:118px; margin:-200px 0 0 400px; padding:50px 0 0;}

.footerLinks{padding: 14px 0 30px 36px; display:block; clear:left }
.footerAddress {display:block; float:left; width:310px;}
.footerMenu{ display:block; float:left; width:400px;}
.footerMenu li {display:block; float:left; padding-right:8px; margin-right:8px; border-right:1px solid #fff;}
.footerMenu li:last-child {border-right:none;}

#extrasMenu {display:block; float:left; width:156px; position:absolute; top:50px; margin-left:53.125em;}
#extrasMenu li, #extrasMenu li.network a {display:block; float:left; }
#extrasMenu li.vcard {width:138px; margin-top:4px; text-indent:-10000px; height:17px; display:block; float:left}
#extrasMenu li.vcard .fn, #extrasMenu li.vcard .org, #extrasMenu li.vcard .adr {display:none;}

li.network {text-indent:-10000px; width:18px; display:block; float:left; width:18px; height:18px; }
li.network a {text-indent:-10000px;width:16px; height:16px; text-indent:-10000px; margin-top:2px}

.clearleft {clear:left;}
.hidden {display:none!important;}