#btn_teaser_video{
    float: left;
    font-size: 0;
    white-space: nowrap;
}

.teaser-video-lightbox {
    background: url("../img/intro/bg_overlay.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.teaser-video-lightbox .video-js-box{
    /*background-color: #000000;*/
    border: 3px solid #D8D8D8 !important;
    left: 50%;
    margin-left: -320px;
    margin-top: -238px;
    position: absolute;
    top: 50%;
    z-index: 999;
}
.teaser-video-lightbox .video-js-box, .teaser-video-lightbox .video-js-box .video-js {
    height: 360px !important;
    width: 640px !important;
}
.teaser-video-lightbox .video-js-box.vjs-fullscreen, .teaser-video-lightbox .video-js-box.vjs-fullscreen .video-js {
    border: medium none;
    bottom: 0;
    height: 100% !important;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 1000;
}
.teaser-video-lightbox .close {
    background: url("../img/intro/close.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 15px;
    position: absolute;
    right: 0;
    text-indent: -999em;
    top: -20px;
    width: 34px;
}


#about-us-link{
    display: block;
    margin: 0;
    padding: 0;
    background: url('../img/btn_about.png') top left no-repeat;
    width: 253px;
    height: 61px;
}
#about-us-link:hover{
    background-position: bottom left;
}

#about-us{
    min-height: 499px;
    background: #494D4C; 
}

/* Image replacement */
    .top-split .controls a,
    .attitude-detail .invisible a,
    .washes .view-larger,
    .description h1 span,
    .leaderboard ul li .city .name,
    .leaderboard h3 .title,
    .attitude-nav .menu li a span,
    .attitude-nav h2,
    .attitudes .attitude h4,
    .top-split h2,
    .top-split .selectors li a,
    .twitter-actions li a,
    .leading-cities .attitude h3,
    .attitude h3,
    .social-links a {
        display: block;
        text-indent: -999em;
        overflow: hidden;
        background-repeat: no-repeat;
        text-align: left;
        direction: ltr;
    }
/* Shadows */
    .attitude-detail .social-box.instagram .body,
    .attitude-detail .washes a img {
      -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
      -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
      box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
      /*3b3b3b*/
    }

/* Clearfix, try and use overflow:hidden where possible please. */
    .cf:before, .cf:after { content: ""; display: table; }
    .cf:after { clear: both; }
    .cf { zoom: 1; }

.top-split {
    background: url('../img/index/top-split-background.jpg');
    height: 499px;
    position: relative;
}

    .top-split iframe {
        display: none;
        margin-top: 52px;
        width: 960px;
        height: 447px;
        z-index: 100;
        border: none;
        position: absolute;
        top: 0;
        left: 0;
    }

    .top-split .controls{
        position: absolute;
        width: 980px;
        bottom: 44px;
        left: 0;
    }

    .top-split .controls a {
        height: 35px;
        width: 40px;
        position: absolute;
        top: 0;
        z-index: 10;
    }
    .top-split #carousel-previous {
        background: url("../img/about-us.png") no-repeat scroll -312px -305px transparent;
        left: 8px;
    }
    .top-split #carousel-previous:hover,
    .top-split #carousel-previous:focus {
        background-position: -372px -305px;
    }
    .top-split #carousel-next {
        background: url("../img/about-us.png") no-repeat scroll -432px -305px transparent;
        right: 8px;
    }
    .top-split #carousel-next:hover,
    .top-split #carousel-next:focus {
        background-position: -492px -305px;
    }


    .top-split .diesel-store {
        position: absolute;
        bottom: 27px;
        right: 0px;
        width: 330px;
    }

    .top-split .top-slides {
        color: white;
        font-size: 14px;
    }
        
        /* Styles generic to all slides (and default positions) */
        .top-slides .slide {
            display: none;
            position: relative;
            width: 980px;
            height: 499px;
            overflow: hidden;
            background: #494D4C;
        }

            .top-slides .slide img {
                float: right;
                z-index: -1;
            }


            .top-slides .slide .long-copy {
                color: #e3cfb2; 
                font-style: italic;
                font-size: 1.15em;
                line-height: 1.15em;

                position: absolute;
                top: 312px;
                left: 15px;
                text-align: center;
                width: 230px;

            }
            .top-slides .slide.getlegg .long-copy {
                left: 35px;
                width: 180px;
            }

            .top-slides .slide .pull-quote {
                font-style: italic;
                font-size: 2.2em;
                line-height: 1.25em;
                font-weight: 200;

                position: absolute;
                top: 155px;
                left: 784px;
                text-align: left;
                width: 160px;
            }
            
            .top-slides .slide .link {
                font-style: italic;
                font-size: 2.2em;
                line-height: 1.25;
                font-weight: 200;

                position: absolute;
                top: 0px;
                text-align: left;
                width: 140px;
                height: 40px;
                display:block;

                text-indent:-99999px;

                background: none;
            }

        .top-slides .flairlegg .pull-quote {
            top: 100px;
            right: 784px;
            width: 160px;
        }

        .top-slides .flairlegg .link {
            right:5px;
            top:358px;
            width:174px;
        }

        .top-slides .getlegg .pull-quote {
            font-size: 1.8em;
            top: 133px;
            left: 710px;
            width: 250px;
        }

        .top-slides .getlegg .link {
            right:188px;
            top:358px;
        }

        .top-slides .bootzee .pull-quote {
            top: 216px;
            left: 628px;
            width: 300px;
        }
        
        .top-slides .bootzee .link {
            left:321px;
            top:426px;
        }

        .top-slides .grupee .pull-quote {
            top: 117px;
            left: 639px;
            width: 280px;
        }

        .top-slides .grupee .link {
            right:180px;
            top:357px;
        }

        .top-slides .washes .pull-quote {
            top: 166px;
            left: 472px;
            width: 260px;
            font-size: 2.1em;
            line-height: 1.2;
        }

        .top-slides .myguy .pull-quote {
            top: 215px;
            left: 685px;
            width: 240px;
        }
        
        .top-slides .myguy .link {
            left:547px;
            top:241px;
        }

        .top-slides article.active {
            display: block;
        }

    .top-split h2 {
        background: url('../img/about-us.png') no-repeat -180px -77px;
        width: 214px;
        height: 145px;

        position: absolute;
        top: 98px;
        left: 25px;

        text-align: center;
    }
    
    .top-split .selectors {
        position: absolute;
        top: 278px;
        left: 75px;
        width: 200px;
        overflow: hidden;
    }

        .top-split .selectors li {
            float: left;
        }
        
        .top-split .selectors li a {
            background: url('../img/about-us.png') no-repeat -1005px -77px;
            width: 10px;
            height: 10px;
            margin: 0 10px 0 0;
            
        }

        .top-split .selectors li.active a {
            background: url('../img/about-us.png') no-repeat -990px -135px;
            width: 10px;
            height: 10px;
        }


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #about-us-link{
        margin-top: 40px;
    }
}