body#iphone {
    background: none;
    background: #fff;
    padding: 0;
    margin: 0;
}

/* ZEN BOARD PROMO STYLES */

#iphone .zenBoard {
    position: relative;
    display: block;
    background: transparent url(../images/zenBoard/bg_main.jpg) 0 163px repeat-x;
}

.zenBoard .bounds {
    position: relative;
    display: block;
    margin: 0 auto;
/*    width: 825px;*/
    width: 960px;
}

.zenBoard .masthead {
    position: relative;
    display: block;
    height: 163px;
    background: transparent url(../images/zenBoard/bg_masthead.jpg) repeat-x;
    z-index: 1; /*content div overlaps this at 2*/
}

.zenBoard .masthead .paperJar {
    position: absolute;
    top: 0;
    right: 0;
    width: 536px;
    height: 103px;
    background: transparent url(../images/zenBoard/paper-jar.png) 0 0 no-repeat;
}

.zenBoard .masthead .branding {
    position: absolute;
    top: 44px;
}

.zenBoard .masthead .branding h1 {
    position: relative;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 226px;
    height: 43px;
    background: transparent url(../images/zenBoard/zen-board-logo.png) 0 0 no-repeat;
    margin: 0 0 0 3px;
    padding: 0;
    top: 0;
    left: 0;
}

.zenBoard .masthead .branding p.production {
    position: relative;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 226px;
    height: 43px;
    margin: 0 0 0 3px;
    background: transparent url(../images/zenBoard/eight-bit-studios.png) 0 0 no-repeat;
}

.zenBoard .content {
    position: relative;
    display: block;
/*    width: 824px;*/
    width: 824px;
    padding: 0 68px;
    margin: 0 auto 0 auto;
    background: transparent url(../images/zenBoard/bg_content.jpg) 0 50px no-repeat;
    z-index: 2;
}

.zenBoard .content #iPhone {
    position: relative;
    display: block;
    width: 736px;
    height: 406px;
    margin: -50px auto 0 auto;
    background: transparent url(../images/zenBoard/iphone.png) 0 0 no-repeat;
}

.zenBoard .content .main {
    position: relative;
    float: left;
    width: 450px;
    margin: 0 0 50px 67px;
}

.zenBoard .content .main p {
    font-family: Georgia, Times, serif;
    font-size: 1.6em;
    line-height: 1.3em;
    text-align: left;
    margin: 0 0 20px 0;
}

.zenBoard .content .main p strong {
    font-size: 1.6em;
    font-weight: normal;
    color: #e20000;
}

.zenBoard .content .main p a {
    color: #E20000;
}

.zenBoard .content .main p a:hover {
    text-decoration: underline;
}

.zenBoard .content .promo {
    position: relative;
    float: right;
    display: inline;
    margin: 0 40px 0 0;
    width: 213px;
}

.zenBoard .content .promo p {
    font-size: 1.2em;
    margin: 0 0 20px 0;
    text-align: left;
}

.zenBoard .content .promo p a {
    color: #666;
}

.zenBoard .content .promo p a:hover {
    color: #f00;
}

.zenBoard .content .promo p.facebook {
    padding: 15px 0 15px 45px;
    margin: 0 0 5px 0;
    background: transparent url(../images/zenBoard/icons/facebook.png) no-repeat 0 center;
}

.zenBoard .content .promo p.twitter {
    padding: 15px 0 15px 45px;
    background: transparent url(../images/zenBoard/icons/twitter.png) no-repeat 0 center;
}

.zenBoard .content .carousel {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 250px;
    height: 50px;
}

.zenBoard .content .carousel a {
    font-size: 1.8em;
    background: #fff;
    float: left;
    display: inline;
    font-weight: bold;
    color: #de090e;
    text-align: center;
    width: 24px;
    line-height: 24px;
    height: 24px;
    margin: 0 2px;
    cursor: pointer;
}

.zenBoard .content .carousel a.back,
.zenBoard .content .carousel a.next {
    font-size: 1.2em;
    color: #999;
    background: none;
    margin: 0 10px;
    width: auto;
}

.zenBoard .content .carousel a:hover {
    color: #fff;
    background: #ccc;
}

.zenBoard .content .carousel a.back:hover,
.zenBoard .content .carousel a.next:hover { color: #000; background: none; }

.zenBoard .content .carousel a.selected {
    color: #fff;
    background: #999;
}

.zenBoard .content #screen-shots {
    position: absolute;
    top: 47px;
    left: 240px;
    width: 479px;
    height: 320px;
    z-index: 10;
    overflow: hidden;
}

.zenBoard .content #screen-shots img {
    position: absolute;
    display: block;
    z-index: 1;
}

.zenBoard .content #screen-shots img.selected {
    position: absolute;
    display: block;
    z-index: 100;
}

/* FART LIGHTER PROMO STYLES */

#iphone .fartLighter {
    background: #000 url(../images/fartLighter/backgrounds/body.jpg) repeat-x;
    text-align: left;
}

.fartLighter .wrapper {
    position: relative;
    display: block;
    width: 1000px;
    margin: 0 auto;
    padding: 25px 20px 0 20px;
    background: transparent url(../images/fartLighter/backgrounds/main.jpg) center 0 no-repeat;
}

.fartLighter h1 {
    position: relative;
    float: left;
    display: inline;
    background: transparent url(../images/fartLighter/fart-lighter-logo.png) 0 0 no-repeat;
    top: 0;
    left: 0;
    margin: 0 0 50px 0;
}

.fartLighter h1 a {
    position: relative;
    display: block;
    width: 341px;
    height: 81px;
    text-indent: -9999px;
    overflow: hidden;
}

.fartLighter ul.social-media {
    position: relative;
    float: right;
    display: inline;
    width: 432px;
    margin: 7px 0 0 0;
    padding: 0 30px 0 0;
}

.fartLighter ul.social-media li {
    position: relative;
    float: right;
    display: inline;
}

.fartLighter ul.social-media li a {
    position: relative;
    float: left;
    display: inline;
    text-indent: -9999px;
    overflow: hidden;
}

.fartLighter ul.social-media li a.buy {
    width: 159px;
    height: 82px;
    background: transparent url(../images/fartLighter/buttons/iphone-app-store.png) 0 0 no-repeat;
}

.fartLighter ul.social-media li a.faceBook {
    width: 48px;
    height: 47px;
    margin: 4px 45px 0 0;
    background: transparent url(../images/fartLighter/icons/fart-lighter-facebook.png) 0 0 no-repeat;
}

.fartLighter ul.social-media li a.youTube {
    width: 41px;
    height: 48px;
    margin: 0 34px 0 0;
    background: transparent url(../images/fartLighter/icons/fart-lighter-youtube.png) 0 0 no-repeat;
}

.fartLighter ul.social-media li a.twitter {
    width: 46px;
    height: 46px;
    margin: 2px 28px 0 0;
    background: transparent url(../images/fartLighter/icons/fart-lighter-twitter.png) 0 0 no-repeat;
}

.fartLighter ul.navigation {
    position: relative;
    float: left;
    display: inline;
    clear: both;
}

.fartLighter ul.navigation li {
    position: relative;
    float: left;
    display: inline;
}

.fartLighter ul.navigation li a {
    position: relative;
    display: block;
    font-size: 2em;
    font-weight: bold;
    color: #fffd02;
    padding: 18px 20px 25px 20px;
}

.fartLighter ul.navigation li a:hover {
    color: #fff;
}

.fartLighter ul.navigation li a.selected {
    color: #fff;
    background: transparent url(../images/fartLighter/backgrounds/nav-selected.png) no-repeat center bottom;
}

.fartLighter .content {
    position: relative;
    display: block;
    z-index: 2;
}

.fartLighter .content .wrapper {
    background: transparent url(../images/fartLighter/backgrounds/main.jpg) center -220px no-repeat;
}

.fartLighter .content h2 {
    font-weight: bold;
    font-size: 3.6em;
    line-height: 1.3em;
    color: #ff5400;
    width: 600px;
    margin: 40px 0 25px 0;
}

.fartLighter .content p {
    font-size: 2.2em;
    line-height: 1.3em;
    font-weight: bold;
    color: #fff;
    width: 500px;
    margin: 0 0 60px 0;
}

.fartLighter .content .carousel {
    position: relative;
    float: right;
    margin: 0 330px 25px 0;
}

.fartLighter .content .carousel a {
    font-size: 1.8em;
    background: #ff0;
    float: left;
    display: inline;
    font-weight: bold;
    color: #de090e;
    text-align: center;
    width: 24px;
    line-height: 24px;
    height: 24px;
    margin: 0 2px;
    cursor: pointer;
}

.fartLighter .content .carousel a.back,
.fartLighter .content .carousel a.next {
    font-size: 1.2em;
    color: #ff0;
    background: none;
    margin: 0 10px;
    width: auto;
}

.fartLighter .content .carousel a:hover {
    color: #fff;
    background: #d1080b;
}

.fartLighter .content .carousel a.back:hover,
.fartLighter .content .carousel a.next:hover { background: none; }

.fartLighter .content .carousel a.selected {
    color: #fff;
    background: #d1080b;
}

.fartLighter .content #screen-shots {
    position: absolute;
    top: 2px;
    right: 48px;
    width: 245px;
    height: 368px;
    z-index: 10;
    overflow: hidden;
}

.fartLighter .content #screen-shots img {
    position: absolute;
    display: block;
    z-index: 1;
}

.fartLighter .content #screen-shots img.selected {
    position: absolute;
    display: block;
    z-index: 100;
}

.fartLighter .content #iphone {
    position: absolute;
    display: block;
    top: -92px;
    right: 0;
    width: 338px;
    height: 566px;
    background: transparent url(../images/fartLighter/iphone.png) 0 0 no-repeat;
}

.footer-promos {
    position: relative;
    display: block;
    clear: both;
}

.footer-promos h5 {
    font-size: 2.2em;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 10px 0;
}

.footer-promos h5 a {
    font-size: .66em;
    color: #009cff;
}

.footer-promos h5 a:hover {
    color: #fff;
}

.footer-promos .iphone-promo,
.footer-promos .twitter {
    position: relative;
    float: left;
    width: 275px;
    margin: 0 65px 0 0;
    display: inline;
}

.footer-promos .iphone-promo .iphone-app {
    position: relative;
    display: block;
    clear: both;
}

.footer-promos .iphone-promo img {
    position: relative;
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
}

.footer-promos .iphone-promo p {
    font-size: 1.4em;
    line-height: 1.3em;
    color: #8a8a8a;
}

.footer-promos .iphone-promo p a {
    color: #009cff;
    font-weight: bold;
    display: block;
    padding: 3px 0 0 0;
}

.footer-promos .iphone-promo p a:hover {
    color: #fff;
}

.footer-promos .twitter #twitter_div {
    background: none;
    width: 275px;
}

.footer-promos .twitter h5 {
    background: url(../images/icons/twitter-icon.png) 0 0 no-repeat;
    padding: 5px 0 0 35px;
}

.footer-promos .twitter #twitter_div ul {
    padding: 0;
}

.footer-promos .twitter #twitter_div ul li {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3em;
    color: #8a8a8a;
    padding: 0;
    margin: 0 0 16px 0;
}

.footer-promos .twitter #twitter_div li a {
    font-family: Georgia, Times, serif;
    font-style: italic;
    font-weight: normal;
}

.footer-promos .twitter #twitter_div li span a {
    color: #009cff;
}

.footer-promos .twitter #twitter_div li span a:hover {
    color: #fff;
}

.footer-promos .jobs {
    position: relative;
    float: left;
    width: 275px;
    margin: 0;
    display: inline;
}

.footer-promos .jobs .job {
    margin: 0 0 20px 0;
}

.footer-promos .jobs .job a {
    font-size: 1.4em;
    font-weight: bold;
    color: #009cff;
    display: block;
}

.footer-promos .jobs .job a:hover {
    color: #fff;
}

.footer-promos .jobs .job p {
    font-size: 1.2em;
    line-height: 1.6em;
    color: #425566;
}

.footer-promos .jobs .job p .company {
    font-size: 1.5em;
    font-weight: bold;
    color: #5c9a0d;
}

.footer-promos .jobs .job p .type {
    font-family: Georgia, Times, serif;
    font-size: 1.2em;
    font-style: italic;
    color: #ff6600;
}

.footer-promos .jobs .job p .location {
    font-weight: bold;
    display: block;
}

.analytics-helper {
    position: relative;
    display: none;
    overflow: hidden;
    text-indent: -9999px;
    height: 0;
}

.clear {
    position: relative;
    display: block;
    clear: both;
    height: 1%;
}