body{
    background: url('../images/content/landing/main-bg.jpg');
}
#site-header
{
    height: 70px;
    width: 100%;
    position: relative;
    z-index: 1;
    border-top:3px solid #99b73f;
}

#site-header .logo
{
	
}

#site-header nav{
}

@media(max-width: 1250px){
    #site-header nav{
        margin-right: 140px;
    }  
}

#site-upper-container{
    text-align: center;
    /*height:410px;
    background: url('../images/content/landing/header-bg.jpg') center top #566573 no-repeat;*/
}

#content-region{
    padding:0px;
}

#site-lower-container{
    margin: 0 auto; 
    text-align: center;
}

    #site-lower-container #tracklet-main{
        margin: -300px auto -18px;
        width:1030px;
        height:489px;
        background:url('../images/content/landing/slider-main.png');
    }

    #drag-circle, #drop-circle, #apply-circle{
        content:" "; 
        z-index: 1; 
        width:93px; 
        height:93px; 
        position:absolute; 
    }

    #drag-circle{background:url('../images/content/landing/drag-circle.png'); margin:150px 0px 0px 111px;}
    #drop-circle{background:url('../images/content/landing/drop-circle.png'); margin:150px 0px 0px 431px;}
    #apply-circle{background:url('../images/content/landing/apply-circle.png'); margin:150px 0px 0px 750px;}



#cta-buttons{
    margin:0px auto;
    margin-top:55px;
    margin-bottom:0px;
    width:584px;
    display: block;
}

    #cta-buttons a{
        width:280px;
        height:40px;
        font-size:18px;
        display: block;
        text-align: center;
        border-radius:3px;
        font-weight: normal;
        margin:0px auto;
        margin-top:20px;
        line-height: 42px;
    }

        #cta-buttons.landing-top-cta{
            width:350px;
        }

        #cta-buttons.landing-top-cta a{
            width:350px;
            margin-top:0px;
        }

        /*#cta-buttons .grayBtn{
            margin:20px 20px 0px 0px;
            height:43px;
        }*/

    #tracklet-boxes{
        width:955px;
        height:300px;
        margin:0px auto;
    }

.features-slider-wrap{
    margin:0px 0px 0px 7px;
}

.features-slider-wrap h2{
    padding-bottom:50px;
    font-weight: normal;
    font-size:24px;
    color:#929292;
}

.features-slider-wrap .multiple li {
    width: 145px;
}

.features-slider-wrap .bx-wrapper {
    margin: 0 auto;
}

.features-slider-wrap .bx-prev {
    position: absolute;
    top: 3px;
    left: -63px;
    width: 45px;
    height: 45px;
    text-indent: -999999px;
    background: url('../images/content/landing/features/slider-arrows.png') no-repeat 0 0px;
    opacity: .7;
    outline: none;
}

.features-slider-wrap .bx-next {
    position: absolute;
    top: 0px;
    right: -103px;
    width: 46px;
    height: 47px;
    text-indent: -999999px;
    background: url('../images/content/landing/features/slider-arrows.png') no-repeat 0 -45px;
    opacity: .7;
    outline:none;
}
.features-slider-wrap .bx-next, .features-slider-wrap .bx-prev{
   -webkit-transition:opacity .25s linear;  
   -moz-transition:opacity .25s linear;  
   -o-transition:opacity .25s linear;  
   transition:opacity .25s linear;   
}
.features-slider-wrap .bx-next:hover, .features-slider-wrap .bx-prev:hover{
    opacity:1;
}

#content-chunk-container{
    width:997px;
    margin:0px auto;
    margin-bottom: 20px;
}

.content-chunk-section-container{
    width:997px;
    height:353px;
    text-align: left;
    padding-top:55px;
}
.content-chunk-section-container h2{
    font-weight: normal;
    font-size:30px;
    color:#777;
    line-height: 42px;
}

.content-chunk-section-container ul{
    width:560px;
    margin:25px 0px 20px 0px;
    padding-bottom: 15px;
}

.content-chunk-section-container.job-boards ul{
    margin:25px 0px 0px 0px;
}

.content-chunk-section-container.tracklet ul{
    width:600px;
}

.content-chunk-section-container.showcase ul{
    width:530px;
}

.content-chunk-section-container ul li{
    color:#828388;
    font-size:18px;
    line-height: 26px;
    font-weight: normal;
    padding: 5px 0px 10px 50px;
    list-style: none;
}

.content-chunk-section-container .features-slider-wrap ul li, .content-chunk-section-container.job-boards .features-slider-wrap ul{
    padding:0px;
    margin:0px 0px 0px 0px;
}

.content-chunk-section-container a{
    font-size: 22px;
    padding:2px 40px 0px 0px;
    color:#649abd;
    background: url('../images/content/landing/content-chunk/arrow.jpg') no-repeat 100% 7px;
}


.content-chunk-section-container.job-boards ul li.first{
    background: url('../images/content/landing/content-chunk/jobs-1.jpg') no-repeat 0px 7px;
    padding-bottom: 20px;
}

.content-chunk-section-container.job-boards ul li.second{
    background: url('../images/content/landing/content-chunk/jobs-2.jpg') no-repeat 0px 7px;
}

.content-chunk-section-container.tracklet ul li.first{
    background: url('../images/content/landing/content-chunk/tracklet-1.jpg') no-repeat 0px 7px;
    padding-bottom: 20px;
}

.content-chunk-section-container.tracklet ul li.second{
    background: url('../images/content/landing/content-chunk/tracklet-2.jpg') no-repeat 0px 7px;
}

.content-chunk-section-container.showcase ul li.first{
    background: url('../images/content/landing/content-chunk/showcase-1.jpg') no-repeat 0px 7px;
    padding-bottom: 20px;
}

.content-chunk-section-container.showcase ul li.second{
    background: url('../images/content/landing/content-chunk/showcase-2.jpg') no-repeat 0px 7px;
}

.ls-layer{
    cursor: pointer;
}


.jobs-list-img{
    position:absolute;
    margin-top: -45px;
    margin-left:550px;
    display:none;
    opacity:0px;
}

    .job-boards .apple{
        width:148px;
        height:127px;
        position: absolute;
        margin: -65px 0 0 120px;
        display: none;
    }

    .job-boards .apple-shadow{
        position: absolute;
        margin: 278px 0 0 120px;
        opacity:0;
    }

    .job-boards .content{
        width:550px;
        float:left;
    }

.tracklet{
    padding-left:400px;
    width:597px;
    padding-top: 45px;
    padding-bottom: 70px;
}
    .tracklet .tracklet-img{
        position: absolute;
        margin:10px 0px 0px -1300px;
        opacity: 0;
    }

    .tracklet .pencil{
        position: absolute;
        margin:230px 0px 0px -380px;
        opacity: 0;
    }

    .tracklet .content{
        width:590px;
        float:left;
    }

    .tracklet #video1-container, .tracklet #video2-container, .tracklet #video3-container, #tracklet-content #video1-container, #tracklet-content #video2-container, #tracklet-content #video3-container{
        text-align:center;
        float:left;
        margin-right: 25px;
    }

    .tracklet #video3-container{
        margin-right:5px;
    }

    .tracklet #video1-container span, .tracklet #video2-container span, .tracklet #video3-container span, #tracklet-content #video1-container span, #tracklet-content #video2-container span, #tracklet-content #video3-container span{
        padding-bottom:7px;
        margin:0px;
        display: block;
        color:#A7AAB6;
    }

    .tracklet #how-it-works{
        width:189px;
        height:49px;
        float:left;
        background: url('../images/content/landing/how-it-works.jpg');
        margin-top:37px;
        margin-left:10px;
    }

    .tracklet .video1, .tracklet .video2, .tracklet .video3, #tracklet-content .video1, #tracklet-content .video2, #tracklet-content .video3{
        width:112px;
        height:68px;
        float:left;
        box-shadow: 0px 0px 5px #666;
        padding:0px;
        -webkit-transition: all .25s linear;
        -o-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        -kthtml-transition: all .25s linear;
        transition: all .25s linear;

    }

    .tracklet .video1, #tracklet-content .video1{
        background: url('../images/content/landing/tracklet-video1.jpg') no-repeat;
    }

    .tracklet .video2, #tracklet-content .video2{
        background: url('../images/content/landing/tracklet-video2.jpg') no-repeat;
    }

    .tracklet .video3, #tracklet-content .video3{
        background: url('../images/content/landing/tracklet-video3.jpg') no-repeat;
    }

    .tracklet .video1:hover, .tracklet .video2:hover, .tracklet .video3:hover{
        box-shadow: 0px 0px 6px #000;
    }

.showcase{
    padding-top: 15px;
    padding-bottom:20px;
}

    .showcase .content{
        width:500px;
        float:left;
    }

    .showcase .showcase-img, .showcase .showcase-briefcase, .showcase .showcase-briefcase-shadow, .showcase .showcase-screen{
        position:absolute;
    }

    .showcase .showcase-img{
        margin:-10px 0 0 70px;
    }

    .showcase .showcase-screen{
        margin: 26px 0 0 133px;
        opacity: 0;
    }

    .showcase .showcase-briefcase{
        margin:-75px 0 0 350px;
        display:none;

    }

    .showcase .showcase-briefcase-shadow{
       margin: 294px 0 0 350px;
       opacity: 0;
    }

#slider-content{
    width:977px;
    height:401px;
    background: url('../images/content/landing/slide-1/bg.jpg');
    margin:24px 0px 0px 29px;
    float: left;
}



#site-footer
{
    /*background:url('../images/content/landing/footer-drop-shadow.png') top repeat-x #fff;*/
    margin-top:100px;
}

#content-region
{
    padding-top: 0px;
}

#content-region:before
{ 
    display: none;
}

#about-top
{
    height: 250px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
    background: url(../images/content/partners/banner.jpg) #000 center no-repeat;
}

#about-top img{
    width: 100%;
}

#about-top h1{
    font-size: 48px;
    color: #ffffff;
    font-family: sourceSansBlack, arial;
    font-weight: normal;
    line-height: 50px;
    padding-top:60px;
}

.site-section
{
    float: none;
    width: 800px;
    min-height: 0;
    padding: 40px 80px 80px 80px;
    margin: -210px auto 0 auto;
    font-size: 16px;
    border: none;
    color: #393a3e;
}

#about-content.site-section{
    padding:50px 80px 50px;
    margin-top: -80px;
}

.site-section.partners-section{
    margin:0 auto;
    margin-top:100px;
    text-align: center;
}

.site-section section
{
    padding: 0;
    border: none;
}

/*
h1
{
	color: #707680;
    font-size: 28px;
    font-weight: 500;
    margin: 12px 0 36px 0;
}

section h1
{
	font-size: 24px;
	font-weight: 400;
	color: #333433;
    line-height:24px;
    margin: 0;
}

section h2
{
    font-family: Helvetica;
    font-size: 18.5px;
    font-weight: bold;
    color: #333433;
    line-height:24px;
    margin: 0;
}

section h3
{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 20px;
    color: #333433;
    line-height:24px;
    margin: 0;
}
*/
.fun-fact
{
    padding: 10px 30px;
    margin: 30px 0;
    font-size: 14px;
    position: relative;
}

.fun-fact:after
{
    content: ' ';
    width: 60px;
    height: 66px;
    background: url("../images/content/about-leaf.png");
    display: block;
    position: absolute;
    top: -10px;
    right: -28px;
}

 p
{
    margin: 24px 0;
}

#sign-in p,
.site-header p
{
    margin-top: 0;
    margin-bottom: 0;
}

#error-top
{
    min-height: 300px;
    width: 1260px;
    text-align: center;
    margin: 0 auto;
}
@media (max-width:1260px){
    #error-top {
        width:100%;
    }
}

.about-image{
    width: 70px;
    height: 70px;
    overflow: hidden;
}

/* Contact Form */
#contact_body {
    height: 250px;
}

#contact-thanks {
    height: 200px;
}

#contact-form {
    width: 500px;
    min-height: 300px;
}
#contact-faq {
    width: 300px;
    position: absolute;
    top: 170px;
    right: 0px;
}

#contact-form p {
    width: 550px;
}

#contact-form input,#contact-form select,#contact-form textarea {
    width: 400px;
}

#contact-faq ul {
    margin-top: 5px;
    list-style-type: none;
}


/*############# Homepage ########### */
#videoFrameContainer {
    display: none;
    z-index: 1000000;
}

#videoFrameContainer > div {
    position: fixed;
    margin-top: -160px;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    width: 560px;
    left:50%;
    margin-left: -280px;
    background: #fefefe;
    border-radius: 10px;
    box-shadow: 0 0 2px #ccc;
    border:#ccc 1px solid;
    padding:40px 10px 6px 10px;
}

#videoFrameContainer > div h3 {
    padding: 0;
    position: absolute;
    text-align: left;
    font-size: 18px;
    top: 5px;
    left: 13px;
}

#closeVideo{
    font-size: 25px;
    font-family: 'Arial';
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    color: #999;
}

.video-embed-effect{
  margin:55px 0 0 28px;
  height:200px;
  width:257px;
  position: relative;
  cursor: pointer;
}

.embed-play{
  position: absolute;
  height:26px;
  width:36px;
  bottom: 33%;
  left: 50%;
  margin-left: -16px;
  background-image: url(../images/widgets/embed-play.png);
}

.embed-play:hover{
  background-position: 0px 26px;
}

/*############# Homepage End ########### */

/*########## Tabs ##########*/

#tabContainer{
    position: relative;
}

#tab-scroller {
    width: 100%;
    overflow: auto;
}

.tabs{
    height:100px;
}

.tabs > ul{
    font-size: 1em;
    list-style:none;
}

.tabs > ul > li{
    margin:0 5px 0 0;
    padding:7px 10px;
    display:block;
    float:left;
    border: #C9C9C9 1px solid;
    border-radius: 3px;
}

.tabs > ul > li:hover{
    background: #FFFFFF;
    cursor:pointer;
    color: #333;
}

.tabs > ul > li.tabActiveHeader{
    border: #3dc5ff 1px solid;
    cursor:pointer;
    color: #333;
}

.tabscontent {
    background: #FFFFFF;
    margin-top:20px;
    color:#333;
}

/*########## Tabs end ##########*/


#as-seen-on{
    width:100%;
    height:160px;
    float:left;
    margin: 65px 0px 45px 0px;
}

    #as-seen-on h4{
        width:100%;
        height:50px;
        text-align: center;
        color:#929292;
        font-size: 30px;
        font-weight: normal;
    }

    #as-seen-on a:hover{
        opacity:.7;
    }



@media (max-width:985px) {
    
    #site-header nav {height:40px;margin-top:6px;}
    #error-top {min-height: 0;}
}

@media only screen and (max-width:985px) and (-webkit-min-device-pixel-ratio: 2) {
    .logo a, a.logoLink {height:30px;width:140px;background-size:180px 20px;margin-top:6px;}
}

#signin #sign-in-facebook {
    text-align: center;
    margin-top: 10px
}