/* Use Yahoo reset.css to start all styles with a level playing field */
@import url("http://yui.yahooapis.com/3.1.1/build/cssreset/reset-min.css");
@import url("http://yui.yahooapis.com/3.1.1/build/cssfonts/fonts-min.css");
@import url("http://yui.yahooapis.com/3.1.1/build/cssgrids/grids-min.css");




body {text-align:left;}

/* Basic form styling */
/* Form styles */
.waxform { margin: 10px; padding: 5px; }

.waxform .legend { margin-bottom: 1em; }
.waxform .legend em { color: #C00; font-style: normal; }

.user_errors, .user_messages { 
  background-color: rgb(255, 255, 204);
  border: 1px solid rgb(255, 204, 102);
  margin: 0px 0px 10px 0px;
  padding: 5px 10px;
}
.user_errors p { margin: 0; }
.user_errors p em { color: #C00; font-style: normal; font-weight: bold; }


.waxform fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
.waxform legend { font-weight: bold; color: #666; }

.waxform span label { 
  display: block;
  border: none;
  color: rgb(34, 34, 34);
  font-size: 95%;
  font-weight: bold;
  line-height: 150%;
  margin: 0px;
  padding: 0px 0px 3px 0px;
}
.waxform span .input_field, .waxform span .textarea {
  border-bottom: 1px solid rgb(221, 221, 221);
  border-left: 1px solid rgb(195, 195, 195);
  border-right: 1px solid rgb(195, 195, 195);
  border-top: 1px solid rgb(124, 124, 124);
  color: rgb(51, 51, 51);
  padding:3px 2px;
}
.waxform span .error_field { color: #C00; }
.waxform input.error_field { border-color: #C00; background-color: #FEF; }
.waxform input:focus,
.waxform input.error_field:focus, 
.waxform textarea:focus {	background-color: #FFC; border-color: #FC6; }

.waxform .error_message {color: #C00; font-size:77%; display:block; }
.waxform span { margin-bottom:10px; display:block;}
.waxform .submit_field {
  display:block;
  margin:10px 0;
}
.waxform .checkbox_field {float:left; margin-right:4px;vertical-align:bottom;}


/****** Pagination and error Styles **********/
.pagination {
  margin:15px 0;
  padding-bottom:15px;
}
.pagination li.pagination_link {
  float:left;
  margin-right:4px;
  padding:3px 0;
}
.pagination li.pagination_link a, .pagination span {
  padding:2px 5px;
}
.pagination li.pagination_link a, .pagination span.disabled {
  border:1px solid #009EE0;
}


/********* END Pagination and errors ****************/


/* Nasty clearfix hacks */
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
body {font-family:Helvetica, Arial,sans-serif;}
h1, h2, h3, h4 {
  color:#343434;
  text-shadow:0px 0px 1px #FFF;
  margin:10px 0;
}
h1 {font-size:220%;}
h2, h3 {font-size:200%;}
#thin_header {
  background:url(/images/header_band.png) repeat-x top left;
  overflow:hidden;
  height:4px;
}
.page_holder {
  width:980px;
  margin:0 auto;
}

em {color:#0067b4;}
p {color:#808080;font-size:100%;line-height:150%; margin:12px 0; }

a {text-decoration:none;}

#header {overflow:hidden;}

#logo {float:left; margin:15px 0;}

#primary_nav {float:left; margin:30px 0 30px 50px;}
#primary_nav li {
  float:left;
  font-size:153.9%;
  margin-right:20px;
  font-weight:normal;
  letter-spacing:-0.04em;
  padding-top:87px;
}
#primary_nav li a {color:#424242;text-shadow:0px 0px 1px #FFF;}
#primary_nav li a {
  text-decoration:none;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: color;
  -moz-transition-duration: 0.4s;
  -moz-transition-property: color;
}
#primary_nav li a:hover {color:#AAA;}
#primary_nav .nav_about {margin-right:0;}

#primary_nav .active {background:url(/images/nav_active.png)no-repeat left 19px;}
#primary_nav .active a {color:#0067b4;border-bottom:1px solid #0067b4;}
.our-services #primary_nav .active {background:url(/images/services_nav_active.png)no-repeat left 19px;}
.our-services #primary_nav .active a {color:#50b948;border-bottom:1px solid #50b948;}

.our-work #primary_nav .active {background:url(/images/work_nav_active.png)no-repeat left 19px;}
.our-work #primary_nav .active a {color:#54c3bb;border-bottom:1px solid #54c3bb;}

#content {padding-top:20px;padding-bottom:80px;}

.our-clients #primary_nav .active {background:url(/images/clients_nav_active.png)no-repeat left 19px;}
.our-clients #primary_nav .active a {color:#d7df21;border-bottom:1px solid #d7df21;}

.our-thinking #primary_nav .active {background:url(/images/thinking_nav_active.png)no-repeat left 19px;}
.our-thinking #primary_nav .active a {color:#ffd10a;border-bottom:1px solid #ffd10a;}



#contact_footer {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:  1px 1px 10px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow:  1px 1px 10px rgba(0, 0, 0, 0.7);
  box-shadow:  1px 1px 10px rgba(0, 0, 0, 0.7);
  padding:20px;
  overflow:hidden;
  background:white;
  position:relative;
  top:-30px;
  width:940px;
}
#contact_footer .col {float:left;width:29.4%;margin-right:35px;background:url(/images/contact_footer_divider.png) no-repeat top right;padding-right:20px;}
#contact_footer .contact_col {margin-right:0;padding-right:0;background:none;}
#contact_footer .testimonial_col p {
  color:#04746c;
  font-style:italic;
  font-size:123.1%;
  line-height:123%;
}
#contact_footer .testimonial_col h4 {
  color:#a1a1a1;
  font-size:123.1%;
}

.waxform {margin:0;}
.waxform .text_field,
.waxform .textarea_field {
  font-family:'Reenie Beanie', cursive;
  border:0 !important;
  border-bottom:1px dotted #444 !important;
  font-size:200%;
  color:#808080 !important;
}
.waxform .button {
  background:#0067b4 url(/images/submit_bg.png) no-repeat bottom right;
  border:0;
  padding:9px 25px 8px 15px;
  color:white;
}
#site_contact_form .text_field,
#site_contact_form .textarea_field {
  width:400px !important;
}



#footer {margin-top:30px;margin-bottom:30px;}
#footer p {color:#808080;font-size:123.1%;}
#footer p.social {float:right; margin-top:-12px;}
#footer p.social img {margin:3px;margin-bottom:-8px;}
#map_canvas {
  width:420px;
  height:300px;
  border:4px solid #54c3bb;
}

/****** General Styles *******/
.link_button {
  padding:6px 22px 6px 15px;
  background:#ffd10a url(/images/blog_link_bg.png) no-repeat bottom right;
  float:left;
  margin:12px 0;
}
.link_button a {
  color:#453905;
  text-shadow:1px 1px 2px #FFF;
  font-size:123.1%;
  font-weight:bold;
}
.work_button {
  background:#54c3bb url(/images/work_link_bg.png) no-repeat bottom right;
}
.work_button a {color:#076f67;}

blockquote {
  float:right;
  font-size:1.25em;
  background:none;
  width:150px;
  border-top:#d1d1d1 3px solid;
  border-top:rgba(0,0,0,0.2) 3px solid;
  border-bottom:#d1d1d1 3px solid;
  border-bottom:rgba(0,0,0,0.1) 3px solid;
  margin:1em;
  padding:0.8em;
  color:#4C739E;
  margin-top:0;
}
blockquote p {
  font-size:1em !important;
}
#content_wrapper .page_content ul, #content_wrapper .page_content ol {
  margin:1em 0;
  padding:0.3em 0;
}
#content_wrapper .page_content ul li, #content_wrapper .page_content ol li{
  margin:5px 0;
}

/****** Colour Theming Styles ********/
#content_wrapper {
  background:#0067b4 url(/images/standard_body_bg.png) repeat-x;
}
#content_wrapper h1,
#content_wrapper h3, 
#content_wrapper h4, 
#content_wrapper h5, 
#content_wrapper p,
#content_wrapper em,
#content_wrapper li {
  color:#FFF;
  text-shadow:0px 0px 1px rgba(0,0,0,0.01);
}
#content_wrapper .page_content ul li {list-style-type:square;padding-left:20px;list-style-position:inside;}
#content_wrapper .page_content h3 {font-size:140%;}

#content_wrapper em {font-style:italic;}
#content_wrapper a:visited, #content_wrapper .page_content a {color:#FFF;text-decoration:underline;}
.home_page {
  background:#0067b4 url(/images/home_page_bg.png) repeat-x top left;
}
.page .index #footer p {color:white;}

.page .Blog #content_wrapper {
  background:#ffd316 url(/images/blog_body_bg.png) repeat-x;
}
.page .Blog p {color:#322b0d;}


.page .our-services #content_wrapper {
  background:#50b948 url(/images/services_body_bg.png) repeat-x;
}
.page .our-services #content_wrapper h1, 
.page .our-services #content_wrapper h3 {
  color:white;

  width:70%;
  position:relative;
}
.page .our-services #content_wrapper p {
  color:white;
  position:relative;
}

.page .contact #content_wrapper, .page .index #content_wrapper {background:transparent;}
.page .contact #content_wrapper h1, .page .index #content_wrapper h1, .page .index #content_wrapper p{
  color:#343434;
  text-shadow:none;
}
.contact #content p {color:#444;}

.page .our-clients #content_wrapper {
  background:#d7df21 url(/images/clients_body_bg.png) repeat-x;
}
.page .our-clients #content_wrapper h1, 
.page .our-clients #content_wrapper h3,
.page .our-clients #content_wrapper .cms_section_intro {
  color:white;
  width:70%;
  position:relative;
}
.page .our-clients #content_wrapper p {
  color:white;
  position:relative;
}

.page .our-work #content_wrapper {
  background:#54c3bb url(/images/work_body_bg.png) repeat-x;
}
#content_wrapper p.first_para {
  font-size:120%;
  line-height:140%;
}


.page .our-thinking #content_wrapper {
  background:#ffd316 url(/images/thinking_body_bg.png) repeat-x;
}
.page .our-thinking #content_wrapper * {
  color:#4b2b68;
}
/****** Home Page Styling *******/
.carousel { height: 440px; overflow:hidden; }
.carousel .viewport { float: left; width: 539px; height: 500px; overflow: hidden; position: relative; }
.carousel .buttons { display: block; margin: 30px 10px 0 0; float: left; }
.carousel .next { margin: 30px 0 0 10px;  }
.carousel .disable { visibility: hidden; }
.carousel .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0 top: 0; }
.carousel .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 440px; width: 540px;}


.carousel .next {position:relative;top:-40px;left:-70px;z-index:100;}
.carousel .prev {position:relative;top:-40px;left:70px;z-index:100;}
.page_carousel .viewport {width:400px; height:400px;}
.page_carousel .overview li {width:400px; height:400px;}
.page_carousel {height:400px;}
.page_carousel .next {top:-439px;left:385px;}
.brand_life_button {
  background:#0067b4 url(/images/brands_to_life_bg.png) no-repeat top right;
  display:block;
  float:left;
  margin:30px 0;
  height:25px;
  padding:5px 80px 5px 20px;
  color:white;
  line-height:28px;
}
.carousel .featured_images li a {
  text-align:center;
  width:550px;  
}
.carousel .featured_images li a img {
  max-height:400px;
}
.page_carousel .featured_images li img {max-height:330px;}

.carousel .featured_images li a div, .page_carousel li div {
  margin:0 auto;
  width:auto !important;
}
.home_carousel {
  margin-left:55px;
}
.page_carousel li div {float:left;}
.page_carousel li {display:table-cell;text-align:center;}
/********* Services Pages ************/
.services_header {
  height:560px;
  position:relative;
  width:1200px;
  left:-162px;
  margin-bottom:-270px;
  background:url(/images/services_main_image.png) no-repeat top left;
}
.services_links, .about_links {
  overflow:hidden;
  padding-bottom:35px;
  background:url(/images/services_links.png) no-repeat bottom center;
}
.services_links div, .about_links div {
  float:left;
  color:white;
  background:url(/images/services_nav_divider.png) no-repeat right center;
  padding:6px 35px;
  width:140px;
}
.services_links .first, .about_links .first {padding-left:0;}

.services_links a, .about_links a {
  color:white;
  text-shadow: rgba(0,0,0,0.4) -1px -1px 1px;
}
.services_links .last, .about_links .last {background:none; padding-right:0;}
.case_studies_col .case_study {width:60%;margin-left:30px;}
.readon_button {
  background:url(/images/read_on_blue.png) no-repeat right top;
  margin-top:0;
}
.readon_button a {color:white;text-shadow:1px 1px 1px #222;font-weight:normal;display:block;height:31px;padding-top:3px;}

.about_links div {
  background:url(/images/about_nav_divider.png) no-repeat right center;
  margin:0;
  padding:0;
  padding:0 20px;
  width:172px;
}
.about_links div.last {width:130px;}

.rss_link {
  clear:both;
  margin:20px 0;
  padding-top:20px;
}
.rss_link a {color:#4f4f4f !important;text-decoration:none;}
.rss_link img {float:left;margin:-2px 8px 0 0;}

.about_header {
  background:url(/images/about_header_image.png) no-repeat top 15px !important;
}
.cms_section_introduction h3 {
  font-size:250%;
  position:relative;
}

.presentation {
  -moz-box-shadow:  1px 1px 12px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow:  1px 1px 12px rgba(0, 0, 0, 0.7);
  box-shadow:  1px 1px 12px rgba(0, 0, 0, 0.7);
  width:555px;
  height:451px;
}
.our-thinking .page_supplementary {
  width:59%;
}
.our-thinking .page_content {
  width:35%;
}

/********* Work / Clients Pages ************/
.list_cms_article {

}
.list_cms_article .article_image {
  padding:10px;
  background:white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  overflow:hidden;
  text-align:center;
  -moz-box-shadow:  1px 1px 20px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow:  1px 1px 20px rgba(0, 0, 0, 0.7);
  box-shadow:  1px 1px 20px rgba(0, 0, 0, 0.7);
  text-align:center;
}
.list_cms_article .article_image a {
  display:block;
  height:170px;
  display: table-cell; 
  vertical-align: middle;
  text-align:center;
  width:300px;
}
.list_cms_article .article_image a img {
  max-height:170px;
}
.list_cms_article h3 {
  font-size:123.1%;
  color:white;
}
.list_cms_article h3 a {color:white;text-shadow:1px 0px 1px #555;
}
.cms_section_intro {margin:0 0 40px 0;}

.crumb_back {
  position:relative;
  top:-30px;
  background:url(/images/prev_button2.png) no-repeat top left;
  height:60px;
  padding:25px 0 0 50px;
  margin-bottom:-40px;
}
.crumb_back a {color:white;text-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.divider {margin:15px 0;}
.page_holder .first {clear:left; margin-left:0 !important;}

.our-clients .list_cms_article .article_image a {width:150px; height:100px;}


.our-clients .list_cms_article {float:left; width:175px;margin-left:15px;margin-bottom:20px;}
.our-clients .list_cms_article h3 {
  font-size:100%;
}
.our-clients .page_holder .pagination {clear:both;}
.our-clients .page_holder {overflow:hidden;}
.our-clients .list_cms_article .article_image a img {max-height:70px;}
/************** Pagination overrides ***************/
/****** Pagination and error Styles **********/

.pagination li.pagination_link a, .pagination span.disabled {
  border:1px solid #FFF;
  background:#FFF;
  color:#444 !important;
}


/********* END Pagination and errors ****************/