/* -------------------------------------------------------------- 
 *
 * Main screen CSS for Contrast web site
 *
 * -------------------------------------------------------------- */

/* General */
body {
    background: #fff;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0.105em;
}
a {
    color: #000;
    text-decoration: none;
}

/* Section */
div.section {
    height: 950px;
    max-width: 1900px;
    margin: 0 auto;
    overflow: hidden;
}

div.last-section {
    height: 950px;
    max-width: 1900px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff url(../img/footer.jpg) bottom no-repeat;
}

/* Container */
div.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}


/* Peloton Project */
div#peloton-project h2 a {
    width: 335px;
    height: 79px;
    background: transparent url(../img/homepage_motoristLink.jpg) no-repeat;
    position: absolute;
    top: 273px;
    left: 308px;
}

div#peloton-project-header {
    background: #fff url(../img/homepage_header.jpg) center no-repeat;
    height:311px;
}
p.peloton-project-logo {
    border:0px;
}

p.peloton-project-logo a {
    z-index:10;
    background: transparent url(../img/homepage_logo.png) center no-repeat;
    position:fixed;
    top:20px;
    right:0px;
    height:98px;
    width:466px;
    margin:0;
    padding:0;
}

p.peloton-project-safe-rides a, p.peloton-project-contact-us a, p.peloton-project-cyclists a, p.peloton-project-motorists a {
    z-index:10;
    position:fixed;
    right:0px;
    height:29px;
    width:300px;
}

p.peloton-project-safe-rides a {
    background: transparent url(../img/homepage_link_saferides_active.jpg) center no-repeat;
    top:221px;
}
p.peloton-project-safe-rides a:hover {
    background: transparent url(../img/homepage_link_saferides_hover.jpg) center no-repeat;
}

p.peloton-project-contact-us a {
    background: transparent url(../img/homepage_link_contact_active.jpg) center no-repeat;
    top:265px;
}
p.peloton-project-contact-us a:hover {
    background: transparent url(../img/homepage_link_contact_hover.jpg) center no-repeat;
}

p.peloton-project-cyclists a {
    background: transparent url(../img/homepage_link_cyclist_active.jpg) center no-repeat;
    top:133px;
}
p.peloton-project-cyclists a:hover {
    background: transparent url(../img/homepage_link_cyclist_hover.jpg) center no-repeat;
}

p.peloton-project-motorists a {
    background: transparent url(../img/homepage_link_motorist_active.jpg) center no-repeat;
    top:177px;
}
p.peloton-project-motorists a:hover {
    background: transparent url(../img/homepage_link_motorist_hover.jpg) center no-repeat;
}











/* Left Content Area */
div#peloton-project-left-brown-box {
    height:300px;
    width:425px;
    position:relative;
    left:8px;
    top:30px;
}


div#peloton-project-right-text {
    background: transparent;
    height:300px;
    width:450px;
    position:relative;
    left:450px;
    top:-270px;
    font-size: 12px;
    padding:10px 0 0 30px;
}


div#peloton-project-left-sponsor-box {
    height:500px;
    width:370px;
    position:relative;
    font-size: 12px;
    left:88px;
    top:30px;
}
div#peloton-project-right-sponsor-box {
    background: transparent;
    height:400px;
    width:450px;
    position:relative;
    left:550px;
    top:-260px;
}
div#peloton-project-contact-box {
    height:400px;
    width:250px;
    position:relative;
    font-size: 12px;
    left:400px;
    top:100px;
}




div#test-accordion, div#test-accordion-2 {
    position:relative;
    top:30px;
}



/* Right side Images */
div#cyclists-image {
    background: transparent url(../img/cyclist_graphic.jpg) center no-repeat;
    height:445px;
    width:701px;
    position:absolute;
    top:210px;
    left:490px;
}

div#motorists-image {
    background: transparent url(../img/motorist_graphic.jpg) center no-repeat;
    height:482px;
    width:614px;
    position:absolute;
    top:210px;
    left:575px;
}



/* Headers */
div#peloton-project-left-yellow-box {
    background: #FDEC03;
    height:56px;
    width:695px;
    position:relative;
    left:-229px;
    margin-top:70px;
}

div#cyclist-header {
    background: transparent url(../img/cyclist_header.png) center no-repeat;
    height:36px;
    width:383px;
    position:relative;
    top:10px;
    left:320px;
}

div#motorist-header {
    background: transparent url(../img/motorist_header.png) center no-repeat;
    height:36px;
    width:383px;
    position:relative;
    top:10px;
    left:290px;
}

div#saferides-header {
    background: transparent url(../img/saferides_header.png) center no-repeat;
    height:36px;
    width:483px;
    position:relative;
    top:10px;
    left:220px;
}

div#contact-header {
    background: transparent url(../img/contact_header.png) center no-repeat;
    height:36px;
    width:383px;
    position:relative;
    top:10px;
    left:350px;
}

div.button50 {
	position:absolute;
	left:-80px;
}

#overlay {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 998;
    background-image:url(../img/ncbc/grey_overlay.png);
}

#ncbc  {
    height:325px;
    width:439px;
    margin: 100px auto;
    text-align:left;
    z-index: 999;
    background: transparent url(../img/ncbc/registration_image.jpg) center no-repeat;
}

#event_info {
    position:relative;
    left:20px;
    top:195px;
}

#registerNow {
    position:relative;
    left:20px;
    top:190px;
}

#noThanks {
    position:relative;
    left:25px;
    top:202px;
}