@import url('/stylesheets/core.css');

* {
  text-align:left;
}

html {
  background:#ebece8;
  font-family: Arial, Verdana;
}
body {
  background:#ebece8;
  color:#222222;
  font-weight:bold;
}

h1{
  font-size:350%;
  font-weight:bold;
}
h2{
  font-size:182%;
  font-weight:bold;
  margin:7px 0 3px 0;
}
  h2 a {
    color:#222222;
    background:none;
    padding:0;
  }
  h2 a:hover {
    background:none;
  }
h3{
  font-size:123.1%;
  font-weight:bold;
}
p {
  font-size:93%;
  line-height:1.4em;
  margin:6px 0;
}

a {
  background:#222222;
  padding:2px 3px;
  text-decoration:none;
}
  a:hover {
    color:#222222;
  }

/*Container*/
#home-container {background:url(/images/bg-header-home-slice.gif) repeat-x top left;}
#subpage-container, #beliefs-container, #video-container {
  background:url(/images/bg-header-subpage-slice.gif) repeat-x top left
}
#blog-container{background:url(/images/bg-header-blog-slice.gif) repeat-x top left}
#casestudy-container {background:url(/images/bg-header-casestudy-slice.gif) repeat-x top left;}
#people-container {background:url(/images/bg-header-people-slice.gif) repeat-x top left;}

/*End Container*/

/*Columns*/
.single-col {
  float:left;
  width:300px;
}
.double-col {
  float:left;
  width:630px;
}
.half-col {
  float:left;
  width:465px;
}
.full-col {
  width:960px;
}
.column1 {
  margin:0;
}
.column2 {
  margin:0 0 0 30px;
}
.column3 {
  margin:0 0 0 30px;
}
/*End Columns*/

/*Header*/
#header-home {
  background:url(/images/header-home.jpg) no-repeat center top;
  height:520px;
}
#header-subpage {
  background:url(/images/header-subpage.jpg) no-repeat center top;
  height:468px;
}
#header-blog {
  background:url(/images/header-blog.jpg) no-repeat center top;
  height:365px;
}
#header-casestudy {
  background:url(/images/header-casestudy.jpg) no-repeat center top;
  height:572px;
}
  #header-casestudy #casestudy-scroller {
    border:3px solid #222222;
    height:274px;
    width:;
  }
    #casestudy-scroller img {
      height:274px;
      width:934px;
    }
#header-beliefs {
  background:url(/images/header-beliefs.jpg) no-repeat center top;
  height:613px;
}
#header-video {
  background:url(/images/header-video.jpg) no-repeat center top;
  height:709px;
}
#header-people {
  height:803px;
}
.header {
  margin:0 0 15px 0;
}
  .header #top-bar {
    margin:0 auto;
    width:960px;
  }
  .header #logo-area {
    float:right;
    margin:20px 0 0 0;
    width:365px;
  }
    #logo-area a {
      background:none;
    }
    #logo-area h2#concept {
      float:left;
      font-size:93%;
      margin:28px 0 0 10px;
      text-align:right;
      width:180px;
    }
    #logo-area #logo-holder {
      width:165px;
      float:right;
    }
      #logo-holder p {
        font-size:116%;
        font-weight:black;
        text-align:center;
      }
      
  #nav {
    float:left;
    margin:58px 0 0 0;
  }
  #nav li {
    display:inline;
    font-size:123.1%;
    float:left;
    margin-right:16px;
    padding:0 0 0 9px;
  }
    #nav li a {
      background:none;
      color:#000000;
      display:inline-block;
      padding:6px 9px 3px 0;
    }
  /*#nav li:hover {
      background:url(/images/nav-left.gif) no-repeat left -29px;
    }
      #nav li a:hover {
        background:url(/images/nav-right.gif) no-repeat right -29px;
        color:#000000;
      }*/
  #nav li#selected {
    background:url(/images/nav-left.gif) no-repeat top left;
  }
    #nav li#selected a {
      background:url(/images/nav-right.gif) no-repeat top right;
    }
/*End Header*/

/*Features*/
#features {
  margin:5px 0 0 0;
}
#features-blog {
  margin-top:32px;
}
#features .feature-item, #features-blog .feature-item {
  margin:0 auto;  
}
.feature-item .feature-image {
  float:right;
}
  .feature-item .feature-content {
    float:left;
  }
    .feature-item .feature-content h2 {
      font-size:285%;
      line-height:100%;
      margin:8px 0 6px 0;
    }
    .feature-item .feature-content p {
      margin:8px 0;
    }
    #people-controls {
      float:right;
      margin-top:30px;
      width:110px;
    }
      #people-controls span {
        display:none;
      }
      #people-controls #back-button {
        background:url(/images/button-back-sprite.gif) no-repeat left 0px;
        display:block;
        float:left;
        height:24px;
        padding:0;
        width:47px;
      }
        #people-controls #back-button:hover {
          background:url(/images/button-back-sprite.gif) no-repeat left -24px;
        }
      #people-controls #next-button {
        background:url(/images/button-next-sprite.gif) no-repeat left 0px;
        display:block;
        float:left;
        height:24px;
        margin-left:7px;
        padding:0;
        width:47px;
      }
        #people-controls #next-button:hover {
          background:url(/images/button-next-sprite.gif) no-repeat left -24px;
        }
    .person-info {
      margin-top:10px;
      width:265px;
    }
    .person-info-left blockquote {
      text-align:left;
    }
    .person-info-right blockquote {
      text-align:right;
    }
    #person-passion {
      float:left;
    }
    #person-truth {
      float:right;
    }
      #person-truth h2 {
        text-align:right;
      }
  /*Feature specifics*/
  .feature-item-home {
    height:352px;
    width:960px;
  }
    .feature-item-home .feature-image{ 
      height:352px;
      width:604px;
    }
    .feature-item-home .feature-content{
      margin-top:35px;
      width:355px;
    }
  .feature-item-about {
    height:291px;
    width:960px;
  }
    .feature-item-about #feature-image{ 
      float:right;
      height:291px;
      width:348px;
    }
    .feature-item-about .feature-content{
      margin-top:40px;
      width:485px;
    }
  .feature-item-work {
    height:291px;
    width:960px;
  }
    .feature-item-work #feature-image{ 
      float:right;
      height:291px;
      width:430px;
    }
    .feature-item-work .feature-content{ 
      margin-top:40px;
      width:425px;
    }
  .feature-item-contact {
    height:291px;
    width:960px;
  }
    .feature-item-contact #feature-image{ 
      float:right;
      height:291px;
      width:551px;
    }
    .feature-item-contact .feature-content{ 
      margin-top:65px;
      width:390px;
    }
  .feature-item-people {
    height:291px;
    width:960px;
  }
    .feature-item-people #feature-image{ 
      float:right;
      height:291px;
      width:609px;
    }
    .feature-item-people .feature-content{ 
      margin-top:35px;
      width:320px;
    }
  .feature-item-experience {
    height:291px;
    width:960px;
  }
    .feature-item-experience #feature-image{ 
      float:right;
      height:291px;
      width:491px;
    }
    .feature-item-experience .feature-content{ 
      margin-top:30px;
      width:450px;
    }
    .feature-item-experience p.dropdowns {
      float:left;
      line-height:1.75em;
      margin-top:30px;
      width:169px;
    }
  .feature-item-careers {
    height:291px;
    width:960px;
  }
    .feature-item-careers #feature-image{ 
      float:right;
      height:291px;
      width:627px;
    }
    .feature-item-careers .feature-content{ 
      margin-top:5px;
      width:325px;
    }
  .feature-item-news {
    height:291px;
    width:960px;
  }
    .feature-item-news #feature-image{ 
      float:left;
      height:291px;
      width:790px;
    }
  .feature-item-blog {
    height:291px;
    width:960px;
  }
    .feature-item-blog #feature-image{ 
      float:left;
      height:142px;
      width:842px;
    }
  .feature-item-terms {
    height:291px;
    width:960px;
  }
    .feature-item-terms #feature-image{ 
      float:right;
      height:185px;
      width:230px;
    }
  .feature-item-not-found {
    height:291px;
    width:960px;
  }
    .feature-item-not-found #feature-image{ 
      float:right;
      height:185px;
      width:230px;
    }
  .feature-item-waa-family {
    height:291px;
    width:960px;
  }
    .feature-item-waa-family #feature-image{ 
      float:right;
      height:263px;
      margin-top:40px;
      width:606px;
    }
    .feature-item-waa-family .feature-content{ 
      margin-top:15px;
      width:325px;
    }
    
    .feature-item-video #video_wrapper {
      float:left;
      height:284px;
      margin:22px 0 0 53px;
      position:relative;
      width:501px;
    }
      #controls {
        display:none;
        position:absolute;
        left:2px;
        top:240px;
      }

    #controls .control {
      cursor:pointer;
      float:left;
      margin-right:8px;
    }
    #controls .play span { 
      background:url(/images/video/play.png) no-repeat top left;
      display:block;
      height:36px;
      margin:1px 0 0 0;
      width:36px;
    }
    #controls .pause span { 
      background:url(/images/video/pause.png) no-repeat top left;
      display:block;
      height:35px;
      margin:1px 0 0 0;
      width:36px;
    }

    #controls .sound span { 
      background:url(/images/video/sound.png) no-repeat top left;
      display:block;
      height:35px;
      margin:1px 0 0 0;
      width:41px;
    }

    #controls .no-sound span { 
      background:url(/images/video/no-sound.png) no-repeat top left;
      display:block;
      height:35px;
      margin:1px 0 0 0;
      width:41px;
    }

    #controls #progress_box {
      background:url(/images/video/progress_bar.png) no-repeat top left;
      display:block;
      height:36px;
      width:396px;
    }
      #controls #progress_box #buffer_progress {
        background:url(/images/video/progress_bar_buffer.png) no-repeat top left;
        display:block;
        height:36px;
        width:0px;
      }
      #controls #progress_box #play_progress {
        background:url(/images/video/progress_bar_full.png) no-repeat top left;
        display:block;
        height:36px;
        width:0px;
      }
  /*End Feature specifics*/
.crumbtrail span {
  background:#222222;
  color:#FFFFFF;
  padding:2px 0;
}

.feature-item-about #telegraph-pod {
  margin-top:35px;
}
.feature-item-3m #telegraph-pod {
  margin-top:45px;
}
.feature-item-bandq #telegraph-pod {
  margin-top:60px;
}
.feature-item-habitat #telegraph-pod {
  margin-top:80px;
}
.feature-item-hof #telegraph-pod {
  margin-top:65px;
}
.feature-item-scalextric #telegraph-pod {
  margin-top:45px;
}
.feature-item-sony #telegraph-pod {
  margin-top:25px;
}
.feature-item-spirit #telegraph-pod {
  margin-top:15px;
}
.feature-item-stylebrum #telegraph-pod {
  margin-top:45px;
}
.feature-item-willis #telegraph-pod {
  margin-top:0px;
}

#telegraph-pod {
  float:left;
  width:300px;
}
  #telegraph-pod #telegraph-content {
    margin:20px 0 0 0;
  }
  #telegraph-pod img {
    float:right;
    margin-left:5px;
  }
/*End Features*/

/*Casestudy Top*/
#casestudy-top {
  margin:56px auto 0 auto;
  width:960px;
}

/*Content*/
#content {
  margin:0 auto 80px auto;
  width:960px;
}
.cms-content {}
.cms-content h1 {
  font-size:220%;
}
.cms-content p {
  margin:10px 0 25px 0;
}
.cms-content h3 {
  margin:10px 0;
}
.cms-content ul {
  margin:10px 0 25px 15px;
}
.cms-content li {
  list-style-type:disc;
}
.sitemap ul {margin-top:3px;margin-bottom:3px}
.sitemap li {margin-top:4px;margin-bottom:4px}
.casestudy-intro-home {
  margin-bottom:50px;
}
.casestudy-intro-work {
  margin-bottom:15px;
}
.casestudy-intro {
  background:url(/images/bg-case-study-img.gif) no-repeat top left;
  float:left;
  height:180px;
  padding:3px;
  width:294px;
}
  .casestudy-intro h3 {
    background:#222222;
    padding:6px 9px 5px 12px;
    position:relative;
    bottom:34px;
  }
    .casestudy-intro h3 a {
      background:none;
      display:block;
      padding:0;
    }
    .casestudy-intro h3 a:hover {
      background:none;
      color:inherit;
    }
    .casestudy-intro h3 img {
      float:right;
      margin-top:5px;
    }
  .casestudy-intro p {
    color:#FFFFFF;
    padding:6px 0px 5px 12px;
    position:relative;
    bottom:34px;
    margin:0;
    visibility:hidden;
  }
  .casestudy-intro.onhover h3 {
    position:relative;
    bottom:60px;
  }
  .casestudy-intro.onhover p {
    background:#222222;
    bottom:60px;
    position:relative;
    visibility:visible;
  }
  #content .release-date {
    color:#797974;
    font-size:108%;
    margin:4px 0 0px 0;
  }

.fromtheblog-single, .figure-single {
  margin-top:10px;
}
  .fromtheblog-single .lavalamp {
    float:right;
  }
.office-address {
  margin-top:30px;
}
  .office-address h3 {
    margin:0 0 15px 0;
  }
.contact-details {
  float:left;
  width:150px;
}
.contact-details .type {
  display:none;
}
.map-holder {
  background:url(/images/bg-case-study-img.gif) no-repeat top left;
  float:right;
  height:176px;
  margin-bottom:25px;
  padding:2px;
  width:296px;
}
  .map-holder a {
    background:none;
  }
  .map-holder a:hover {
    background:none;
  }
  .location-map {
    height:176px;
  }
.beliefs-col h2 {
  font-size:160%;
  margin-bottom:40px;
}
.beliefs-col-grey {
  color:#c3c4c0;
}
  .beliefs-col-grey h2:hover {
    color:#222222;
  }
.news-article {
  margin-bottom:30px;
}
.other-job {
  margin-bottom:30px;
}
#careers_left #careers-intro {
  margin-bottom:25px;
}

/*BLOG*/
.blog-item {
  margin-bottom:40px;
}
.blog-item #about-blog {
  margin:4px 0;
}
.blog-item h2 {
  font-size:250%;
  line-height:105%;
}
  .blog-item h2 a {
    color:#222222;
    background:none;
  }
  .blog-item h2 a:hover {
    background:none;
  }
.blog-item img, .news-item img {
  border:2px solid #222222;
  margin:5px 0;
}
.blog-item #flickr-ref {
  color:#222222;
  margin:0;
  font-size:77%;
  font-style:italic;
  font-weight:normal;
}
  #flickr-ref a {
    background:none;
    color:#222222;
    text-decoration:underline;
  }
.blog-item .tag-item {
  margin:0 3px;
}
.blog-pod {
  margin-bottom:35px;
  width:300px;
}
.blog-pod li {
  margin-bottom:7px;
} 
#blog_right #sign-up {
  margin-top:40px;
}
#blog-tags {
 float:left; 
}
#blog-share {
  float:right;
}
.blog-comment {
  background:#f3f3f3;
  margin:0 0 18px 0;
  padding:25px;
}
  .blog-comment li {list-style-type:none;}
  .blog-comment p {
    margin:5px 0;
  }
  .blog-comment img {
    border:0;
    float:left;
    margin:0 19px 0 0;
  }
  .blog-comment .comment-text {
    float:left;
    width:450px;
  }
#comment_form .input_field {
  border:1px solid #222222;
  padding:6px 0;
  width:435px;
}
#comment_form .textarea_field {
  height:150px;
}
#comment_form #submit_comment {
  float:right;
}
#comment_form .error_message {
  color:#FF0000;
  clear:left;
  display:block;
  margin:3px 0 0 120px;
}
#at15s a {
  background:none;
}
#at15s a:hover {
  background:none;
}
#at16p a {
  background:none;
}
#at16p a:hover {
  background:none;
}
/*End BLOG*/

/*Experience*/
.experience-logo {
  float:left;
  height:160px;
  margin-bottom:20px;
  margin-right:20px;
  width:160px;
}
/*End Experience*/
/*WAA Family*/
#family-holder {
  height:500px;
  position:relative;
}
  #family-holder .family-member {
    position:absolute;
  }
  #family-holder #family-warwickuni {
    top:60px;
    left:0px;
  }
  #family-holder #family-marketingbrum {
    top:30px;
    left:200px;
  }
  #family-holder #family-bhive {
    top:0px;
    left:425px;
  }
  #family-holder #family-bestcompanies {
    top:50px;
    left:600px;
  }
  #family-holder #family-send {
    top:10px;
    left:750px;
  }
  #family-holder #family-businessclub {
    top:160px;
    left:70px;
  }
  #family-holder #family-sundaytimes {
    top:160px;
    left:300px;
  }
  #family-holder #family-cranfielduni {
    top:200px;
    left:485px;
  }
  #family-holder #family-grr {
    top:220px;
    left:750px;
  }
  #family-holder #family-breastfriends {
    top:300px;
    left:0px;
  }
  #family-holder #family-pace {
    top:300px;
    left:160px;
  }
  #family-holder #family-ikon {
    top:350px;
    left:320px;
  }
  #family-holder #family-vistage {
    top:310px;
    left:550px;
  }
  #family-holder #family-marketingsociety {
    top:330px;
    left:700px;
  }
  
/*End WAA Family*/
/*Beliefs*/
#beliefs-flash {
  margin:31px 0 0 47px;
}
/*End Beliefs*/
/*People*/
.people-row {
  background:url(/images/bg-people-line-slice.gif) repeat-x top left;
  margin-bottom:40px;
}
.person-holder {
  float:left;
  margin:0 8px;
  width:100px;
}
  .person-holder img {
    margin-bottom:8px;
  }
/*End People*/
/*End Content*/
/*Tweets*/
#tweets p {
  font-size:93%;
  margin-top:20px;
}
#tweets .tweet-date {
  color:#797974;
  margin-top:4px;;
}
  .tweet-date a {
    background:none;
    color:#797974;
    padding:0px;
  }
  .tweet-date a:hover {
    background:none;
    text-decoration:underline;
  }
#tweets h3 {
  margin-top:15px;
}
/*End Tweets*/

/*Signup*/
#sign-up .text_field {
  border:1px solid black;
  float:left;
  margin:6px 0 0 0;
  padding:6px 8px;
  width:200px;
}
#sign-up #sign-up-button {
  float:left;
  margin:8px 0 0 6px;
}
/*End Signup*/

/*Pre footer*/
#pre-footer {
  margin:0 auto;
  width:960px;
}
/*End Pre footer*/

/*Footer*/
#footer {
  background:url(/images/bg-footer-slice.gif) repeat-x bottom left;
  margin-top:45px;
}
  #footer #footer-container {
    height:40px;
    padding:285px 0 0 0;
  }
  #footer #footer-content {
    margin:0 auto;
    width:960px;
  }
    #footer-content ul {}
    #footer-content li {
      display:inline;
      float:left;
      margin:0 9px;
    }
    #footer-content #footer-left {
      float:left;
    }
    #footer-content #footer-right {
      float:right;
    }
/*End Footer*/
#wildfire_preview_logo {background:none;}
#wildfire_preview_logo:hover {background:none;}
/*Helpers*/
.margin-right {margin-right:25px;}
.image-link {background:none; padding:0;}
.image-link:hover {background:none;}
.hidden {display:none;}
/*Helpers*/