@import url(hacks.css);
body {
  background: #fff;
  background: -webkit-gradient(linear, 0 0, left bottom, from(#e6f4f5), to(white));
  background: -moz-linear-gradient(0 0, left bottom, from(#e6f4f5), to(white)); }

#bd #yui-main .yui-b {
  margin-left: 1em; }

.yui-t7 #bd #yui-main .yui-b {
  margin-right: 0;
  margin-left: 0; }

.yui-t7 #bd {
  padding: 0 1em; }

#bd {
  background: url(/images/setfiregraphicbottom.gif) no-repeat right bottom; }

.yui-t7 #bd {
  background: none; }

#doc2, #hd .headwrap, #ft-nav {
  width: 68.5em; }

.yui-t7, .yui-t5 {
  background: #fff;
  border-left: #e6f4f5 1px solid;
  border-right: #e6f4f5 1px solid; }

.yui-t5 .yui-u {
  margin-bottom: 1em; }

.contact_message {
  border: #e6f4f5 1px solid;
  background: #fff;
  color: #5c2800;
  padding: 0.3em 0.6em;
  float: right; }

.maincontent .contact_message {
  background: #e6f4f5;
  float: left;
  margin-bottom: 1em; }
  .maincontent .contact_message h2 {
    border-bottom: 0;
    margin: 0; }
  .maincontent .contact_message p {
    margin-bottom: 0; }
.maincontent .about_us .contact_message {
  float: none; }

#hd {
  background: white url(/images/header_back.jpg) repeat-x bottom left;
  text-align: center; }
  #hd .headwrap {
    margin: 0 auto;
    min-width: 750px;
    padding: 1em 0 0 0;
    text-align: left; }
  #hd ul {
    font-size: 100%;
    float: left;
    list-style-type: none;
    padding-top: 0.9%; }
    #hd ul li {
      display: block;
      float: left;
      margin-right: 0.12em; }
  #hd ul.main_nav {
    clear: both;
    width: 100%; }
  #hd .blog {
    float: right; }
    #hd .blog a {
      background: #fffcba; }
  #hd #badge {
    float: left;
    width: auto; }
    #hd #badge img {
      float: left; }
    #hd #badge ul {
      clear: both;
      float: none;
      list-style-type: none;
      margin: 0;
      position: relative;
      width: 100%; }
      #hd #badge ul li {
        background: none;
        border: none;
        float: none; }
        #hd #badge ul li a {
          font-size: 138.5%;
          padding-left: 1.5em; }

.yui-t5 .yui-u img, .group img {
  border: #e6f4f5 1px solid; }

.homepage {
  background: #fff url(/images/homepage/office_wide.jpg) no-repeat top left; }

.about_us {
  background: #fff;
  padding-bottom: 1em;
  overflow: hidden; }
  .about_us h1 {
    border: none;
    margin-top: 0;
    padding: 0 0 1em 0; }

.article {
  padding: 1.6em 1.2em 1.2em; }

.homepage .positioning {
  min-height: 200px;
  overflow: hidden; }
  .homepage .positioning blockquote {
    background: #e6f4f5 url(/images/homepage/quote_back.jpg) no-repeat center center;
    border: #aedae6 1px solid;
    margin: 1em 0 0;
    padding: 1em;
    line-height: 1.5;
    float: left;
    width: 64%; }
    .homepage .positioning blockquote p {
      padding: 0;
      width: auto; }
    .homepage .positioning blockquote .attribution {
      padding: 0;
      margin: 0; }

.maincontent .toolset {
  margin-bottom: 1.6em; }
  .maincontent .toolset .wrap {
    display: inline; }
  .maincontent .toolset h3 {
    font-size: 182%;
    margin-top: 0.1em;
    margin-bottom: 0.1em; }
  .maincontent .toolset p {
    margin-bottom: 0;
    padding: 0 0 10px 60px; }

.portfolio .example {
  margin-bottom: 1.6em;
  border: #e6f4f5 1px solid;
  float: left;
  white-space: nowrap; }
  .portfolio .example p {
    background: #e6f4f5;
    margin: 0;
    padding: 0.5em; }

.otherstuff {
  background: #fff6e2; }

#thematchbox {
  clear: left;
  float: left; }
  #thematchbox dl {
    margin-bottom: 1em; }
    #thematchbox dl dd {
      margin-bottom: 0.75em; }
      #thematchbox dl dd span {
        padding-right: 0.5em; }

#additional {
  float: right; }
  #additional dl {
    margin-bottom: 1em; }
    #additional dl dt {
      font-size: 1.1em; }
    #additional dl dd {
      margin-bottom: 0.75em; }
      #additional dl dd span {
        display: block;
        padding-right: 0.5em; }
        #additional dl dd span a {
          font-size: 11px; }
  #additional blockquote {
    margin: 0; }

.illustration {
  background: white; }

.subsection {
  float: right;
  clear: right;
  padding: 1em 0 0.5em 1.6em; }

.sidebar dl, .sidebar ol {
  margin: 1em;
  padding-bottom: 1em;
  width: 12em; }

.sidebar ol {
  border-bottom: #aedae6 1px solid ; }

.sidebar dl dd dl {
  margin: 0; }

.yui-b .twitter_banner {
  overflow: hidden; }
  .yui-b .twitter_banner a {
    background: transparent url(/images/twitter_follow.png) no-repeat center top;
    border: none;
    float: left;
    display: block;
    padding: 3em 1em 0.6em; }
    .yui-b .twitter_banner a:hover {
      background: transparent url(/images/twitter_follow.png) no-repeat center -74px;
      color: #cc3300; }
      .yui-b .twitter_banner a:hover:hover:visited {
        color: #cc7a08; }
.yui-b .hiring {
  background: transparent url(/images/talent.png) no-repeat left top;
  border: none;
  padding: 6em 1.5em 1.4em 1em;
  height: 90px;
  width: 140px; }
.yui-b .contact {
  background: transparent url(/images/contact_back.jpg) no-repeat left top;
  border: none;
  padding: 12em 0 2em 1em;
  width: 140px; }

.sidebar {
  background: white; }

#ft {
  background-color: #e6f4f5;
  border-top: #aedae6 1px solid ;
  border-bottom: #5c2800 8px solid ;
  bottom: 0;
  color: #5c2800;
  float: left;
  text-align: center;
  width: 100%;
  z-index: 120; }

#ft-nav {
  margin: 0.5em auto 1em;
  text-align: left; }
  #ft-nav dl {
    margin: 0 1.4em; }
    #ft-nav dl dd {
      background: transparent url(/images/footer_nav_arrow.png) no-repeat center left;
      padding-left: 6px; }

#copyright {
  clear: both;
  font-size: 77%;
  margin: 0 0.6em 0.2em 0;
  text-align: right; }

#contact {
  background: #DDEDF0;
  float: right;
  padding: 0.4em;
  margin-left: 1.6em;
  width: 400px; }
  #contact ol li {
    overflow: hidden;
    padding: 0.5em;
    width: 96%; }
    #contact ol li label {
      display: block; }
    #contact ol li input {
      display: block;
      width: 100%; }
    #contact ol li textarea {
      width: 100%; }
  #contact ol li#submit {
    text-align: center;
    margin-bottom: 0; }
  #contact ol li#submit input {
    background: #99F09B url(/images/big_button_grad.jpg) repeat-x top left;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 2px solid #005555;
    border-bottom: 2px solid #005555;
    cursor: pointer;
    font-size: 100%;
    padding: 0.5em 1.5em;
    width: 50%;
    margin: 0 auto; }

#map {
  border: #aedae6 5px solid ;
  display: inline;
  margin: 1em 0 1em 1em;
  float: right;
  height: 300px;
  width: 600px; }

.vcard .social {
  padding-left: 21px;
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat; }
.vcard .twitter {
  background-image: url(/images/twitter_tiny_icon.png); }
.vcard .linkedin {
  background-image: url(/images/linkedin_tiny_icon.png); }

.adr span {
  display: block; }

a {
  color: #cc3300;
  cursor: pointer; }
  a:link:hover {
    background-color: #cc3300;
    color: white; }
  a:visited {
    color: #cc7a08; }
    a:visited:hover {
      background-color: #cc7a08;
      color: white; }
  a:hover {
    background-color: #cc3300;
    color: white; }

#hd li a.current {
  background: white;
  border-left: 1px solid #ccffff;
  border-right: 1px solid #ccffff;
  border-top: 1px solid #ccffff;
  padding-bottom: 0.18em; }

#hd ul li a {
  background: #EFEFEF url(/images/tab-back.png) repeat-x bottom left;
  display: block;
  border-left: 1px solid #CCCDD2;
  border-right: 1px solid #CCCDD2;
  border-top: 1px solid #CCCDD2;
  border-bottom: none;
  padding: 0.4em 0.4em 0.1em;
  text-decoration: none; }
  #hd ul li a:hover {
    background: #cc3300;
    color: white; }

#badge ul li a {
  background: url(/images/contact_button.jpg) no-repeat top left;
  border: none;
  height: 45px;
  line-height: 45px;
  padding: 0 0.2em;
  width: 143px; }
  #badge ul li a:hover {
    background: url(/images/contact_button.jpg) no-repeat bottom left; }

.sidebar dl dt {
  font-size: 138.5%;
  padding-bottom: 0.3em; }
  .sidebar dl dt a {
    background: none;
    display: block;
    padding: 0em;
    text-decoration: none;
    width: 100%; }
    .sidebar dl dt a:hover {
      background: #cc3300; }
    .sidebar dl dt a:visited:hover {
      background: #cc7a08; }

.sidebar dl dd dt {
  font-size: 108%;
  padding-bottom: 0; }
  .sidebar dl dd dt a {
    background: none;
    padding: 0; }

.sidebar dd {
  margin-bottom: 0.2em; }
  .sidebar dd a {
    background: transparent url(/images/nav_arrow.png) no-repeat 3px 5px;
    display: block;
    font-size: 100%;
    line-height: 1.35;
    padding: 2px 2px 2px 1em;
    width: 100%; }
    .sidebar dd a:hover {
      background: #cc3300  url(/images/nav_arrow_reverse_link.gif) no-repeat 3px 5px ; }
    .sidebar dd a:visited:hover {
      background: #cc7a08  url(/images/nav_arrow_reverse_visited.gif) no-repeat 3px 5px ; }
  .sidebar dd a.current {
    background: #fffcba  url(/images/nav_arrow.png) no-repeat 3px 5px ;
    color: #cc3300;
    display: block;
    text-decoration: none;
    width: 100%; }

#ft dl a {
  color: #5c2800; }
  #ft dl a:hover {
    background: white;
    color: #5c2800; }

span.gmnoprint a:hover {
  background: transparent; }

body {
  font: 14px/1.5 helvetica, verdana, arial, sans-serif; }

p, ul, blockquote, a {
  font-size: 100%;
  line-height: 1.6; }

.example > a {
  display: block;
  line-height: 0; }
  .example > a:hover, .example > a:visited:hover {
    background: none; }

h1, h2, h3, h4, h5, h6, #thematchbox dt {
  color: black;
  margin-top: 1em;
  margin-bottom: 0.26em; }

h1 {
  border-bottom: #aedae6 2px solid ;
  font-size: 182%;
  font-weight: 700;
  letter-spacing: -1px; }

h2 {
  border-bottom: #aedae6 1px solid ;
  font-size: 138.5%;
  font-weight: 700; }

.yui-t7 h2 {
  margin-top: 0; }

.intro {
  font-size: 138.5%;
  font-weight: bold; }

h3, #thematchbox dt {
  font-size: 116%;
  font-weight: 700; }

h4 {
  font-weight: bold;
  margin-bottom: 1em; }

p {
  font-size: 100%;
  line-height: 1.6;
  margin-bottom: 1.2em; }

.maincontent h1 + p, .maincontent h2 + p {
  text-indent: 0em; }

#breadcrumb {
  margin: 0.4em 0 2em 0;
  font-size: 77%; }
  #breadcrumb li {
    display: inline; }
    #breadcrumb li a {
      padding-right: 1em;
      background: url(/images/breadcrumbbullet.gif) no-repeat center right; }

.sideblock p, .sideblock li {
  font-size: 100%; }

.maincontent ul {
  margin-bottom: 0.8em; }
  .maincontent ul li {
    background: url(/images/bigbullet.gif) no-repeat left 8px;
    line-height: 1.5;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding-left: 1em; }

/* .quote
 *
 * text-align: center */
blockquote {
  border-top: #e6f4f5 1px solid;
  border-bottom: #e6f4f5 1px solid;
  color: #5c2800;
  margin: 0 auto 1.2em;
  width: 60%; }
  blockquote p.quote {
    font-size: 138.5%;
    font-family: georgia, "Times New Roman", serif;
    padding-top: 1em;
    margin-bottom: 0.5em; }
  blockquote .attribution {
    padding-bottom: 1em;
    margin-bottom: 0;
    text-align: right; }

.yui-t5 .yui-u blockquote {
  width: 90%; }
  .yui-t5 .yui-u blockquote p.quote {
    font-size: 120%; }

.yui-t5 .yui-u img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.6em; }

.homepage blockquote {
  margin-bottom: 1.6em;
  width: auto; }

.group {
  margin-bottom: 1.6em;
  overflow: auto; }

.group img {
  float: right;
  margin-left: 1em; }

#ft dl {
  float: left; }
  #ft dl dt {
    font-size: 93%;
    margin-bottom: 0.4em; }
  #ft dl dd {
    font-size: 77%;
    margin-bottom: 0.25em; }

strong {
  font-weight: bold; }

em {
  font-weight: 400;
  font-style: italic; }

.comment {
  background: #FFFBCF;
  border: 1px orange solid;
  display: block;
  float: right;
  font-size: 93%;
  font-style: italic;
  line-height: 1;
  padding: 2px;
  position: absolute;
  right: 70%;
  width: 10em;
  z-index: 2; }

dd.post_info {
  font-size: 77%; }

#notice p {
  background: #D2FF70;
  text-align: center; }