/* Reset */
body, div, h1, h2, h3, p, ul, ol, li, img, a, fieldset, input, button { margin: 0; border: 0; padding: 0; }
ul { list-style: none; }
/* Utility */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* General */
body {
  font: normal 13px/1.25 "ff-netto-web-1","ff-netto-web-2", Helvetica, Arial, sans-serif;
  color: #fff; background: #000;
}
.wf-active #content p, .wf-active #content h2, .wf-active #content dl,
                       .wf-active .partners li, .wf-active .pastwork li,
                       .wf-active .contact li { letter-spacing: 1px; }
a { color: #fff; }
a:hover { text-decoration: none; }
#wrap {
  position: relative; margin: 0 auto; padding: 141px 115px 160px 101px; width: 790px; height: 469px;
  background: #000 url(../img/bg_wrap.jpg) no-repeat -15px top;
}
#footer { display: none; }
.scrollbar { position: absolute; bottom: 0; right: -15px; width: 8px; height: 278px; }
.scrollbar .scrollbarTrack { width: 8px; background: url(../img/bg_track.png) repeat-y left top; }
.scrollbar .scrollbarScrubber {
  position: relative; width: 8px; background: url(../img/bg_scrubber.png) repeat-y left top; cursor: pointer;
}
.dropdown { }
.dropdown .menu {
  position: absolute; z-index: 5; border: 1px solid #292929;
  background: #000; font-size: 10px; text-transform: uppercase;
}
.dropdown .menu .list { height: 125px; overflow: auto; }
.dropdown .sliding .list { overflow: default; }
.dropdown .selection {
  position: relative; border: 1px solid #262626; padding: 0 0 0 27px; width: 50px; height: 18px;
  color: #fff; font-size: 12px; text-align: center; line-height: 1;
  background: #121212 url(../img/bg_input_text.png) repeat-x left top;
}
.dropdown .selection .dropdownBackground {
  position: absolute; top: 0; left: 0; padding-left: 33px; width: 44px; height: 18px;
  background: url(../img/arrow_down_white.png) no-repeat 9px 5px;
}
.dropdown .selection .selectionDisplay { position: relative; top: 2px; }
.dropdown .selection input { position: absolute; left: -9999px; top: 0; }
.sandbag { float: right; clear: right; }
#sb01 { width: 1px; height: 125px; }
#sb02 { width: 150px; height: 35px; }
#sb03 { width: 155px; height: 118px; }
input[type=text], input[type=tel], input[type=email] {
  border: 1px solid #262626; padding: 2px 3px; height: 14px; color: #fff; font-size: 12px;
  background: #121212 url(../img/bg_input_text.png) repeat-x left top;
}
/* Content */
#content { position: relative; margin: 56px; width: 493px; background: #000; }
.jsEnabled #content { visibility: hidden; }
.wf-active #content, .wf-inactive #content { visibility: visible; }
.jsEnabled .scrollable { position: relative; height: 278px; }

#content .scrollbarWrapper { position: relative; width: 493px; height: 357px; background: #000; overflow: hidden; }
/* Shared */
#playnow {
  position: absolute; bottom: 0; right: 0; z-index: 2; margin: 20px 0 0 20px; padding: 18px 20px 20px 16px;
  width: 80px; height: 80px;
}
#playnow span {
  display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;
  background: url(../img/blank.gif) no-repeat left top;
}
#playnow:hover span { background-position: -116px top; }
/* Home */
.home#content { height: 357px; font-size: 13px; }
.home h1 { padding: 0 0 9px; line-height: 1; }
.home h2 { padding: 0 0 23px; line-height: 1; }
.home p { padding: 0 0 9px; }
.home p em { padding-top: 3px; font-style: normal; text-transform: uppercase; }
.home #sb01 { height: 105px; }
.home #playnow span { background-image: url(../img/playnow.png); }
/* About Us */

.about h1 { padding: 0 0 34px; }
.about p { padding: 0 0 24px; }
.about p:last-child { padding: 0; }
.about p img { float: right; margin: 0 0 20px 20px; }
.about em { font-style: normal; text-transform: uppercase; }
.about .scrollable { width: 463px; }
/* News */
.news { font-size: 0.8571428571em; }
.news h1 { padding: 0 0 39px; }
.news h2 { padding: 0 0 3px; font-size: 1.5em; }
.news p.date { padding: 0 0 0 42px; font-size: 0.85em; }
.news a { display: block; padding: 0 0 0 42px; text-decoration: none; }
.news .item { padding: 0 0 25px; background: url(../img/blank.gif) no-repeat left top; }
.news .facebook { background-image: url(../img/social/facebook.png); }
.news .blog { background-image: url(../img/news/nomimes2.png); }
.news .twitter { background-image: url(../img/social/twitter.png); }
.news .readmore { position: absolute; left: 0; bottom: 0; font-size: 1.2em; }
.news .readmore a { display: inline; padding: 0; }
/* Team */
.team#content { margin-left: 60px; }
.team h1 { padding: 0 0 39px; }
.team li { float: left; position: relative; margin: 0 22px 22px 0; width: 231px; height: 123px; text-align: center; }
.team #steve, .team #maureen { margin-right: 0; }
.team .replace {
  position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%;
  background: url(../img/bg_team.jpg) no-repeat left top;
}
.team #karen .replace { background-position: -464px top; }
.team #behnam .replace { background-position: -232px top; }
.team #maureen .replace { background-position: left -124px; }
.team #partners .replace { background-position: -232px -124px; }
.team a:hover .replace { background-position: left -248px; }
.team #karen a:hover .replace { background-position: -464px -124px; }
.team #behnam a:hover .replace { background-position: -232px -248px; }
.team #maureen a:hover .replace { background-position: left -372px; }
.team #partners a:hover .replace { background-position: -232px -372px; }
.team a { text-decoration: none; outline: none; }
.team a:hover { text-decoration: underline; }
.team span { display: block; }
.team a:hover span { text-decoration: underline; }
.team .name { padding: 18px 0 0; font-size: 2em; line-height: 1; }
.team .title { padding: 15px 0 18px; text-transform: uppercase; }
.team #partners {
  position: absolute; top: 15px; right: 10px; z-index: 6;
  text-transform: uppercase; text-decoration: none; font-size: 0.8571428571em; color: #828282;
}
/* Team Member */
.teammember#content { height: 357px; }
.teammember h1 { padding: 0 0 39px; }
.teammember h2 { padding: 0 0 23px; font-size: 1.2857142857em; line-height: 1; text-transform: uppercase; }
.teammember .headshot { position: relative; top: -2px; }
.teammember#content .scrollbarWrapper { position: absolute; right: 0; bottom: 0; width: 305px; }
.teammember .scrollable { float: right; width: 305px; height: 275px; line-height: 1.4285714286; }
.teammember .scrollbarWrapper .scrollable { position: relative; bottom: auto; right: auto; }
.teammember .scrollbar { right: -25px; }
.teammember p { padding: 0 0 10px; }
.teammember p:last-child { padding: 0; }
.teammember a { text-transform: uppercase; }
.teammember #twitter, .teammember #restteam a {
  text-decoration: none;  text-transform: uppercase;
}
.teammember #twitter {
  position: absolute; left: 0; top: 336px; padding: 6px 0 6px 40px; font-size: 0.7142857143em;
  background: url(../img/bg_twitter.png) no-repeat left top;
}
.teammember #restteam { position: absolute; top: 280px; left: 0; }
.teammember #restteam li { font-size: 0.7142857143em; padding-bottom: 2px; }
.teammember #restteam .lower { text-transform: none; }
.teammember #restteam a:hover { text-decoration: underline; }
/* Partners */
.partners#content { height: 357px; }
.partners h1 { padding: 0 0 33px; }
.partners h2 { padding: 0 60px 11px 0; font-size: 1em; font-weight: normal; }
.partners .scrollbarWrapper, .partners .scrollable { position: relative; left: -15px; }
.partners .scrollable { height: 255px; }
.partners .scrollbar { height: 255px; }
.partners#content.sliding .scrollable { left: auto; }
.partners li { float: left; padding: 8px 0 0; width: 246px; font-size: 11px; text-transform: uppercase; }
.partners li a { text-decoration: none; }
.partners span.logo { float: left; display: block; position: relative; height: 42px; width: 87px; text-align: center; }
.partners span.logo img { position: relative; top: 50%; }
.partners span.name, .partners span.extra { position: relative; top: 8px; }
/* Play */
.play#content { margin: 0; padding: 56px; height: 357px; line-height: 1.4285714286; }
.play h1 { position: relative; z-index: 5; padding: 0 0 35px; }
.play #showInfo {
  position: absolute; top: 56px; right: 68px; z-index: 6;
  text-transform: uppercase; text-decoration: none; font-size: 0.8571428571em; color: #828282;
}
.play #pageNav.home { top: 76px; height: 22px; }
.play p { padding: 0 0 19px; }
.play a { text-transform: uppercase; text-decoration: underline; }
.play a:hover { text-decoration: none; }
.play img.over { display: none; }
.play a:hover img.default { display: none; }
.play a:hover img.over { display: inline; }
.overlayed.play #showInfo { z-index: 2; }
.play #playnow span { background-image: url(../img/startnow.png); }
.play #infoContent .button { width: 183px; }
.play #infoContent .button .replace { background-image: url(../img/play/buttons.png); }
#infoContent #signup .replace { background-position: left top; }
#infoContent #startnow .replace { background-position: left -23px; }
  /* Webishades */
  .webishades #sb02 { width: 1px; }
  .webishades #sb03 { width: 170px; }
  .webishades #playnow { bottom: 56px; right: 56px; }
  .wf-inactive .webishades #playnow { color: #000; }
  .webishades p.img { text-align: center; }
/* Forms */
.form form { position: relative; border: 1px solid #404040; padding: 11px 11px 11px 15px; }
.form fieldset { position: relative; padding-bottom: 8px; }
.form label { padding-right: 11px; font-size: 12px; text-transform: uppercase; }
.form button {
  display: block; width: 78px; height: 21px; font-size: 12px; text-transform: uppercase; line-height: 1;
  font-family: "ff-netto-web-1","ff-netto-web-2", Helvetica, Arial, sans-serif;
  color: #fff; background: url(../img/bg_submit.png) no-repeat left top; cursor: pointer;
}
.form button span { position: relative; top: -1px; }
.form .check { height: 19px; width: 21px; background: url(../img/bg_check.png) no-repeat left top; }
.form .checked { background-position: left -19px; }
.form .check input { position: absolute; top: 0; left: -99999px; outline: none; }
.form .dropdown .menu .sliding { height: auto; overflow: hidden; }
#content.form .sliding .scrollbarWrapper { width: auto; background: none; }
.form .sliding ul { position: relative; }
.form .sliding ul li { padding: 0 0 2px; }
.form .highlighted { color: #ccc; }
.form .menu {
  top: 0; left: -99999px; border: 0; padding: 12px 30px 20px 20px; line-height: 1;
  background: url(../img/bg_dropdown_list.png) no-repeat left top;
}
.form .active .menu { top: 20px; left: 94px; }
.form .scrollbar { bottom: 20px; right: 15px; height: 125px; }
.form form #loader {
  display: none; position: absolute; top: -5px; left: -5px; z-index: 2; padding: 5px;
  width: 100%; height: 100%; text-align: center; background: #000; background: rgba(0,0,0,0.75);
}
.form form #loader.shown { display: block; }
.form form #loader img { margin: 71px 0 0; }
.form .result {
  display: none; position: absolute; top: -81px; right: 0; z-index: 2; border: 1px solid #575757;
  padding: 10px 30px 10px 15px; width: 135px; min-height: 20px;
  background: #000 url(../img/bg_message.png) repeat-x left top; text-transform: uppercase;
}
.form .result.shown { display: block; }
.form .result p { font-size: 0.8571428571em; }
.form .result .close { position: absolute; bottom: 10px; right: 10px; }
/* Mime Academy */
.mime-academy label[for=phone], .mime-academy label.phone { padding-right: 7px; }
.mime-academy #firstname, .form #lastname { width: 137px; }
.mime-academy .first { position: relative; }
.mime-academy #phone { margin-left: 5px; width: 86px; }
.mime-academy #email { width: 106px; }
.mime-academy .second { position: absolute; top: 0; right: 0; }
.mime-academy button.second { position: static; float: right; }
.mime-academy form a { color: #4f4f4f; font-size: 12px; text-decoration: none; }
.mime-academy form a:hover { color: #fff; }
.mime-academy form p { padding-bottom: 0; font-size: 10px; }
.mime-academy #privacy { position: absolute; top: 2px; right: 110px; }
.wf-inactive .mime-academy #privacy { right: 90px; }
.mime-academy #contactInfo label, .mime-academy #contactInfo .dropdown, .mime-academy #contactInfo #phone { float: left; }
.mime-academy #contactInfo label { position: relative; top: 2px; }
.mime-academy label[for=terms], .mime-academy label.terms { float: left; }
.mime-academy label[for=terms] a, .mime-academy label.terms a { color: #fff; }
.mime-academy label[for=terms] a:hover, .mime-academy label.terms a:hover { text-decoration: underline; }
.mime-academy #termsCheck { float: left; }
.mime-academy .result { top: auto; right: -1px; bottom: -1px; }
.mime-academy #submit-success { width: 170px; }
/* Work */
.work#content { margin: 0; padding: 56px; }
.work h1 { position: relative; z-index: 5; padding: 0 0 39px; }
.work img.over { display: none; }
.work a:hover img.default { display: none; }
.work a:hover img.over { display: inline; }
/* Paginating Lists */
.paginate li, .paginationWrapper li { float: left; margin: 0 22px 22px 0; }
.paginate .even, .paginationWrapper .even { margin-right: 0; }
.paginationMask { width: 493px; height: 275px; overflow: hidden; }
.paginationWrapper { width: 1500px; }
.paginationWrapper ul { width: 493px; height: 304px; float: left; }
/* Nav on Page */
#pageNav {
  position: absolute; top: 56px; right: 65px; z-index: 5; text-align: right; font-size: 12px; text-transform: uppercase;
}
#pageNav a { display: block; text-decoration: none; color: #828282; }
.overlayed #pageNav #showInfo { color: #303030; }
#pageNav .arrows { position: relative; top: 2px; width: 100%; }
#pageNav .arrows a, #pageNav.home a {
  float: right; display: block; width: 15px; height: 11px; background: url(../img/blank.gif) no-repeat left top;
}
#pageNav #next { background-image: url(../img/work/arrow_right_grey.png); }
#pageNav #prev { float: left; background-image: url(../img/work/arrow_left_grey.png); }
#pageNav.home { width: 37px; height: 27px; background: url(../img/bg_balls.png) no-repeat 2px -27px; }
#pageNav.first { background-position: 2px top; }
#pageNav.last { background-position: 2px -54px; }
#pageNav.one { display: none; }
#pageNav.two { background-position: 10px -27px; }
#pageNav.two.first { background-position: 10px top; }
#pageNav.home #next { position: absolute; right: 0; bottom: 0; }
#pageNav.home #prev { position: absolute; left: 0; bottom: 0; }
.overlayed #pageNav #next, .overlayed #pageNav #prev { background-position: left -11px; }
#pageNav.first #prev, #pageNav.last #next { background-position: left -22px; cursor: default; }
/* Info Overlay */
.jsEnabled #info {
  position: absolute; top: 0; left: -99999px; z-index: 3; width: 605px; height: 471px; font-size: 1em; 
  line-height: 1.4285714286; background: url(../img/bg_info.png) repeat-x left top;
}
.jsEnabled .overlayed #info { left: 0; }
.jsEnabled #infoContent { position: relative; margin: 139px 56px 56px; width: 493px; height: 273px; }
.jsEnabled #statistics {
  display: none; position: absolute; top: 0; left: 0; margin: 139px 56px 56px; width: 493px; height: 273px;
}
.jsEnabled .statistics #statistics { display: block; }
.jsEnabled .statistics #infoContent { display: none; }
#infoContent .buttons { position: absolute; bottom: 0; width: 100%; }
#info > .buttons { position: absolute; bottom: 59px; left: 56px; width: 493px; }
#info .button {
  float: left; display: block; position: relative; margin: 0 24px 0 0; width: 126px; height: 23px;
  text-transform: uppercase; text-decoration: none; line-height: 1; 
}
.wf-inactive #info .button .text { visibility: hidden; }
#info .button .replace {
  display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: url(../img/work/threshold-buttons.png) no-repeat left top;
}
#info #video .replace { background-position: left top; }
#info #site .replace { background-position: left -23px; }
#info #stats .replace { background-position: left -46px; }
.statistics #info #stats .replace { background-position: left -69px; }
#info #close { float: right; position: relative; top: 3px; width: 13px; }
#info .button .text { position: relative; top: 5px; left: 5px; }
/* Case Study */
.case #pageNav, .case #pageNav .arrows { width: 37px; }
.case ul { margin: 17px 0 0; font-size: 1.0769230769em; }
  /* The Hunt */
  .hunt #info .button .replace { background-image: url(../img/work/hunt-buttons.png); }
/* Past work */
.pastwork h1 { padding: 0 0 33px; }
.pastwork h2 { padding: 0 0 11px; font-size: 1em; font-weight: normal; }
.pastwork li { float: left; margin: 0; padding: 8px 0 13px; width: 245px; font-size: 12px; text-transform: uppercase; }
.pastwork li a { text-decoration: none; }
.pastwork span.logo {
  float: left; display: block; position: relative; margin: 0 5px 0 0; height: 46px; width: 81px; text-align: center;
}
.pastwork span.logo img { position: relative; top: 50%; }
.pastwork #pageNav, .pastwork #pageNav .arrows { width: 37px; }
/* Contact */
.contact h1 { padding: 0 0 33px; }
.contact p { padding: 0 0 34px; line-height: 1.4285714286; }
.contact a:hover { text-decoration: none; }
.contact #contactInfo { border: 1px solid #404040; padding: 13px 30px 12px; width: 413px; }
.contact ul { width: 240px; }
.contact #methods { float: left; }
.contact #social { float: right; width: 170px; }
.contact li { clear: left; position: relative; text-transform: uppercase; overflow: hidden; }
.contact li .logo {
  float: left; display: block; position: relative; margin-right: 10px; width: 50px; height: 53px; text-align: center;
}
.contact li .logo img { position: relative; top: 50%; }
.contact .email img, .contact .phone img { margin-top: -16px; }
.contact .snailmail img { margin-top: -13px; }
.contact #social img { margin-top: -15px; }
.contact a { display: block; width: 100%; height: 100%; text-decoration: none; }
/* Sign up */
.signup#content { height: 357px; }
.signup h1 { padding: 0 0 33px; }
.signup #info {
  position: absolute; top: 82px; left: 0; border: 1px solid #3c3c3c; padding: 10px 16px 10px 10px;
  width: 141px; height: auto; font-size: 0.9285714286em; line-height: 1.1071428571; background: none;
}
.wf-active .signup #info { letter-spacing: 0px; }
.signup form { margin: 0 0 0 192px; border: none; padding: 0; }
.signup label { position: relative; top: 2px; }
.signup label span { display: block; position: relative; top: -2px; line-height: 1; }
.signup label, .signup input, .signup .dropdown, .signup .check { float: left; }
.signup fieldset { clear: both; }
.signup #personalInfo label { padding-right: 14px; }
.signup #personalInfo input { position: relative; top: 3px; width: 89px; }
.wf-inactive .signup #personalInfo input { width: 70px; }
.signup form .first { clear: both; }
.signup form div.first { float: left; }
.signup form .second { float: right; }
.signup form button { width: 60px; }
.signup #whatnext { position: absolute; bottom: 19px; left: 0; z-index: 3; }
.wf-inactive .signup #whatnext { bottom: 15px; }
.signup .result { top: -81px; }
.signup #submit-success { width: 215px; }
  /* Sign up fields */
  .signup #firstname { margin-right: 20px; }
  .signup #firstname.placeholder, .signup #lastname.placeholder { padding-left: 16px; width: 76px; color: #303030; }
  .signup #phone { width: 142px; }
  .wf-inactive .signup #phone { width: 134px; }
  .signup #countrycodeDropdown { margin-right: 11px; }
  .signup #countrycodeDropdown.active .menu { left: 50px; top: 19px; }
  .signup #countrycodeDropdown .selection { width: 65px; text-transform: uppercase; }
  .signup label[for=email] { clear: both; }
  .signup #email { margin-right: 20px; width: 92px; }
  .signup #email.placeholder { padding-left: 17px; width: 78px; color: #303030; }
  .wf-inactive .signup #email.placeholder { width: 70px; }
  .signup #twitter { width: 77px; }
  .wf-inactive .signup #twitter { width: 70px; }
  .signup #lineOne, .signup #lineTwo { width: 202px; }
  .wf-inactive .signup #lineOne, .wf-inactive .signup #lineTwo { width: 182px; }
  .signup label[for=lineTwo], .signup #lineTwo { margin-top: 8px; }
  .signup label[for=city], .signup label[for=state] { margin-top: 8px; }
  .signup #city { margin: 8px 0 0 0; width: 143px; }
  .signup #state { margin-top: 8px; width: 50px; }
  .signup label[for=postal], .signup #countryDropdown { margin-top: 8px; }
  .signup label[for=postal] { top: 0; padding-right: 0; }
  .signup label[for=postal] span { display: inline; position: relative; top: 0; }
  .signup label[for=postal] .alt { display: none; }
  .wf-inactive .signup label[for=postal] .normal { display: none; }
  .wf-inactive .signup label[for=postal] .alt { display: inline; }
  .signup #postal { float: none; margin: 0 0 0 11px; width: 50px; }
  .signup #countryDropdown { float: right; }
  .signup #countryDropdown.active .menu { top: 103px; left: 200px; width: 176px; }
  .signup #countryDropdown .selection { width: 104px; text-transform: uppercase; }
  .signup .check { position: relative; top: 3px; }
  .signup #legal label { padding-right: 13px; }
  .signup #legal label a { text-decoration: none; }
  .signup #legal label a:hover { text-decoration: underline; }
  .signup #submitWrap { clear: both; float: right; margin: 6px 0 0; text-align: right; }
  .signup #submitWrap a {
    position: relative; top: 5px; font-size: 9px; color: #525252; text-decoration: none; text-transform: uppercase;
  }
/* Legal */
.legal#content .scrollable, .legal#content .scrollbar { height: 355px; }
/* Nav */
#nav { position: absolute; top: 140px; right: 114px; width: 186px; }
#nav li { position: relative; width: 100%; height: 45px; }
#nav li a { padding: 15px 0 0 15px; outline: none; }
#nav li a:focus span { z-index: 5; outline: 1px dotted #fff; }
#nav li span {
  display: block; position: absolute; top: 0; left: 0; z-index: 4; width: 186px; height: 100%;
  background: url(../img/blank.gif) no-repeat left top;
}
#nav #logo { height: 141px; }
#nav #about, #nav #play { height: 44px; }
#nav #signup { height: 61px; }
#nav #logo span { background-image: url(../img/nav/logo.png); }
#nav #about span { background-image: url(../img/nav/about.png); }
#nav #news span { background-image: url(../img/nav/news.png); }
#nav #team span { background-image: url(../img/nav/team.png); }
#nav #play span { background-image: url(../img/nav/play.png); }
#nav #work span { background-image: url(../img/nav/work.png); }
#nav #contact span { background-image: url(../img/nav/contact.png); }
#nav #signup span { background-image: url(../img/nav/signup.png); }
#nav li a:hover span { left: -4px; width: 198px; background-position: -186px top; }
/* Social */
#socialBlock { position: absolute; top: 650px; right: 114px; }
#socialBlock a span { position: absolute; visibility: hidden; }
#socialBlock a { float: left; display: block; margin-left: 10px; width: 28px; height: 28px; }
#socialBlock .twitter { background: url(../img/social/twitter.png) no-repeat left top; }
#socialBlock .facebook { background: url(../img/social/facebook.png) no-repeat left top; }
/* Mobile */
.bgdance#wrap {
  padding: 140px 115px 179px 101px; height: auto; background: url(../img/bg_wrap_mid.jpg) repeat-y left 140px;
}
.bgdance#wrap #header {
  display: block; position: absolute; left: 0; top: 0; width: 100%; height: 140px;
  background: url(../img/bg_wrap_top.jpg) no-repeat center top;
}
.bgdance#wrap #footer {
  display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 179px;
  background: url(../img/bg_wrap_bottom.jpg) no-repeat center bottom;
}
.mobile .scrollable { height: auto; }
.mobile .about#content { margin: 0; padding: 56px; }
.mobile .partners#content { margin: 0; padding: 56px; height: auto; }
.mobile .teammember#content { margin: 0; padding: 56px; height: auto; overflow: hidden; }
.mobile .teammember #twitter { left: 56px; top: 392px; }
.phone .signup#content { height: auto; margin: 0; padding: 56px; }
.phone .signup #info { position: relative; top: auto; left: auto; width: auto; margin-bottom: 20px; }
.phone .signup form { margin: 0; }
.phone .signup #firstname.placeholder, .phone .signup #lastname.placeholder,
    .phone .signup #email.placeholder { width: 150px; }
.phone .signup #countrycode { width: 150px; }
.phone .signup #whatnext { clear: both; position: relative; top: auto; left: auto; margin-top: 30px; }
.phone .signup #country { float: right; clear: both; position: relative; top: auto; left: auto; }