/******************************************************************** Layout */


body {
    background: #292929 url(/intent/images/bg.jpg) repeat scroll 0px 0px;
    color: #fff;
    font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
    font-weight: 300;
}

#logo {
    left: 25px;
    position: fixed;
    top: 25px;
}

#nav {
    left: 25px;
    position: fixed;
    top: 150px;
}

#nav ul {
    margin: 0;
    padding: 0;
}

#nav li {
    display: block;
    margin: 0;
}

#nav ul ul {
    margin: -2px 0 10px 20px;
    width: 230px;
}

#nav ul ul li {
    margin: 3px 0;
}

#content {
    margin: 150px 0 80px 300px;
    width: 720px;
}

.ipad #content, .iphone #content, .ipod #content {
    margin: 150px 0 80px 280px;
    width: 685px;
}

#footer {
    bottom: 25px;
    color: #807166;
    font-size: 11px;
    left: 25px;
    line-height: 20px;
    position: fixed;
}

#nav #footer {
    position: static;
    margin-top: 100px;
}

.ipad #footer, .iphone #footer, .ipod #footer {
    bottom: 0;
    position: absolute;
    top: 500px;
}

#footer ul {
    margin: 0;
    padding: 0;
    width: 240px;
}

#footer li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.chalky_hr {
    border: 0 !important;
    background: transparent url(/intent/images/underline.png) repeat-x scroll 0px -144px;
    display: block;
    height: 10px;
    margin: 2px 0px 20px;
    padding: 0;
}


/**************************************************************** Typography */


h1, h2, h3, h4, p {
    color: #fff;
}

h1, h2 {
    font-size: 47px;
    font-weight: normal !important;
    line-height: 1em;
    margin: -5px 0 8px -3px;
}

.ipad h1, .iphone h1, .ipod h1 {
    font-size: 44px;
}

h2 {
    font-size: 28px;
    margin: 22px 0 18px -1px;
}

h3 {
    font-size: 17px;
    font-weight: normal;
}

h4 {
    color: #dadada;
    font-size: 16px;
    font-weight: normal;
}

p {
    color: #dadada;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    margin: 20px 0;
}

p.short_width {
    width: 410px;
}

.ipad p.short_width, .iphone p.short_width, .ipod p.short_width {
    width: 390px;
}

.full_width {
    width: 100%;
}

.small {
    font-size: 11px;
    line-height: 15px;
}

ol, ul {
    margin: 14px 0 30px;
}

li {
    color: #dadada;
    font-size: 16px;
    line-height: 18px;
    margin: 6px 0 6px 48px;
}

.smaller_copy p {
    font-size: 14px;
    line-height: 20px;
}


/************************************************************ Call to Action */


.cta {
    margin: 8px 0;
}

.cta strong {
    color: #c0dfff;
    display: inline-block;
    font-size: 17px;
    font-weight: normal;
    width: 110px;
}


/***************************************************************** Home Page */


#homepage #yesman {
    float: right;
    left: -54px;
    position: relative;
    top: 0px;
}

.iphone #homepage #yesman, .ipad #homepage #yesman, .ipod #homepage #yesman {
    left: -20px !important;
}

#homepage #cta {
    margin-top: 24px;
}

#homepage .cta {
    margin-bottom: 14px;
}

#homepage .cta strong {
    display: block;
    font-size: 23px;
    line-height: 25px;
    margin-bottom: -1px;
}

#homepage .cta a {
    position: static;
}


/**************************************************************** About Page */


#about {
    width: 620px;
}

#investors {
    width: 570px;
}

#advisors {
    width: 570px;
}

#advisors .column1of2 {
    float: left;
    width: 265px;
}

#advisors .column2of2 {
    float: right;
    width: 265px;
}

#about h3 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 4px;
}

#investors h3, #advisors h3 {
    margin: 14px 0 4px 0;
}

#about p {
    font-size: 13px;
    line-height: 17px;
    margin: 4px 0 12px 0;
}

#about p + h3 {
    margin-top: 18px;
}

#investors p, #advisors p {
    margin: 4px 0 12px 0;
}

#about .asset {
    color: #3c87d2;
    font-size: 19px;
    font-weight: bold;
    line-height: 26px;
    margin: 0 0 2px -1px;
}

#investors .asset {
    margin-bottom: 12px;
}

#about .asset span {
    /* display: block; */
    font-size: 13px;
    font-weight: normal;
    margin-left: 3px;
    /* margin-top: -6px; */
    /* text-transform: uppercase; */
}

.ipad #about .asset span, .iphone #about .asset span, .ipod #about .asset span {
    display: block;
    margin: -6px 0 0 0;
}

#about h2 {
    color: #c0dfff;
    font-size: 21px;
    margin: 10px 0 14px -1px;
    padding-top: 12px;
}

#about .details {
    padding: 1px 0 20px 0;
}

#about .details p, #about .details h3 {
    margin-right: 158px;
}

#about .details img {
    border: 3px solid #444;
    float: right;
    height: 180px;
    margin: 29px 0 0 0;
    width: 135px;
    -moz-box-shadow: 5px 5px 18px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 18px rgba(0, 0, 0, 0.3);
}

#investors .details img {
    margin-top: 3px;
}

#investors h1 {
    margin-bottom: 18px;
}

#advisors h1 {
    margin-bottom: 12px;
}

#about hr.underline {
    margin: 0 0 20px;
}


/*********************************************************** Retailers Page */


#retailers h2, #advertisers h2 {
    font-size: 47px;
    font-weight: normal !important;
    line-height: 1em;
    margin: 26px 0 8px -3px;
}

.ie8 #retailers h2, .ie8 #advertisers h2 {
    margin-top: 0;
}

#retailers p {
    width: 420px;
}

.ipad #retailers p, .iphone #retailers p, .ipod #retailers p {
    width: 396px;
}


/********************************************************** Advertisers Page */


#advertisers .hidden {
    width: 720px;
}

.ipad #advertisers .hidden, .iphone #advertisers .hidden, .ipod #advertisers .hidden {
    width: 670px;
}

#advertisers p {
    width: 420px;
}

.ipad #advertisers p, .iphone #advertisers p, .ipod #advertisers p {
    width: 380px;
}


/************************************************************* Products Page */


#products {
    width: 700px;
}

#products p {
    font-size: 15px;
}

#products h1 {
    margin-bottom: 24px;
}

div.ssr_column {
    float: left;
    width: 350px;
}

div.aft_column {
    float: right;
    width: 300px;
}

#products strong {
    color: #f9f9f9;
}

#products img.logo {
    margin-bottom: 8px;
}

#products hr {
    margin: 11px 0 -7px;
}


/*************************************************************** Press Page */


#press_releases div.press_release {
    margin: 20px 0;
}

#press_releases div.press_release_source {
    color: #c0dfff;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 2px -1px;
}

#press_releases div.press_release a {
    font-size: 17px;
}

#press_releases div.press_release_date {
    color: #ccc;
    display: none;
    font-size: 13px;
}


/***************************************************************** Jobs Page */


#jobs {
    margin-top: 22px;
    width: 540px;
}

#jobs h2 {
    padding-top: 6px;
}

#jobs p {
    font-size: 14px;
    line-height: 18px;
}

#jobs li {
    font-size: 14px;
}

#jobs hr.underline {
    margin: 10px 0 28px;
}

#job {
    width: 600px;
}

#job h1 {
    width: 720px;
}

p.job, div.job {
    margin: 8px 0;
}

p.job span, div.job span {
    color: #3c87d2;
    font-size: 13px;
    font-weight: normal;
    margin-left: 8px;
}

#jobfeed a.share_button {
    border: 0;
    float: left;
    margin-right: 8px;
    opacity: 0.85;
    position: relative;
    text-decoration: none;
    top: 5px;
}

#jobfeed a.share_button:hover {
    opacity: 1;
}

h1 span, .job_location {
    color: #c0dfff;
    display: block;
    font-size: 19px;
    line-height: 22px;
    margin: 2px 0 28px 2px;
}

#office_slideshow {
    margin: 13px 0 24px;
}

.iphone #office_slideshow img, .ipad #office_slideshow img, .ipod #office_slideshow img {
    width: 660px;
}

div.sa500 {
    left: -5px;
    position: relative;
    top: -5px;
}

div.sa500 img {
    display: inline-block;
}

div.sa500 a {
   border: none;
}

/************************************************************** Contact Page */


#contact {
    background: transparent url(/intent/images/map.png) no-repeat top right;
    width: 710px;
    min-height: 490px;
}

.iphone #contact {
    background-position: 360px 0px;
}

#contact h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 24px 0 5px 0;
}

#contact p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 24px 0;
}

#contact p.cta {
    margin: 8px 0;
}

#contact p.cta strong {
    font-size: 15px;
    width: 165px;
}

.iphone #handwritten_correspondence {
    font-size: 23px; /* ?? */
    width: 240px;
}

#contact a {
    font-size: 16px;
    line-height: 20px;
}


/******************************************************************* Privacy */


#privacy h2 {
    font-size: 24px;
}

#privacy h3 {
    font-size: 16px;
}

#privacy p {
    font-size: 14px;
    line-height: 21px;
    margin: 18px 80px 18px 0;
}


/******************************************************************* Opt Out */


#opt_out p {
    font-size: 16px;
    line-height: 22px;
    margin: 16px 0 20px;
    width: 540px;
}


/************************************************************** Contact Form */


label {
    color: #c0dfff;
    display: block;
    font: bold 12px/12px Arial, Helvetica, sans-serif;
}

label.error {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    background: #600;
    color: #c33;
    font: bold 13px/13px Arial, Helvetica, sans-serif;
    margin: -45px 0 0 310px;
    padding: 7px 8px;
    position: absolute;
}

.required:after {
  content: '*';
  color: #c00;
  padding-left: 2px;
  }

textarea, input.text {
    background: #191919;
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
    color: #ddd;
    font: bold 15px/15px Arial,Helvetica,sans-serif;
    margin: 5px 0 18px;
    outline: none;
    padding: 4px 5px;
    width: 300px;
}

textarea:focus, input.text:focus {
    background: #000;
}

textarea {
    width: 400px;
}

input.submit {
    background: #008af4;
    background: -moz-linear-gradient(top, #008AF4 0%, #0061AC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008AF4), color-stop(100%,#0061AC));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008AF4', endColorstr='#0061AC',GradientType=0 );
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: bold 15px/15px Arial, Helvetica, sans-serif;
    margin: 8px 0;
    outline: none;
    padding: 8px 18px 7px;
}


/********************************************************************* Links */


a {
    border-bottom: 1px dotted #777;
    color: #eee;
    text-decoration: none;
}

a:hover {
    border-bottom: 1px solid #999;
    color: #fff;
}

#logo a {
    border-bottom: 0;
}

#nav a {
    border-bottom: 0;
    color: #cc6714;
    display: inline-block;
    font-size: 28px;
    font-weight: 800;
    height: 31px;
    line-height: 28px;
    text-decoration: none;
    text-transform: uppercase;
}

#nav li li a {
    font-size: 14px;
    height: auto;
    line-height: 14px;
    /* text-transform: none; */
}

#nav a:hover, #footer a:hover {
    color: #ffb980;
}

#nav a.active, #footer a.active {
    color: #ffead9;
}

#footer a {
    border-bottom: 0;
    color: #cc6714;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    line-height: 15px;
    margin-right: 8px;
    text-decoration: none;
    text-transform: none;
}

#footer a.made_in_nyc {
    color: #807166;
}

#footer a.made_in_nyc:hover {
    color: #c7bcb3;
    border-bottom: 1px dotted #807166;
}

a.underline {
    border-bottom: 0;
    background: transparent url(/intent/images/underline.png) repeat-x scroll 0px 48px;
    color: #4098f0;
    display: inline-block;
    font-size: 19px;
    font-weight: normal;
    padding: 0 0 11px;
    text-decoration: none;
}

a.underline:hover {
    border-bottom: 0;
    color: #c0dfff;
}