/*!
 * Project:   FISSION STRATEGY
 * Date:      2012/07/06
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; }
body { background: #313131; font-size: 62.5%; min-width:1020px;}

body, textarea, input, select, option, button { color: #4f4f4f; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.333; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.5em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

/*! fonts --------- */
@font-face { font-family: 'Museo 500'; src: url('../fonts/museo500-regular-webfont.eot'); src: url('../fonts/museo500-regular-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/museo500-regular-webfont.woff') format('woff'), url('../fonts/museo500-regular-webfont.ttf') format('truetype'), url('../fonts/museo500-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Museo 700'; src: url('../fonts/museo700-regular-webfont.eot'); src: url('../fonts/museo700-regular-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/museo700-regular-webfont.woff') format('woff'), url('../fonts/museo700-regular-webfont.ttf') format('truetype'), url('../fonts/museo700-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Museo 900'; src: url('../fonts/museo900-regular-webfont.eot'); src: url('../fonts/museo900-regular-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/museo900-regular-webfont.woff') format('woff'), url('../fonts/museo900-regular-webfont.ttf') format('truetype'), url('../fonts/museo900-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }

/*! layout -------- */

#root { position: relative; width: 100%; min-width: 1020px; overflow: hidden; margin: 0; }
 #root-wrap { width: 100%; margin: 0; background: #fff; }
 #top { position: relative; min-height: 134px; padding-top: 109px; background-color: #eaeae9; background-image: url(../img/top-radial-blur.png); background-position: 50% 100%; background-repeat: no-repeat; }
 .bg-a #top { background-color: #e0e0df; background-image: url(../img/header-b.jpg); }
 .bg-b #top { background-color: #e0e0df; background-image: url(../img/header-a.jpg); }
 .bg-c #top { background-color: #e0e0df; background-image: url(../img/header-c.jpg); }
 .bg-d #top { background-image: url(../img/header-d.jpg); }
 .bg-e #top { background-image: url(../img/header-e.jpg); }
 
 .sec-blog #top { background-color: #e0e0df; background-image: url(../img/header-b.jpg); }
 .sec-services #top, .sec-jobs #top, .sec-contact #top, .sec-page #top { background-color: #e0e0df; background-image: url(../img/header-a.jpg); }
 .sec-contact #top { background-color: #e0e0df; background-image: url(../img/header-f.jpg); }
 .sec-jobs #top { background-color: #e0e0df; background-image: url(../img/header-g.jpg); }
 .sec-projects #top { background-image: url(../img/header-d.jpg); }
 .sec- #top { background-image: url(../img/header-e.jpg); }
 .sec-team #top .team-a {  background-image: url(../img/team_bg.jpg); }
 
 header#top:after { content: " "; text-indent:-999em; display: block; overflow: hidden; clear: both; height: 15px; width:100%; position:absolute; bottom:-15px;  z-index:1000; white-space: nowrap;
  background:transparent url(../img/home-partners-bottom-bg.png) repeat-x 0 0;
 }
 
 
 
  #top .topnav { position: absolute; top: 0; left: 0; right: 0; z-index: 10; margin: 0; padding-top: 16px; }
  #top .top-utils { position: absolute; top: 130px; left: 50%; z-index: 2; width: 960px; margin: 0 0 0 -480px; padding: 0; }
  .sec-02-case_study #top .top-utils {position:relative; top:0; padding:20px 0 10px;}
  .layout-a #top .top-utils { width: 940px; }
   #top .top-utils .next-a { position: absolute; top: 50%; right: 0; width: 28px; height: 56px; margin: -28px 0 0; }
    #top .top-utils .next-a a { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0; background: url(../img/showcase-controls-a.png) -30px 0 no-repeat; text-indent: 100%; white-space: nowrap; }
    #top .top-utils .next-a a:hover, #top .top-utils .next-a a:focus, #top .top-utils .next-a a:active { background-position: -30px -60px; }
  #logo { position: absolute; top: 53px; left: 50%; z-index: 10; width: 218px; height: 28px; margin: 0 0 0 -109px; }
   #logo a { display: block; width: 218px; height: 28px; overflow: hidden; background: url(../img/logo-a.png) no-repeat; text-indent: 100%; white-space: nowrap; }
  #skips, #skips ul { position: absolute; position: fixed; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; margin: -30px 0 0; padding: 0; text-align: center; }
   #skips li { position: absolute; left: 0; top: 0; width: 100%; font: bold 5em/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
    #skips li a { display: -moz-inline-stack; display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
    #skips li a:focus, #skips li a:active { position: relative; left: 0; }
  #nav { position: relative; z-index: 1; width: 960px; height: 28px; margin: 0 auto; padding: 37px 0; background: url(../img/nav-bg-a.png) 50% 0 no-repeat; }
   #nav ul { list-style: none; width: 100%; overflow: hidden; margin: 0; padding: 0; font-size: 0; text-align: center; }
    #nav ul li { display: -moz-inline-stack; display: inline-block; margin: 0 0 0 35px; font: normal 14px/28px 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
    html* #nav ul li { display: inline; }
    #nav ul li:nth-child(4) { margin-left: 370px; }
    #nav ul li.i4 { margin-left: 370px; }
     #nav ul li a { color: #4e4e4e; text-decoration: none; }
     #nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active, #nav ul li.active a { color: #399abe; text-decoration: none; }
     #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
 #content { position: relative; width: 960px; margin: 0 auto; padding-top: 30px; padding-bottom: 50px; }
 .layout-a #content { padding-top: 0; }
 #footer { margin: 0; padding-bottom: 30px; color: #fff; width:100%;}
  #footer .inner-a { width: 960px; }
  #footer .attentive { margin: 0 0 30px; padding: 15px 0 8px; background: #eaeae9; color: #666; width:auto;}
   #footer .attentive .logo { float: left; margin: 0; }
    #footer .attentive .logo img { display: block; max-width: 290px; margin: 0; }
   #footer .attentive p.info { float: right; width: 670px; margin: 0; font-size: 1.3em; line-height: 1.538; word-wrap: break-word;}
   .ie8 #footer .attentive p.info { font-size: 1.25em; }
   html* #footer .attentive p.info { font-size: 1.25em; }
  #footer p { margin-bottom: 10px; font-size: 1.2em;  }
  #footer .general,
  #footer .services,
  #footer .follow_links { 
    float:left;
    margin-bottom:65px;
  }
  #footer .general {
    width:210px;
  }
  #footer .services {
    width:300px;
  }
  #footer .follow_links {
    width:450px;
    max-width:450px;
  }
  #footer > .inner-a * {
    font: normal 14px/1.4 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif;
    text-shadow: -1px -1px 1px #0B0B0B;
  }
   #footer > .inner-a a {
     filter: dropshadow(color=#0B0B0B, offx=1, offy=1);
   }
  
    #footer > .inner-a h3 {text-transform:uppercase;}
  #footer > .inner-a h3,
  #footer > .inner-a .locations,
  #footer > .inner-a .copy {
    color:#a3a3a3;
    font-weight:normal;
  }
  #footer > .inner-a .locations,
  #footer > .inner-a .copy {
    text-align:center;
    clear:both;
    margin:0;
  }


  html* #footer .connect-a { width: 280px; }
   #footer nav { }
    #footer nav ul { list-style: none; margin: 0; padding: 0; }
     #footer nav ul li:first-child { margin-left: 0; }
/*     #footer nav ul li:before { content: "|"; margin-right: 4px; }*/
     #footer nav ul li:first-child:before { display: none; }
     #footer nav ul li span.before { margin-right: 4px; }
     #footer nav ul li:first-child span.before { display: none; }
      #footer nav ul li a { color: #fff; }
      #footer nav ul li a:hover, #footer nav ul li a:focus, #footer nav ul li a:active { text-decoration: underline; }
      #footer ul,
      #footer ul li {background-color:transparent;}

.inner-a { position: relative; width: 960px; margin: 0 auto; }
.inner-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }

/*! grids --------- */

.cols-a { position: relative; width: 100%; }
.cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
 .cols-a .primary { float: left; width: 621px; margin: 0; }
 .cols-a .secondary { float: right; width: 310px; margin: 0; }
 /*.cols-a .secondary:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 620px; width: 17px; overflow: hidden; background: url(../img/cols-separator-a.png) 0 10px no-repeat; text-indent: 100%; white-space: nowrap; }*/
 .cols-a .secondary > span.before { display: block; position: absolute; top: 0; bottom: 0; left: 620px; width: 17px; overflow: hidden; background: url(../img/cols-separator-a.png) 0 10px no-repeat; text-indent: 100%; white-space: nowrap; }

.cols-b { position: relative; width: 100%; }
.cols-b:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
 .cols-b .primary { float: left; width: 650px; margin: 0; }
 .cols-b .secondary { float: right; width: 230px; margin: 0; }
 .cols-b .secondary:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 700px; width: 17px; overflow: hidden; background: url(../img/cols-separator-a.png) 0 10px no-repeat; text-indent: 100%; white-space: nowrap; }
 .cols-b .secondary > span.before { display: block; position: absolute; top: 0; bottom: 0; left: 700px; width: 17px; overflow: hidden; background: url(../img/cols-separator-a.png) 0 10px no-repeat; text-indent: 100%; white-space: nowrap; }

.cols-c { position: relative; width: 100%; }
.cols-c:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
 .cols-c .primary { float: left; width: 510px; margin: 0; }
 .cols-c .secondary { float: right; width: 390px; margin: 0; }
 .cols-c .secondary:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 540px; width: 17px; overflow: hidden; background: url(../img/cols-separator-a.png) 0 10px no-repeat; text-indent: 100%; white-space: nowrap; }
 .cols-c .secondary > span.before { display: block; position: absolute; top: 0; bottom: 0; left: 540px; width: 17px; overflow: hidden; background: url(../img/cols-separator-a.png) 0 10px no-repeat; text-indent: 100%; white-space: nowrap; }

.cols-d { position: relative; width: 100%; }
.cols-d:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
 .cols-d .primary { float: right; width: 738px; margin: 0; }
 .cols-d .secondary { float: left; width: 190px; margin: 0; }
 /*.cols-d .secondary:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 195px; width: 17px; overflow: hidden; background: url(../img/cols-separator-b.png) 0 10px no-repeat; text-indent: 100%; white-space: nowrap; }
 .cols-d .secondary > span.before { display: block; position: absolute; top: 0; bottom: 0; left: 195px; width: 17px; overflow: hidden; background: url(../img/cols-separator-b.png) 0 10px no-repeat; text-indent: 100%; white-space: nowrap; }*/

.cols-e { position: relative; width: 100%; }
.cols-e:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
 .cols-e .primary { float: left; width: 530px; margin: 0; }
 .cols-e .secondary { float: right; width: 390px; margin: 0; }
/* .cols-e .secondary:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 535px; width: 17px; overflow: hidden; background: url(../img/cols-separator-d.png) no-repeat; text-indent: 100%; white-space: nowrap; }*/
 .cols-e .secondary > span.before { display: block; position: absolute; top: 0; bottom: 0; left: 535px; width: 17px; overflow: hidden; background: url(../img/cols-separator-d.png) no-repeat; text-indent: 100%; white-space: nowrap; }

.cols-a.bg, .cols-b.bg, .cols-c.bg, .cols-d.bg, .cols-e.bg { padding-top: 40px;/* background: url(../img/cols-separator-c.png) 50% 0 no-repeat; */}
 .cols-a.bg .secondary:before,
 .cols-b.bg .secondary:before,
 .cols-c.bg .secondary:before,
 .cols-d.bg .secondary:before,
 .cols-e.bg .secondary:before { top: 30px; }
 .cols-a.bg .secondary> span.before,
 .cols-b.bg .secondary> span.before,
 .cols-c.bg .secondary> span.before,
 .cols-d.bg .secondary> span.before,
 .cols-e.bg .secondary> span.before { top: 30px; }

/*! elements ------ */

p.action { position: relative; zoom: 1; }

.breadcrumbs-a { margin: 0 0 20px; }
 .breadcrumbs-a p { font-size: 11px; font-weight: bold; line-height: 1; text-shadow: 0 1px 0 #fff; }
  .breadcrumbs-a p a { color: #399abe; }
  .breadcrumbs-a p a:hover, .breadcrumbs-a p a:focus, .breadcrumbs-a p a:active { color: #2b7e9d; }

.blog-a { margin: 0 0 40px; }
 .blog-a .entry-a { margin: 0 0 40px; }
  .blog-a .entry-a figure.big { float: left; margin: 0; }
   .blog-a .entry-a figure.big img { display: block; max-width: 230px; margin: 0; }
  .blog-a .entry-a figure.big ~ * { width: 400px; overflow: auto; margin-left: 250px !important; }
  .blog-a .entry-a header { margin-bottom: 15px; }
   .blog-a .entry-a header .plugins { margin-left: 0 !important; }

.blogroll-a { margin: 0 0 40px; }
 .blogroll-a .head { width: 100%; overflow: hidden; margin: 0 0 10px; }
  .blogroll-a .head h3 { float: left; margin: 0; color: #666; font: normal 16px/20px 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
  .blogroll-a .head p.more { float: right; margin: 0; color: #666; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; }
 .blogroll-a .item { position: relative; }
  .blogroll-a .item > a { display: block; text-decoration: none; }
   .blogroll-a .item figure { position: relative; z-index: 1; margin: 0; }
    .blogroll-a .item figure img { display: block; max-width: 308px; margin: 0; border: 1px solid #e7e7e7; }
    .blogroll-a .item a:hover figure img { border-color: #ccc; }
   .blogroll-a .item p { position: absolute; left: 1px; right: 1px; bottom: 1px; z-index: 10; background: #fff; background: rgba(255,255,255,0.95); font-size: 15px; line-height: 27px; }
   .blogroll-a .item p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
    .blogroll-a .item p strong { float: left; margin: 0 0 0 7px; font-weight: normal; color: #399abe; }
    .blogroll-a .item a:hover p strong { color: #2b7e9d; }
    .blogroll-a .item p span.date { float: right; margin: 0 7px 0 0; color: #848484; font-size: 12px; }

.connect-a { }
 .connect-a p.info { position: relative; width: 100%; overflow: hidden; margin-bottom: 12px !important; font-size: 12px; line-height: 1.25; text-align: left; }
  .connect-a p.info img { float: left; max-width: 42px; margin: 0 20px 0 0; }
  /*.connect-a p.info:before { content: ""; display: block; position: absolute; top: 2px; left: 52px; width: 1px; height: 27px; overflow: hidden; border-left: 1px solid #888787; background: #4f4e4e; text-indent: 100%; white-space: nowrap; }*/
  /*.connect-a p.info > span.before { display: block; position: absolute; top: 2px; left: 52px; width: 1px; height: 27px; overflow: hidden; border-left: 1px solid #888787; background: #4f4e4e; text-indent: 100%; white-space: nowrap; }*/
 .connect-a ul { float: left; list-style: none; margin: 0 0 40px; padding: 0; }
  .connect-a ul li { position: relative; float: left; margin: 0 0 0 7px; }
  .connect-a ul li:first-child { margin-left: 0; }
  .connect-a ul li.rss { margin-left: 10px; padding-left: 11px; solid #777; }
  .connect-a ul li.rss:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; overflow: hidden; background: #252525; text-indent: 100%; white-space: nowrap; border-right:1px solid #3E3E3E; border-bottom:1px solid #3E3E3E;}
  .connect-a ul li.rss span.before { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; overflow: hidden; background: #5a5a5a; text-indent: 100%; white-space: nowrap;}
   .connect-a ul li a { display: block; width: 39px; height: 39px; overflow: hidden; background: url(../img/connect-c-icons.png) -10001px -10001px no-repeat; text-indent: 999em; white-space: nowrap; }
   .connect-a ul li.facebook a { background-position: 0 0; }
   .connect-a ul li.pinterest a { background-position: -39px 0; }
   .connect-a ul li.twitter a { background-position: -78px 0; }
   .connect-a ul li.linkedin a { background-position: -117px 0; }
   .connect-a ul li.rss a { background-position: -156px 0; }
   .connect-a ul li.facebook a:hover, .connect-a ul li.facebook a:focus, .connect-a ul li.facebook a:active { background-position: 0 -39px; }
   .connect-a ul li.pinterest a:hover, .connect-a ul li.pinterest a:focus, .connect-a ul li.pinterest a:active { background-position: -39px -39px; }
   .connect-a ul li.twitter a:hover, .connect-a ul li.twitter a:focus, .connect-a ul li.twitter a:active { background-position: -78px -39px; }
   .connect-a ul li.linkedin a:hover, .connect-a ul li.linkedin a:focus, .connect-a ul li.linkedin a:active { background-position: -117px -39px; }
   .connect-a ul li.rss a:hover, .connect-a ul li.rss a:focus, .connect-a ul li.rss a:active { background-position: -156px -39px; }

.connect-b { }
 .connect-b h3 { margin: 0 0 10px; color: #333; font: bold 12px Arial,Helvetica Neue,Helvetica,sans-serif; }
 .connect-b ul { list-style: none; width: 100%; overflow: hidden; margin: 0; padding: 0; }
  .connect-b ul li { float: left; margin: 0 0 0 6px; }
  .connect-b ul li:first-child { margin-left: 0; }
   .connect-b ul li a { color: #333; font-size: 12px; font-weight: bold; line-height: 24px; }
    .connect-b ul li a img { max-width: 24px; vertical-align: top; }
    .connect-b ul li a span { margin-left: 3px; vertical-align: top; }
    html* .connect-b ul li a span { vertical-align: middle; }
   .connect-b ul li a:hover, .connect-b ul li a:focus .connect-b ul li a:active { color: #777; }
     .connect-b ul li a:hover img, .connect-b ul li a:focus img, .connect-b ul li a:active img { opacity: 0.8; }

.entry-a { width: 100%; overflow: hidden; margin: 0 0 30px; padding-bottom: 45px; background: url(../img/entry-a-bg-b.png) 50% 100% no-repeat; }
 .entry-a header { width: 100%; overflow: hidden; margin: 0 0 17px; }
 .sec-blog .entry-a header {overflow:visible;}
  .entry-a header .pub { float: left; width: 50px; margin: 0; }
  .entry-a header .pub ~ * { margin-left: 65px !important; }
   .entry-a header .pub figure { margin: 0 0 1px; }
    .entry-a header .pub figure img { display: block; max-width: 50px; margin: 0; }
   .entry-a header .pub p.date { height: 15px; margin: 0 !important; background: #8dc63f; color: #fff; font-size: 11px; font-weight: bold; line-height: 15px; text-align: center; text-transform: uppercase; white-space: nowrap; }
  .entry-a header h1, .entry-a header h2 { margin-bottom: 0; font-size: 22px; line-height: 1.09; }
   .entry-a header h1 a, .entry-a header h2 a { }
  .entry-a header p.info { font-size: 14px; color: #666; }
  .entry-a .plugins { margin: 0; }
  .entry-a .plugins:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
   .entry-a .plugin { float: left; margin: 0 0 0 15px; }
   .entry-a .plugin:first-child { margin-left: 0; }
    .entry-a .plugin img { max-width: none; }
 .entry-a .content,
 .blog_single .comments,
 .blog_single .related_posts { padding-top: 30px; background: url(../img/entry-a-bg-a.png) 50% 0 no-repeat; }
  .entry-a .content h2, .entry-a .content h3, .entry-a .content h4 { margin-top: 30px; }
  .entry-a .content h2:first-child, .entry-a .content h3:first-child, .entry-a .content h4:first-child { margin-top: 0; }
  .entry-a .content figure { margin: 20px 0 30px; }
   .entry-a .content figure img { display: block; max-width: 650px; margin-bottom: 10px; }
   .entry-a .content figure figcaption { padding: 10px 15px; background: #eee; color: #666; font-size: 13px; line-height: 1.23; }

.faq-a { }
 .faq-a dl { list-style: none; margin: 0; padding: 0; }
  .faq-a dl dt { margin: 0; padding: 0; color: #232323; font-size: 14px; font-weight: bold; line-height: 20px; }
  .faq-a dl dd { margin: 0 0 10px; padding: 0; color: #666; font-size: 14px; line-height: 20px; }

p.featured { font-size: 1.6em; font-weight: bold; line-height: 1.5; }

.intro-a { position: relative; width: 100%; margin: 0; padding: 10px 0 25px; zoom: 1; }
.intro-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
 .intro-a .tellus-c { float: left; width: 570px; margin: 0; }
 .intro-a .partners-a { float: right; margin: 0; }

.newslist-a { }
 .newslist-a .head { width: 100%; overflow: hidden; margin: 0 0 20px; }
  .newslist-a h2 { float: left; margin: 0; color: #3d423f; font: normal 16px/1 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
  .newslist-a p.more { float: right; margin: 0; font-size: 12px; font-weight: bold; text-transform: uppercase; }
  .newslist-a ul { list-style: none; margin: 0; padding: 0; }
   .newslist-a ul li { width: 100%; overflow: hidden; margin: 0 0 10px; padding: 10px 0 0; border-top: 1px solid #e5e5e5; line-height: 20px; }
   .newslist-a ul li:first-child { padding-top: 0; border: none; }
    .newslist-a ul li img { float: left; max-width: 150px; margin: 0; }
    .newslist-a ul li img ~ * { margin-left: 160px !important; }
    .newslist-a ul li span { display: block; }
    .newslist-a ul li span.date { float: right; margin: 0 0 0 10px; color: #848484; font-size: 13px; line-height: 20px; }

.pagination-a { }
 .pagination-a ul { width: 100%; overflow: hidden; list-style: none; margin: 0; padding: 0; }
  .pagination-a ul li { position: relative; float: left; margin: 0 5px; font-size: 12px; font-weight: bold; line-height: 20px; zoom: 1; }
  .pagination-a ul li:first-child { margin-left: 0; }
   .pagination-a ul li a { display: block; min-width: 20px; color: #666; text-align: center; }
   .pagination-a ul li a:hover, .pagination-a ul li a:focus, .pagination-a ul li a:active, { color: #399abe; }
   .pagination-a ul li.prev a, .pagination-a ul li.next a { width: 20px; height: 20px; overflow: hidden; background: url(../img/pagination-a-arrows.png) no-repeat; text-indent: 100%; white-space: nowrap; }
   .pagination-a ul li.prev a { background-position: 0 0; }
   .pagination-a ul li.next a { background-position: -20px 0; }
   .pagination-a ul li.prev a:hover, .pagination-a ul li.prev a:focus, .pagination-a ul li.prev a:active { background-position: 0 -20px; }
   .pagination-a ul li.next a:hover, .pagination-a ul li.next a:focus, .pagination-a ul li.next a:active { background-position: -20px -20px; }
   .pagination-a ul li span { display: block; position: relative; min-width: 20px; background: #399abe; color: #fff; text-align: center; }
   .pagination-a ul li span { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }

.partners-a { position: relative; width: 960px; }
/*.partners-a:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0px; z-index: 2; width: 174px; overflow: hidden; background: url(../img/partners-a-shadows.png) 0 0 repeat-y; text-indent: 100%; white-space: nowrap; pointer-events: none; }
.partners-a:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: -27px; z-index: 2; width: 174px; overflow: hidden; background: url(../img/partners-a-shadows.png) 100% 0 repeat-y; text-indent: 100%; white-space: nowrap; pointer-events: none; }*/
.opera .partners-a:before { display: none; }
.opera .partners-a:after { display: none; }
.ie9 .partners-a:before { display: none; }
.ie9 .partners-a:after { display: none; }
.ie8 .partners-a:before { display: none; }
.ie8 .partners-a:after { display: none; }
 .partners-a .wrap { position: relative; z-index: 1; width: 100%; height: 74px; overflow: hidden; margin: 0; }
 .partners-a ul.items { width: 9999em; list-style: none; margin: 0; padding: 0; }
  .partners-a ul.items li { float: left; width: 74px; margin: 0 11px; }
   .partners-a ul.items li img { display: block; max-width: 74px; margin: 0; }
  .partners-a .jcarousel-container, .partners-a .jcarousel-clip { width: 100%; margin: 0; }
   .partners-a .jcarousel-prev, .partners-a .jcarousel-next { display: none; }

.project-a { width: 100%; overflow: hidden; }
 .project-a .description { float: left; width: 410px; margin: 0 0 50px; word-wrap: break-word; }
  .project-a .description .connect-b { margin: 20px 0 25px; }
 .project-a .images { position: relative; float: right; width: 510px; margin: 0 0 50px; }
 .project-a .images figure { margin-bottom:2em; }
 /*.project-a .images:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: -47px; width: 17px; overflow: hidden; background: url(../img/cols-separator-b.png) no-repeat; text-indent: 100%; white-space: nowrap; }
 .project-a .images > span.before { display: block; position: absolute; top: 0; bottom: 0; left: -47px; width: 17px; overflow: hidden; background: url(../img/cols-separator-b.png) no-repeat; text-indent: 100%; white-space: nowrap; }*/
 .project-a .project-nav { width: 100%; overflow: hidden; margin: 0; }
  .project-a .project-nav { width: 100%; overflow: hidden; margin: 0; }
   .project-a .project-nav ul { list-style: none; width: 100%; overflow: hidden; margin: 0; padding: 0; }
    .project-a .project-nav ul li { float: left; margin: 10px 0 0 0; }
    .project-a .project-nav ul li.top { position: relative; width: 185px; margin-top: 0; zoom: 1; }
    .project-a .project-nav ul li.prev { margin-left: 65px; }
    .project-a .project-nav ul li.next { float: right; margin-top: 0; }
     .project-a .project-nav ul li a { float: left; color: #333; font-size: 12px; font-weight: bold; line-height: 20px; }
     .project-a .project-nav ul li a:hover, .project-a .project-nav ul li a:focus, .project-a .project-nav ul li a:active { color: #399abe; }
     .project-a .project-nav ul li.top a { position: relative; padding: 9px 15px 9px 30px; border: 1px solid #d2d2d2; background: #eaeae9 url(../img/arrow-top-a.png) 11px 10px no-repeat; text-shadow: 0 1px 0 #fff; }
     .project-a .project-nav ul li.top a { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }
     .project-a .project-nav ul li.top a:hover, .project-a .project-nav ul li.top a:focus, .project-a .project-nav ul li.top a:active { background-color: #e1e1e0; color: #333; }
     .project-a .project-nav ul li.prev a { padding-left: 24px; background: url(../img/arrow-left-a.png) 0 50% no-repeat; }
     .project-a .project-nav ul li.next a { padding-right: 24px; background: url(../img/arrow-right-a.png) 100% 50% no-repeat; }

.projects-a { position: relative; width: 738px; margin-top: 30px; margin-left: -25px; font-size: 0; zoom: 1; }
 .projects-a article { display: -moz-inline-stack; display: inline-block; position: relative; width: 219px; height: 219px; margin: 0 0 20px 25px; padding: 0; border: 1px solid #e5e5e5; background-color: #fff; font-size: 10px; vertical-align: top;  overflow:hidden; cursor:hand; cursor:pointer;}
  .projects-a article .desc { display:none; width: 199px; height: 199px; padding:10px; position:absolute; top:0; left:0;}
  
    .projects-a article .background { display:block; width: 219px; height: 219px; background:#000; opacity:0.5; position:absolute;top:0; left:0;}
 /*.projects-a article { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }*/
 html* .projects-a article { display: inline; }
  .projects-a article figure { width: 219px; margin: 0; padding:0; border:0; display: block; vertical-align:middle; line-height:219px;}
   .projects-a article figure img { display: inline-block; vertical-align:middle;}
  .projects-a article h3 { margin: 0 0 5px; line-height: 20px; }
  .projects-a article p { font-size: 13px; line-height: 16px; color:#fff;}
  .projects-a article .desc a {color:#8DC53F;}

.showcase-a { position: relative; z-index: 1; width: 100%; margin: 0 auto; }
.showcase-a:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; height: 9px; overflow: hidden; margin: 0; background: url(../img/showcase-shadow-a.png) 50% 100% no-repeat; text-indent: 100%; white-space: nowrap; }
.showcase-a span.after { display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; height: 9px; overflow: hidden; margin: 0; background: url(../img/showcase-shadow-a.png) 50% 0 no-repeat; text-indent: 100%; white-space: nowrap; }
 .showcase-a .wrap { position: relative; z-index: 1; height: 360px; margin: 0; }
 .showcase-a .items { background: transparent; }
  .showcase-a .items .item { position: relative; width: 100%; height: 360px; margin: 0; }
  .showcase-a .items .item + .item { display: none; }
  .showcase-a .items .item:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
  .showcase-a .items .item figure { position: absolute; top: 0; left: 0; right: 0; z-index: 1; margin: 0; background-color: transparent; }
   .showcase-a .items .item figure img { float: right; max-width: 960px; margin: 0; }
  .showcase-a .items .item .text { position: relative; z-index: 2; float: left; width: 300px; margin: 0 0 0 70px; padding-top: 100px; text-align: center; }
    .showcase-a .items .item .text .showcase_label {text-transform:uppercase; font-weight:bold; color:#ffffff; font-size:1.3em; text-align:center;}
  .showcase-a .items .item .text .showcase_label span.inner {background: url(../img/showcase-label-bg.png) top left no-repeat; padding:0 0 0 30px; height:19px; line-height:19px; display:inline-block;}
    .showcase-a .items .item .text .showcase_label span.inner_inner {background: url(../img/showcase-label-bg.png) top right no-repeat; padding:0 30px 0 0; height:19px; line-height:19px; display:inline-block;}
   .showcase-a .items .item .text h3 { margin: 0 0 6px; padding: 0 0 8px; background: url(../img/showcase-divider-a.png) 50% 100% no-repeat; color: #4e514a; font-size: 20px; font-weight: bold; line-height: 26px; text-transform: uppercase; }
    .showcase-a .items .item .text h3 span { display: block; font-size: 14px; }
   .showcase-a .items .item .text p { color: #4e514a; font-size: 14px; line-height: 21px; }
   .showcase-a .items .item .text p.action { margin: 0; }
.showcase-a ul.steps { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; list-style: none; margin: -28px 0 0; padding: 0; }
 .showcase-a ul.steps li { position: absolute; top: 0; width: 28px; height: 56px; margin: 0; }
 .showcase-a ul.steps li.prev { left: 10px; }
 .showcase-a ul.steps li.next { right: 10px; }
  .showcase-a ul.steps li a { display: block; width: 100%; height: 100%; overflow: hidden; background: url(../img/showcase-controls-a.png) no-repeat; text-indent: 100%; white-space: nowrap; outline: none; }
  .showcase-a ul.steps li.prev a { background-position: 0 0; }
  .showcase-a ul.steps li.next a { background-position: -30px 0; }
  .showcase-a ul.steps li.prev a:hover { background-position: 0 -60px; }
  .showcase-a ul.steps li.next a:hover { background-position: -30px -60px; }
.showcase-a .pager { position: absolute; left: 50%; bottom: 20px; z-index: 3; width: 300px; margin: 0 0 0 -420px; font-size: 0; text-align: center; }
 .showcase-a .pager a { display: -moz-inline-stack; display: inline-block; width: 14px; height: 14px; overflow: hidden; margin: 0 3px; background: url(../img/showcase-controls-a.png) -20px -120px no-repeat; text-indent: 100%; white-space: nowrap; vertical-align: top; outline: none; }
 html* .showcase-a .pager a { display: inline; text-indent: 0; }
 .showcase-a .pager a:hover, .showcase-a .pager a.activeSlide { background-position: 0 -120px; }

.showcase-b { position: relative; z-index: 1; width: 960px; margin: 0 auto; }
.showcase-b:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; height: 9px; overflow: hidden; margin: 0; background: url(../img/showcase-shadow-a.png) 50% 100% no-repeat; text-indent: 100%; white-space: nowrap; }
.showcase-b span.after { display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; height: 9px; overflow: hidden; margin: 0; background: url(../img/showcase-shadow-a.png) 50% 100% no-repeat; text-indent: 100%; white-space: nowrap; }
 .showcase-b .wrap { position: relative; z-index: 1; height: 360px; margin: 0; }
 .showcase-b .items { }
  .showcase-b .items .item { width: 100%; height: 360px; margin: 0; }
  .showcase-b .items .item + .item { display: none; }
  .showcase-b .items .item:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
   .showcase-b .items .item figure { float: left; width: 480px; margin: 0 0 0 70px; height:352px; line-height:352px; display:block}
.showcase-b .items .item figure:before {
  content:".";
  height:352px;
  width:0;
  display:inline-block;
  text-indent:-999em;
}
    .showcase-b .items .item figure img { display: inline-block; max-width: 480px; margin: 0 auto; vertical-align:middle;}
   .showcase-b .items .item .text { float: right; width: 320px; margin: 0 70px 0 0; padding-top: 80px; background: url(../img/showcase-featured-a.png) 50% 47px no-repeat; text-align: center; }
    .showcase-b .items .item .text h3 { margin: 0 0 6px; padding: 0 0 8px; background: url(../img/showcase-divider-a.png) 50% 100% no-repeat; color: #4e514a; font-size: 20px; font-weight: normal; line-height: 22px; text-transform: uppercase; }
    .showcase-b .items .item .text p { color: #4e514a; font-size: 14px; line-height: 21px; }
    .showcase-b .items .item .text p.action { margin: 0; }
 .showcase-b ul.steps { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; list-style: none; margin: -28px 0 0; padding: 0; }
  .showcase-b ul.steps li { position: absolute; top: 0; width: 28px; height: 56px; margin: 0; }
  .showcase-b ul.steps li.prev { left: 0; }
  .showcase-b ul.steps li.next { right: 0; }
   .showcase-b ul.steps li a { display: block; width: 100%; height: 100%; overflow: hidden; background: url(../img/showcase-controls-a.png) no-repeat; text-indent: 100%; white-space: nowrap; outline: none; }
   .showcase-b ul.steps li.prev a { background-position: 0 0; }
   .showcase-b ul.steps li.next a { background-position: -30px 0; }
   .showcase-b ul.steps li.prev a:hover { background-position: 0 -60px; }
   .showcase-b ul.steps li.next a:hover { background-position: -30px -60px; }
 .showcase-b .pager { position: absolute; right: 70px; bottom: 20px; z-index: 3; width: 320px; height: 14px; margin: 0; font-size: 0; text-align: center; }
  .showcase-b .pager a { display: -moz-inline-stack; display: inline-block; width: 14px; height: 14px; overflow: hidden; margin: 0 3px; background: url(../img/showcase-controls-a.png) -20px -120px no-repeat; text-indent: 100%; white-space: nowrap; outline: none; }
  html* .showcase-b .pager a { display: inline; font-size: 0; text-indent: 0; }
  .showcase-b .pager a:hover, .showcase-b .pager a.activeSlide { background-position: 0 -120px; }

.sidenav-a { margin: 0 0 40px; }
 .sidenav-a ul { list-style: none; margin: 0; padding: 0; }
  .sidenav-a ul li { padding: 5px 10px; border-bottom: 1px solid #e5e5e5; font-size: 15px; font-weight: bold; line-height: 20px; }
   .sidenav-a ul li a { color: #53a8c7; text-decoration: none; }
   .sidenav-a ul li a:hover, .sidenav-a ul li a:focus, .sidenav-a ul li a:active, .sidenav-a ul li.active > a { color: #292929; }
   .sidenav-a ul li.parent > a { padding-right: 12px; background: url(../img/sidenav-a-arrow.png) 100% 7px no-repeat; }
   .sidenav-a ul ul { display: none; margin: 3px 0; border-left: 1px solid #e5e5e5; }
   .sidenav-a ul li.active ul { display: block; }
    .sidenav-a ul ul li { padding: 3px 10px; border: none; font-size: 13px; font-weight: normal; line-height: 18px; }
     .sidenav-a ul ul li a { color: #4e4e4e; }
     .sidenav-a ul ul li a:hover, .sidenav-a ul ul li a:focus, .sidenav-a ul ul li a:active, .sidenav-a ul ul li.active > a { color: #53a8c7; }

.sidenav-b { margin: 0 0 40px; }
 .sidenav-b h3 { margin: 0 0 10px; color: #666; font: normal 16px/20px 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; }
 .sidenav-b ul { list-style: none; margin: 0; padding: 0; }
  .sidenav-b ul li { margin-bottom: 10px; font-size: 15px; line-height: 20px; }
   .sidenav-b ul li a { color: #399abe; }
   .sidenav-b ul li a:hover, .sidenav-b ul li a:focus, .sidenav-b ul li a:active { color: #292929; }
   .sidenav-b ul li.active a { color: #292929; font-weight: bold; }

.story-a { }
 .story-a footer { margin-bottom: 0; padding-top: 30px; }

.styles-a { }
 .styles-a ul { margin-bottom: 20px; }
  .styles-a ul li { margin-bottom: 10px; }

.team-a { width: 960px; overflow: hidden; margin: 0 auto; }
 .team-a .big { float: left; width: 380px; margin: 0 0 0 90px; }
  .team-a .big img { display: block; max-width: 380px; margin: 0; }
 .team-a .carousel { float: right; width: 410px; margin: 0; padding: 40px 0; }
   .team-a ul.items { list-style: none; width: 100%; margin: 0; padding: 0; }
   .js .team-a ul.items { visibility: hidden; }
    .team-a ul.items li { position: relative; z-index: 1; width: 100%; overflow: hidden; margin: 0; padding: 1px 0; border-bottom: 1px solid #d1d1d0; font-size: 13px; zoom: 1; }
     .team-a ul.items li a { display: block; position: relative; padding: 1px 0; color: #4e4e4e; }
     .team-a ul.items li a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
      .team-a ul.items li img { float: left; max-width: 35px; margin: 0; opacity: 0.5; filter: alpha(opacity=50); }
      .team-a ul.items li img ~ * { margin-left: 44px !important; }
      .team-a ul.items li span { display: block; line-height: 35px; color: #4e4e4e;  margin-left: 44px !important;}
       .team-a ul.items li strong { color: #399abe; font: normal 16px 'Museo 700',Arial,Helvetica Neue,Helvetica,sans-serif; }
     .team-a ul.items li a:hover, .team-a ul li a:hover span, .team-a ul li a:hover strong { color: #333; }
     .team-a ul.items li a:hover img { opacity: 0.7; } 
     .team-a ul.items li.active a { background: url(../img/team-a-bg-a.png) repeat-x; color: #000; }
      .team-a ul.items li.active img { opacity: 1 !important; filter: alpha(opacity=100) !important; }
      .team-a ul.items li.active span { padding-left: 15px; background: url(../img/team-a-arrow-a.png) 0 50% no-repeat; color: #000; }
      .team-a ul.items li.active strong { color: #000; }

  .team-a .carousel .jcarousel-container { width: 100%; margin: 0; }
   .team-a .carousel .jcarousel-clip { position: relative; z-index: 1; width: 100%; height: 200px; overflow: hidden; margin: 0; }
   .team-a .carousel .jcarousel-prev { display: block; position: absolute; top: -18px; left: 50%; z-index: 10; width: 20px; height: 8px; overflow: hidden; margin: 0 0 0 -10px; background: url(../img/team-a-controls.png) 50% 0 no-repeat; text-indent: 100%; white-space: nowrap; cursor: pointer; }
   .team-a .carousel .jcarousel-next { display: block; position: absolute; bottom: -18px; left: 50%; z-index: 10; width: 20px; height: 8px; overflow: hidden; margin: 0 0 0 -10px; background: url(../img/team-a-controls.png) 50% -20px no-repeat; text-indent: 100%; white-space: nowrap; cursor: pointer; }
   html* .team-a .carousel .jcarousel-prev { font: 0; text-indent: 0; }
   html* .team-a .carousel .jcarousel-next { font: 0; text-indent: 0; }

.tellus-a { position: relative; margin: 0 0 40px; padding: 22px 17px; background: #b1deee url(../img/tellus-a-bg.png) 100% 7px no-repeat; color: #000; text-shadow: 0 1px 0 #fff; }
.tellus-a { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }
 .tellus-a > a { display: block; }
 .tellus-a h3 { margin: 0; color: #000; font: normal 16px/20px 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
 .tellus-a p { color: #000; font-size: 15px; line-height: 20px; }

.tellus-b { padding: 5px 0; text-align: left; }
 .tellus-b p { margin: 0; color: #666; font: normal 22px/29px 'Museo 500',Arial,Helvetica Neue,Helvetica,sans-serif; }
  .tellus-b p a { display: -moz-inline-stack; display: inline-block; margin-left: 2px; padding-left: 40px; background: url(../img/tellus-b-bg.png) no-repeat; font: normal 22px/29px 'Museo 700',Arial,Helvetica Neue,Helvetica,sans-serif; }
  html* .tellus-b p a { display: inline; }

/*.tellus-c { padding-left: 70px; background: url(../img/fission-mark-a.png) 0 4px no-repeat; }*/
 .tellus-c p { margin: 0; color: #7bb131; font: normal 32px/29px 'Museo 500',Arial,Helvetica Neue,Helvetica,sans-serif; }
  .tellus-c p a { font: normal 21px/29px 'Museo 700',Arial,Helvetica Neue,Helvetica,sans-serif; }

.testimonials-a { position: relative; margin: 0 0 40px; }
 .testimonials-a h3 { position: absolute; top: 17px; left: 17px; right: 17px; z-index: 100; margin: 0; color: #3d423f; font: normal 16px/1 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
 .testimonials-a .wrap { position: relative; z-index: 1; width: 100%; margin: 0; }
  .testimonials-a .item { position: relative; width: 100%; color: #666; zoom: 1; }
  .testimonials-a .item + .item { display: none; }
   .testimonials-a .item blockquote { position: relative; margin: 0 0 10px; padding: 44px 16px 17px; border: 1px solid #b7b7b7; background: #fff; }
   .testimonials-a .item blockquote { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }
   .testimonials-a .item blockquote:after { content: ""; display: block; position: absolute; bottom: -17px; right: 70px; z-index: 1; width: 41px; height: 17px; overflow: hidden; background: url(../img/testimonials-a-after.png) no-repeat; text-indent: 100%; white-space: nowrap; }
   .testimonials-a .item blockquote span.after { display: block; position: absolute; bottom: -17px; right: 70px; z-index: 1; width: 41px; height: 17px; overflow: hidden; background: url(../img/testimonials-a-after.png) no-repeat; text-indent: 100%; white-space: nowrap; }
    .testimonials-a .item blockquote p { margin: 0; font-size: 15px; line-height: 1.333; }
    .testimonials-a .item blockquote figure { position: absolute; bottom: -37px; right: 16px; z-index: 2; width: 49px; height: 49px; margin: 0; }
     .testimonials-a .item blockquote figure img { display: block; max-width: 49px; margin: 0; }
   .testimonials-a .item p.author { padding-right: 115px; font-size: 13px; line-height: 1.23; text-align: right; }

.testimonials-b { position: relative; margin: 0 0 40px; }
 .testimonials-b h3 { position: absolute; top: 17px; left: 17px; right: 17px; z-index: 100; margin: 0; font: normal 16px/1 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
 .testimonials-b .wrap { position: relative; z-index: 1; width: 100%; margin: 0; }
  .testimonials-b .item { position: relative; width: 100%; color: #666; zoom: 1; }
  .testimonials-b .item + .item { display: none; }
   .testimonials-b .item blockquote { position: relative; margin: 0 0 10px; padding: 44px 16px 25px 16px; border: 1px solid #b7b7b7; background: #f8f8f8; }
   .testimonials-b .item blockquote { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }
   .testimonials-b .item blockquote:after { content: ""; display: block; position: absolute; bottom: -17px; left: 36px; z-index: 1; width: 41px; height: 17px; overflow: hidden; background: url(../img/testimonials-b-after.png) no-repeat; text-indent: 100%; white-space: nowrap; }
   .testimonials-b .item blockquote span.after { display: block; position: absolute; bottom: -17px; left: 36px; z-index: 1; width: 41px; height: 17px; overflow: hidden; background: url(../img/testimonials-b-after.png) no-repeat; text-indent: 100%; white-space: nowrap; }
    .testimonials-b .item blockquote p { position: relative; z-index: 2; margin: 0; font-size: 15px; line-height: 1.333; }
    .testimonials-b .item blockquote figure { position: absolute; bottom: 0; right: 0; z-index: 1; margin: 0; }
     .testimonials-b .item blockquote figure img { display: block; width: 75px; margin: 0; height:auto; }
   .testimonials-b .item p.author { padding-left: 90px; font-size: 13px; line-height: 1.23; }
   

   .box {
     margin:0 0 40px; 
     padding:0;
     background:#fff url(../img/nav-box-middle.png) 0 0 repeat-y;
    }
    .cols-b .box {
      background-image:url(../img/nav-box-middle-b.png);
    }
   .box * {background:none transparent}
    .box h3 { 
      color: #666; font: normal 16px/1 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase;       
      background: transparent url(../img/nav-box-top.png) 0 0 no-repeat;
      padding:18px 15px 0;
      margin:0}
    .cols-b .box h3 { 
      background-image:url(../img/nav-box-top-b.png);
    }
    .box .content {
      padding:0 0 15px 0;
     background:transparent url(../img/nav-box-bottom.png) 0 bottom no-repeat;
     min-height:213px;
    }
    .cols-b .box .content {
      background-image:url(../img/nav-box-bottom-b.png);
    }
    .box .content h4 {
      font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
      font-size:15px;
      font-weight:normal;
      margin:0;
    }

    ul.recent_blog_posts {
      margin:5px 0 10px;
      padding:0;
      list-style:none;
    }
    ul.recent_blog_posts li {
      padding:10px 15px;
      border:1px solid #D9D9D9;
      border-width:0 0 1px 0;
    }
    ul.recent_blog_posts li.last {
      border:0;
    }
    .recent_blog_posts p.date {
      font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
      font-size:13px;
      margin:2px 0;
      color:#999;
    }
    
    .blog_single {
      border-bottom:1px solid #ccc;
      padding-bottom:4em;
      margin-bottom:4em;
    }
    .blog_single.single { 
      border:0;
    }
    .blog_single .blog_image {
      width:100%;
      max-height:400px;
      overflow:hidden;
      margin:2em 0;
    }
    .blog_single .blog_image img {
      width:100%;
      height:auto;
    }
    .blog_single .poster_image {
      float:left;
      margin:0 10px 0 0;
    }
    .blog_single h2,
    .blog_single h1 {
      font-size:28px;
      line-height:22px; 
      text-transform:none;
      margin:0 0 5px 0;
    }
    .blog_single .info {
      color:#8e8e8e;
      margin:0;
      font-size:13px;
    }
   .blog_single .plugins {
     clear:both;
     margin:1.5em 0;
   }
    .blog_content {
      clear:both;
      margin:1em 0;
    }

.twitter-a { position: relative; margin: 0 0 40px; }
 .twitter-a .head { position: absolute; top: 17px; left: 0; z-index: 100; width: 100%; overflow: hidden; margin: 0; }
  .twitter-a .head h3 { float: left; margin: 0 0 0 17px; color: #666; font: normal 16px/20px 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
  .twitter-a .head p.follow { float: right; margin: 0 17px 0 0; color: #666; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; }
 .twitter-a .wrap { position: relative; z-index: 1; width: 100%; margin: 0; }
  .twitter-a .item { position: relative; z-index: 1; width: 100%; color: #666; zoom: 1; }
  .twitter-a .item + .item { display: none; }
   .twitter-a .item blockquote { position: relative; margin: 0 0 10px; padding: 44px 16px 17px; border: 1px solid #b7b7b7; background: #fff; }
   .twitter-a .item blockquote { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }
   .twitter-a .item blockquote:after { content: ""; display: block; position: absolute; bottom: -35px; left: 30px; width: 94px; height: 43px; overflow: hidden; background: url(../img/twitter-a-after.png) no-repeat; text-indent: 100%; white-space: nowrap; }
   .twitter-a .item blockquote span.after { display: block; position: absolute; bottom: -35px; left: 30px; width: 94px; height: 43px; overflow: hidden; background: url(../img/twitter-a-after.png) no-repeat; text-indent: 100%; white-space: nowrap; }
    .twitter-a .item blockquote p { font-size: 15px; line-height: 1.333; }
     .twitter-a .item blockquote span { font-size: 11px; }
   .twitter-a .item p.info { padding-left: 115px; font-size: 13px; line-height: 1.23; }

.twitter-b { position: relative; margin: 0 0 40px; }
 .twitter-b .wrap { position: relative; z-index: 1; width: 100%; margin: 0; }
  .twitter-b .item { position: relative; z-index: 1; color: #666; }
  .twitter-b .item + .item { display: none; }
   .twitter-b .item blockquote { position: relative; margin: 0 0 10px; padding: 15px 16px 17px; border: 1px solid #b7b7b7; background: #fff; }
   .twitter-b .item blockquote { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }
   .twitter-b .item blockquote:after { content: ""; display: block; position: absolute; bottom: -35px; left: 30px; width: 94px; height: 43px; overflow: hidden; background: url(../img/twitter-a-after.png) no-repeat; text-indent: 100%; white-space: nowrap; }
   .twitter-b .item blockquote span.after { display: block; position: absolute; bottom: -35px; left: 30px; width: 94px; height: 43px; overflow: hidden; background: url(../img/twitter-a-after.png) no-repeat; text-indent: 100%; white-space: nowrap; }
    .twitter-b .item blockquote p { font-size: 15px; line-height: 1.333; }
     .twitter-b .item blockquote span { font-size: 11px; }
   .twitter-b .item p.author { padding-left: 115px; font-size: 13px; line-height: 1.23; }

/*! headers ------- */

h1.page-title-a { color: #4d4840; text-shadow: 0 1px 0 #fff; font-size:52px; }

.page-title-b { width: 100%; overflow: hidden; margin: 0; padding: 9px 0 23px; }
 .page-title-b h1 { float: left; margin: 0; color: #666; font: 19px/24px 'Museo 500',Arial,Helvetica Neue,Helvetica,sans-serif; }
  .page-title-b h1 strong { color: #8dc63f; font: 22px/24px 'Museo 700',Arial,Helvetica Neue,Helvetica,sans-serif; }
 .page-title-b .connect-b { float: right; margin: 0; }
 html* .page-title-b .connect-b { }
  html* .page-title-b .connect-b ul { float: left; width: auto; }

/*! buttons ------- */

.button-a { position: relative; padding: 9px 15px 9px 30px; border: 1px solid #d2d2d2; background: #eaeae9 url(../img/arrow-top-a.png) 11px 10px no-repeat; color: #333; font-size: 12px; font-weight: bold; line-height: 20px; text-decoration: none !important; text-shadow: 0 1px 0 #fff; }
.button-a { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }
a.button-a { display: -moz-inline-stack; display: inline-block; }
html* a.button-a { display: inline; }
.button-a:hover, .button-a:focus, .button-a:active { background-color: #e1e1e0; color: #333; }

.button-a.top { padding-left: 30px; background-image: url(../img/arrow-top-a.png); background-position: 11px 10px; background-repeat: no-repeat; }

/*
.button-b { position: relative; padding: 4px 15px; border: none; background-color: #399abe; color: #fff; font: bold 12px/16px Arial,Helvetica Neue,Helvetica,sans-serif; text-decoration: none !important; text-align: center; text-transform: uppercase; }
.button-b { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 2px 1px 0 #c8c8c7, inset 0 0 8px 0 #256c86;  behavior: url(http://fissionstrategy.com/resource/css/pie.htc); }
a.button-b { display: -moz-inline-stack; display: inline-block; }
html* a.button-b { display: inline; }
.button-b:hover, .button-b:focus, .button-b:active { background-color: #3185a4; color: #fff; }
*/

.button-b {
  display:inline-block;
  width:306px;
  height:37px;
  background:transparent url(../img/buttons_sprite.png) 0 0 no-repeat;
  text-indent:-999em;
  border:0;
  margin:0;
  padding:0;
}
.sec-projects .showcase-b .button-b {
  background-position:0 -65px;
  width:248px;
}
.sec-contact input.button-b {
  background-position:0 -102px;
  width:185px;
}
.button-b.jobs {
  background-position:0 -139px;
  width:244px;
}
p.link-back-a a, a.link-back-a { padding-left: 24px; background: url(../img/arrow-left-a.png) 0 50% no-repeat; color: #333; font-size: 12px; font-weight: bold; line-height: 20px; }
p.link-back-a a:hover, p.link-back-a a:focus, p.link-back-a a:active,
a.link-back-a:hover, a.link-back-a:focus, a.link-back-a:active { color: #399abe; }

p.readmore-a, a.readmore-a { font-family: 'Museo 700',Arial,Helvetica Neue,Helvetica,sans-serif; }

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/*! defaults ------ */

form { }
 label { cursor: pointer; }
 textarea { overflow: auto; resize: vertical; }
 button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; color: #3d423f; font: normal 1em/1.2 'Museo 700',Arial,Helvetica Neue,Helvetica,sans-serif;}
h1 { font-size: 3.2em; }
h2 { font-size: 2.2em; text-transform:uppercase;}
h3 { font: normal 16px/1 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase;}
h4 { font-size: 1.5em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

ul, ol, dd, blockquote { padding-left: 35px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a { color: #4ba3c4; text-decoration: none; }
a:hover, a:focus, a:active { color: #2b7e9d; text-decoration: none; }
 a span { cursor: pointer; }

img { max-width: 100%; border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }

/*! mobile -------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }

/*! forms -------- */

form > p.row input[type="text"],
form > p.row textarea {
  width:300px;
  border:1px solid #B7B7B7;
  display:block;
  padding:0 5px;
  /*border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(http://fissionstrategy.com/resource/css/pie.htc);*/
  position:relative;
  /*background:#ffffff url(../img/input-bg.jpg) repeat-x 0 0;*/
}
form > p.row textarea {
  width:550px;
  height:250px;
}
form > p.row input[type="text"] {
  height:30px;
  line-height:30px;
  padding:0 5px;
}
form > p.row label {
  font-weight:bold;
  margin:0 0 0.5em;
  display:block;
  color:#8dc63f;
}
form > p.row input.button-b {
  cursor:pointer;
}

.twitter-b > .head > .tweeter_follow_button_box {
  float:right;
}
.f_intro {
  padding-bottom:1em;
  border-bottom:1px solid #ccc;
  margin-bottom:4em;
  color:#666666;
}

/* BLOG LIST */
.blog_entries_list .head h3 {
  font: normal 16px/1 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase;
  text-transform:uppercase;
}
.blog_entries_list li {
  width:187px;
  margin:0 30px 2em 0;
  float:left;
}
.blog_entries_list li.first {
  clear:left;
}
.blog_entries_list li.last {
  margin-right:0;
}
.blog_entries_list .entries {
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
}
.blog_entries_list .entries .img {
  width:187px;
  height:103px;
  overflow:hidden;
}
.blog_entries_list .entries .img img {
  width:187px;
  height:auto;
}
.blog_entries_list .entries .date {
  font-size:13px;
  color:#8e8e8e;
  display:block;
  margin-bottom:5px;
}
.blog_entries_list .entries h4 a {
  font-size:16px;
}
.more {
  background:transparent url(../img/buttons_sprite.png) 0 -37px;
  display:inline-block;
  width:99px;
  height:28px;
  text-indent:-999em;
}

.sec-projects .cols-a {
  border-bottom:1px solid #CCCCCC;
  padding:3em 0;
  margin-bottom:1em;
}
.sec-projects .f_intro {
  border:0;
}
a.rss {
  background:transparent url(../img/rss_icon.png) no-repeat 0 50%;
  padding:0 15px;
  display:inline-block;
  font: normal 14px/1 'Museo 900',Arial,Helvetica Neue,Helvetica,sans-serif; 
  text-transform: uppercase;
  color:#D4D4D4;
}
.blog_entries_list .head {position:relative;}
.blog_entries_list .head a.rss {
  position:absolute;
  top:0;
  right:0;
}
/*.sec-blog.sec-02- .blog_single {
  border:0;
  background:transparent url(../img/cols-separator-c.png) 0 50%;
}*/
/* Jobs page */
.job {
  margin:0 0 1em 0;
  float:left;
  width:100%;
}
.job .job_body {
  display:none;
  background:#F5F5F5 none;
  padding:15px;
  margin-bottom:1em !important;
}
.job h3 .icons {
  display:inline-block;
  width:12px;
  height:12px;
  background:red url(../img/plus_less_icons.png) no-repeat 0 0;
  vertical-align:middle;
  margin-right:8px;
}
.job.open h3 .icons {
  background-position:0 -12px;
}
.job.open .job_body {
 display:block;
}
.addthis_toolbox p {
  line-height:24px;
  padding-left:20px;
}
.addthis_toolbox p img {
  width:24px;
  height:24px;
  vertical-align:middle;
}

/* blog search form */
#blog_search fieldset {
  border:0;
  padding:9px;
  background:#E4E4E2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#blog_search fieldset p {
  position:relative;
}
#blog_search fieldset input {
  border:1px solid #C2C2C2;
  height:31px;
  line-height:31px;
  padding:0 36px 0 5px;
  color:#666;
  width:249px;
  font-size:13px;
}
#blog_search fieldset button {
  position:absolute;
  right:1px;
  top:1px;
  background:transparent url(../img/search_button.png) no-repeat 0 0;
  width:31px;
  height:31px;
  text-indent:-9999em;
  display:block;
  border:0;
  padding:0;
  margin:0;
}