/* Reset */
* {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  line-height: 1; }

strong {
  font-weight: normal; }

li {
  list-style-type: none; }

img {
  border: 0; }

a {
  text-decoration: underline;
  color: #F4A800;
  cursor: pointer; }
  a:hover {
    color: inherit;
    text-decoration: none; }
  a:focus, a:active {
    border: none;
    outline: none; }

/* Layout */
body {
  background: #E3E5E6;
  color: #B6B9BC;
  font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
  font-size: 84%; }

#wrapper {
  background: black left top repeat-y url(/images/wrapper_bkg.gif);
  width: 951px;
  margin: 0 auto 0 auto; }

#inner {
  background: left bottom no-repeat url(/images/inner_bkg.png);
  padding: 0 7px 50px 3px;
  width: 941px;
  position: relative;
  float: left;
  min-height: 532px; }

#content {
  width: 764px;
  float: left; }

.clearer {
  display: block;
  clear: both;
  float: none;
  line-height: 0;
  height: 0;
  width: 100%; }

#footer {
  background: #E3E5E6;
  color: #aaaaaa;
  font-size: 0.75em;
  text-indent: 177px;
  clear: both; }
  #footer a {
    text-decoration: none !important;
    color: #aaaaaa; }

#siteTitle {
  background: 2px -52px no-repeat url(/images/logo/logo.png);
  margin: 26px 0 0 177px;
  width: 764px;
  height: 30px;
  /* Hide text */
  letter-spacing: -1000em;
  text-indent: -1000em; }

#langLink {
  font-size: 0.75em;
  text-transform: uppercase;
  position: absolute;
  right: 22px;
  top: 30px; }
  #langLink a {
    color: #666666;
    text-decoration: none; }

/* Navigation */
#navigation {
  margin: 0 0 0 27px;
  width: 150px;
  cursor: pointer !important;
  float: left;
  display: inline;
  position: relative;
  z-index: 1000; }
  #navigation li {
    width: 100%;
    float: left;
    position: relative;
    cursor: pointer !important;
    clear: both;
    overflow: hidden; }
    #navigation li a {
      cursor: pointer !important; }
    #navigation li a.currentParent,
    #navigation li a.current {
      background-image: url(/images/disclosure.png);
      background-repeat: no-repeat; }
    #navigation li a.currentParent {
      background-position: -300px !important; }
    #navigation li a.current,
    #navigation li .currentParent a.currentParent {
      background-position: left center !important; }
    #navigation li li {
      cursor: pointer !important; }
      #navigation li li a {
        cursor: pointer !important;
        padding-left: 24px; }
      #navigation li li li {
        cursor: pointer; }
        #navigation li li li a {
          cursor: pointer;
          padding-left: 36px; }
    #navigation li.current a.current,
    #navigation li.current a.currentParent,
    #navigation li.currentParent a.current,
    #navigation li.currentParent a.currentParent {
      color: white !important; }
      #navigation li.current a.current:hover,
      #navigation li.current a.currentParent:hover,
      #navigation li.currentParent a.current:hover,
      #navigation li.currentParent a.currentParent:hover {
        color: white !important; }
    #navigation li.current li a,
    #navigation li.currentParent li a {
      color: #97979B !important; }
      #navigation li.current li a:hover,
      #navigation li.currentParent li a:hover {
        color: white !important; }
  #navigation a {
    font-size: 0.8em;
    text-decoration: none !important;
    text-transform: uppercase;
    color: #808080 !important;
    padding: 0.3em 0 0.3em 14px;
    display: block; }
    #navigation a:hover {
      color: #D8D8D8 !important; }
  #navigation#navigation li.current li.current a {
    color: white !important; }
    #navigation#navigation li.current li.current a:hover {
      color: #504F53 !important; }
  #navigation#home #features a {
    overflow: hidden;
    width: 100%;
    float: left; }
  #navigation#news #newsItems {
    width: 764px;
    float: left; }
    #navigation#news #newsItems p {
      line-height: 1.2; }
  #navigation#news #newsCancel {
    cursor: pointer; }
  #navigation#portfolioEntryNav li a {
    float: left; }
    #navigation#portfolioEntryNav li a:hover {
      opacity: 1;
      -webkit-opacity: 1;
      -moz-opacity: 1; }
  #navigation#portfolioImages {
    height: 375px; }
  #navigation#forwardControl {
    background: left top no-repeat;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    letter-spacing: -1000em;
    text-indent: -1000em; }
  #navigation#profileWrapper {
    padding: 78px 0 0 0;
    width: 764px;
    float: right;
    position: relative; }
    #navigation#profileWrapper .disabled h2, #navigation#profileWrapper .disabled .column {
      display: none; }
  #navigation.profile column {
    margin-right: 20px;
    width: 345px;
    float: left; }

/* Location Picker */
#locationPicker h2, #locationPicker ul {
  margin-left: 177px; }
#locationPicker h2 {
  margin-top: 2em; }
#locationPicker ul a {
  font-size: 1.5em;
  text-decoration: none;
  color: white;
  margin-top: 0.3em;
  display: block; }

/* Simple layout */
h1.simple {
  border-bottom: 1px solid #646267;
  font-weight: bold;
  font-size: 2.8em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #F5A900;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  padding: 0 120px 15px 0;
  margin: 0 0 15px 0;
  width: 644px;
  float: left; }

h1.textReplaced {
  padding-bottom: 0;
  height: 138px;
  overflow: hidden; }

.column {
  margin-right: 20px;
  width: 315px;
  float: left; }
  .column p {
    font-size: 0.92em;
    line-height: 1.4 !important;
    margin-bottom: 0.8em !important; }

/* Homepage */
#home #siteTitle, #intro #siteTitle {
  background-position: 2px 1px;
  margin: 7px 416px 12px 177px;
  height: 37px;
  width: 348px; }

#home #content {
  height: 476px; }

#features,
#featuresFade {
  width: 764px;
  height: 392px;
  overflow: hidden;
  float: left; }
  #features dt,
  #featuresFade dt {
    overflow: hidden;
    width: 100%;
    display: block;
    margin-bottom: 4px;
    height: 94px;
    position: relative; }
  #features a,
  #featuresFade a {
    position: absolute;
    left: 0;
    top: 0;
    width: 764px;
    height: 94px;
    background-color: #111; }
    #features a:hover,
    #featuresFade a:hover {
      top: -94px;
      background-color: #000; }
  #features h2, #features p,
  #featuresFade h2, #featuresFade p {
    display: inline;
    clear: none; }
  #features h2,
  #featuresFade h2 {
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0.06em 0.2em 0 0; }

#featuresFade {
  padding-bottom: 3.5em;
  position: relative;
  top: -392px;
  z-index: 20; }
  #featuresFade a,
  #featuresFade a:hover {
    top: -94px; }
  #featuresFade dd {
    position: absolute;
    top: 396px;
    width: 600px;
    z-index: 2; }

/* News ticker */
.newsTicker {
  position: absolute;
  left: 180px;
  bottom: 53px; }

h1.newsTicker {
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  margin: 0 0 0.25em 0; }

ul.newsTicker {
  margin-left: 3.2em;
  size: 0.9em; }
  ul.newsTicker li {
    white-space: nowrap;
    width: 600px;
    height: 1.2em;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0; }
    ul.newsTicker li a:link {
      color: white;
      text-decoration: none; }
    ul.newsTicker li a:visited {
      color: white;
      text-decoration: none; }
    ul.newsTicker li a:hover {
      color: #F5A900;
      text-decoration: underline; }
    ul.newsTicker li a:active {
      color: #F5A900;
      text-decoration: underline; }

#newsItemsWidget {
  width: 764px;
  float: left;
  padding: 0 0 4em 0;
  height: 375px;
  overflow: hidden;
  position: relative; }
  #newsItemsWidget p {
    line-height: 1.2;
    width: 575px;
    position: absolute;
    top: 382px;
    left: 0; }
  #newsItemsWidget li {
    cursor: pointer; }
  #newsItemsWidget #newsItems {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  #newsItemsWidget img {
    position: absolute;
    left: -575px;
    top: 0; }

#newsItems li {
  color: #2A272A;
  white-space: nowrap;
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative; }
  #newsItems li.current {
    color: #45444A; }
  #newsItems li.textReplaced {
    padding: 0;
    height: 48px;
    margin-bottom: 0.5em;
    overflow: hidden; }
#newsItems h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 3em;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  height: 1em;
  padding: 0.7em 0 0 0; }
#newsItems .hover h2 {
  color: white; }
#newsItems .hover h3 {
  color: #F5A900; }
#newsItems h3 {
  position: absolute;
  left: 0;
  top: 0; }
#newsItems.disabled li {
  color: #17181B; }

#newsCancel {
  display: none;
  position: absolute;
  top: 30px;
  right: 198px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.7em; }

#home #overlay {
  background: left top no-repeat url(/images/overlay_news.png);
  width: 190px;
  position: absolute;
  right: 0;
  top: 0;
  letter-spacing: -1000em;
  text-indent: -1000em;
  z-index: 9999; }

#portfolioNavWrapper {
  margin: 5em 0 0 0;
  width: 562px;
  height: 35px;
  overflow: hidden;
  position: absolute;
  left: 187px;
  top: 431px; }

#portfolioNav {
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5; }
  #portfolioNav li {
    width: 55px;
    float: left; }
    #portfolioNav li a {
      border: 0;
      text-align: center;
      margin: 0 5px 0 0;
      height: 35px;
      width: 50px;
      float: left; }

#portfolioEntryNav {
  position: absolute;
  right: 210px;
  top: 32px;
  z-index: 1; }
  #portfolioEntryNav li {
    float: left;
    width: 9px;
    height: 9px;
    margin-left: 3px; }
  #portfolioEntryNav a {
    background: right top no-repeat url(/images/portfolio/dimples.png);
    text-decoration: none !important;
    width: 9px;
    height: 9px;
    font-size: 0;
    line-height: 0;
    text-indent: 1000em;
    letter-spacing: -1000em;
    display: block;
    overflow: hidden; }
    #portfolioEntryNav a.current {
      background-position: left top; }

/* Portfolio Entry */
#portfolioEntry {
  height: 475px;
  width: 764px;
  position: relative;
  overflow: hidden; }
  #portfolioEntry #description {
    width: 562px;
    position: absolute;
    left: 0;
    top: 385px; }
  #portfolioEntry h1 {
    font-size: 0.86em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.1em 0.2em 0 0;
    clear: none;
    display: inline; }
  #portfolioEntry p {
    font-size: 0.9em;
    line-height: 1.2;
    display: inline; }

#portfolioImages {
  position: absolute;
  left: 0;
  top: 0; }
  #portfolioImages dd, #portfolioImages dt, #portfolioImages li {
    width: 562px;
    position: absolute;
    top: 0; }
  #portfolioImages dt, #portfolioImages li {
    height: 375px;
    left: 0; }
  #portfolioImages dd {
    top: 385px; }

#backControl,
#forwardControl {
  height: 375px;
  width: 60px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  letter-spacing: -1000em;
  text-indent: -1000em;
  cursor: default;
  display: block;
  background: 0 0 repeat url(/images/transparent.gif); }
  #backControl span,
  #forwardControl span {
    width: 60px;
    height: 375px;
    position: absolute;
    top: -375px;
    left: 0;
    background: 0 0 no-repeat url(/images/portfolio/back.png);
    display: block; }
  #backControl.hover,
  #forwardControl.hover {
    cursor: pointer; }
    #backControl.hover span,
    #forwardControl.hover span {
      top: 0px; }

#forwardControl {
  width: 260px;
  left: 502px; }
  #forwardControl span {
    width: 260px;
    background-image: url(/images/portfolio/forward.png); }

#overlay {
  background: right top no-repeat url(/images/portfolio/overlay_black.png);
  width: 202px !important;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2; }

div.profile {
  padding: 78px 0 0 0 !important;
  width: 764px;
  float: right;
  position: relative; }
  div.profile h1 {
    font-weight: bold;
    color: white;
    width: 100%; }
  div.profile h2 {
    border-bottom: 1px solid #666666;
    color: #F5A900;
    padding: 0.3em 0 0.6em 0;
    margin-bottom: 0.8em; }
  div.profile img {
    position: absolute;
    left: 0;
    top: 0; }
  div.profile p {
    line-height: 1.3em;
    margin-bottom: 1em; }

#profileWrapper {
  padding: 78px 0 0 0 !important;
  width: 764px;
  float: right;
  position: relative; }
  #profileWrapper .profile {
    position: static;
    padding: 0 !important; }
  #profileWrapper .disabled h1, #profileWrapper .disabled h2, #profileWrapper .disabled p {
    display: none; }

/* Contact */
#contacts #siteTitle,
#contacts #content,
#contacts .initial, .contacts #siteTitle,
.contacts #content,
.contacts .initial {
  border-bottom: 1px solid #59585E; }
#contacts #siteTitle, .contacts #siteTitle {
  height: 29px; }
#contacts .office, .contacts .office {
  padding-top: 0.4em;
  width: 254px;
  height: 15.5em;
  float: left; }
  #contacts .office h1,   .contacts .office h1 {
    color: #F5A900;
    margin-bottom: 0.7em; }
  #contacts .office .address,
  #contacts .office .email,   .contacts .office .address,
  .contacts .office .email {
    position: absolute;
    left: -1000em; }
  #contacts .office dt,   .contacts .office dt {
    margin-right: 0.5em;
    float: left; }
  #contacts .office p,
  #contacts .office dt,
  #contacts .office dd,   .contacts .office p,
  .contacts .office dt,
  .contacts .office dd {
    line-height: 1.4; }

/* Introduction */
#locationPicker #inner {
  height: 520px; }

#skipIntro {
  position: absolute;
  left: 177px;
  top: 445px; }
  #skipIntro a {
    color: #333333 !important;
    text-decoration: none; }
  #skipIntro a:hover {
    color: white !important; }

#slideshow {
  position: absolute;
  background-color: #000000;
  top: 28px;
  left: 177px;
  font-size: 0;
  line-height: 0; }

/* News */
#news #overlay {
  background-image: url(/images/overlay_news.png); }

/* How we work */
#how .textReplaced {
  height: 180px; }

/* Careers */
#careers .textReplaced {
  height: 94px; }

#careers #careersList .textReplaced {
  height: 48px; }

#backToCareers {
  display: block;
  position: absolute;
  top: 30px;
  right: 198px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  text-transform: uppercase;
  font-size: 0.7em; }

#careersList {
  width: 764px;
  float: left; }
  #careersList li, #careersList a {
    width: 100%;
    float: left;
    position: relative; }
  #careersList a {
    padding: 0.8em 0 0 0;
    color: #2A272A;
    text-decoration: none; }
    #careersList a:hover h2 {
      color: white; }
    #careersList a:hover p {
      color: #F5A900; }
  #careersList p {
    position: absolute;
    left: 0;
    top: 0; }
  #careersList h2 {
    font-weight: bold;
    font-size: 2.8em;
    font-family: "Helvetia Neue";
    letter-spacing: -0.06em;
    text-transform: uppercase; }

/* Make some adjustments in the presence of Javascript */
.javascript #inner {
  height: 507px;
  overflow: hidden; }
.javascript #navigation ul {
  overflow: hidden; }
.javascript #features a:hover {
  top: 0; }
.javascript #features dd {
  display: none; }

/* Ajax Loading Display */
#ajax-loading {
  background: #E6892D;
  width: 0;
  height: 1px;
  position: absolute;
  left: 180px;
  top: 56px;
  z-index: 10; }