/*
* =========
* CSS RESET
* =========
*/
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

img {
    border: 0;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

a:link, a:visited, a:hover, a:active {
    outline: none;
}

/*
* ======
* LAYOUT
* ======
*/
html {
    font-size: 16px;
}

body {
    background: url(../images/bg-grid.jpg) repeat;
    font-size: 0.75em;
    font-family: Arial, Helvetica, sans-serif;
    color: #a6a6a6;
}

#nav-bg-wrap {
    width: 100%;
    height: 177px;
    background: url(../images/nav-wrap-bg.png) repeat-x;
}

#logo {
    position: absolute;
    width: 260px;
    height: 182px;
    margin: 0 auto;
    z-index: 20000;
}

#smoke-wrap {
    position: absolute;
    top: 0;
    width: 1511px;
    height: 592px;
    background: url(../images/smoke.png) no-repeat; 
}

#navigation-wrap {
    position: relative;
    z-index: 10000;
    top: 107px;
    left: 21px;
    width: 957px;
    height: 70px;
    margin: 0 auto;
}

    #navigation-menu li {
        float: left;
    }
        #bikes-item {
            width: 137px;
            height: 70px;
            background: url(../images/navigation-sprite.jpg);
            display: block;
            text-decoration: none;
        }
        #bikes-item:hover {background: url(../images/navigation-sprite.jpg) 0 -70px;}
        #bikes-item i {visibility: hidden;}
        #customize-item {
            width: 164px;
            height: 70px;
            background: url(../images/navigation-sprite.jpg) -137px 0;
            display: block;
            text-decoration: none;
        }
        #customize-item:hover {background: url(../images/navigation-sprite.jpg) -137px -70px;}
        #customize-item i {visibility: hidden;}
        #gear-item {
            width: 109px;
            height: 70px;
            background: url(../images/navigation-sprite.jpg) -301px 0;
            display: block;
            text-decoration: none;
        }
        #gear-item:hover {background: url(../images/navigation-sprite.jpg) -301px -70px;}
        #gear-item i {visibility: hidden;}
        #logo-wrap {
            width: 166px;
            height: 70px;
            background: url(../images/navigation-sprite.jpg) -410px 0;
            display: block;
            text-decoration: none;
        }
        #legend-item {
            width: 128px;
            height: 70px;
            background: url(../images/navigation-sprite.jpg) -576px 0;
            display: block;
            text-decoration: none;
        }
        #legend-item:hover {background: url(../images/navigation-sprite.jpg) -576px -70px;}
        #legend-item i {visibility: hidden;}
        #gallery-item {
            width: 119px;
            height: 70px;
            background: url(../images/navigation-sprite.jpg) -703px 0;
            display: block;
            text-decoration: none;
        }
        #gallery-item:hover {background: url(../images/navigation-sprite.jpg) -703px -70px;}
        #gallery-item i {visibility: hidden;}
        #owners-item {
            width: 120px;
            height: 70px;
            background: url(../images/navigation-sprite.jpg) -822px 0;
            display: block;
            text-decoration: none;
        }
        #owners-item:hover {background: url(../images/navigation-sprite.jpg) -822px -70px;}
        #owners-item i {visibility: hidden;}

        .nav-item {
            position: relative;
        }
        .nav-item .sub-nav {
            position: absolute;
            top: 70px;
            left: 0;
            z-index: 10000;
            display: none;
            width: 200px;
            border: 2px solid #808080;
            border-top: none;
        }
        .nav-item .sub-nav li{
            clear: both;
            background: #000000;
            border-bottom: 1px dashed #d1d0d0;
            width: 200px;
        }
        .nav-item .sub-nav li.last{border-bottom: none;}
        #sub-nav-1 {
            margin-left: 17px;
        }

#flashContent {
    position: relative;
    z-index: 0;
    width: 941px;
    height: 339px;
    background-color: #111111;
}

#content-wrap {
    position: relative;
    top: 116px;
    left: 20px;
    width: 950px;
    background: url(../images/content-bg.png) repeat-y;
    margin: 0 auto;
    padding-left: 7px;
}

#content-wrap-bottom {
    width: 957px;
    height: 7px;
    background: url(../images/content-bg-bottom.png);
    margin-left: -7px;
}

#hp-masthead {
    width: 941px;
    height: 339px;
    background: url(../images/hp-masthead.jpg);
}
#hp-masthead-text {
    width: 917px;
    margin: 20px 0 0 10px;
}

#bikes-masthead {
    width: 941px;
    height: 339px;
    background: url(../images/evel-one-springer-bobber.jpg);
}

#headline {
    float: left;
    width: 545px;
}

#headline-content {
    float: left;
    width: 360px;
}

#customize-headline {
    float: left;
    width: 547px;
}

#fast-facts-headline {
    float: left;
    width: 347px;
}

#customize-gallery-headline {
    float: left;
    width: 542px;
}

#gallery-headline {
    float: left;
    width: 562px;
}

#customize-content {
    float: left;
    width: 351px;
}

#fast-facts-content {
    float: left;
    width: 551px;
}

#customize-gallery-content {
    float: left;
    width: 361px;
}

#gallery-content {
    float: left;
    width: 340px;
}

#gallery-headline {
    float: left;
    width: 297px;
}

#gallery-headline-content {
    float: left;
    width: 601px;    
}

.dashed-divide-top {
    border-top: 1px dashed #d1d0d0;
    padding-top: 15px;
    margin-top: 15px;
}

.dashed-divide-bottom {
    border-bottom: 1px dashed #d1d0d0;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#hp-products-banner {
    width: 973px;
    height: 49px;
    background: url(../images/hp-products-banner.png);
    margin: 15px 0 0 -15px;
    position: relative;
}

#hp-clothing-header {
    position: absolute;
    top: 11px;
    left: 118px;
    width: 150px;
}

#hp-bikes-header {
    position: absolute;
    top: 9px;
    left: 383px;
    width: 240px;
}

#hp-accessories-header {
    position: absolute;
    top: 11px;
    left: 758px;
    width: 250px;
}

.hp-products{
    float: left;
    width: 295px;
}

.hp-products-bikes{
    float: left;
    width: 305px;
}

.product-list li {
    border-bottom: 1px dashed #373737;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.product-list li.last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.product-image {
    float: left;
    width: 85px;
}

.product-image-gear {
    float: left;
    width: 95px;
}

.product-image-centered {
    float: left;
    width: 70px;
    padding-left: 15px;
}

.product-info {
    float: left;
    width: 200px;
}

.product-info-gear {
    float: left;
    width: 190px;
}

.product-size {
    float: left;
    color: #ffffff;
}

.product-price {
    float: right;
    color: #ffffff;
    font-weight: bold;    
}

.bike {
    margin: 10px 0 10px 10px;
    padding-bottom: 10px;
    width: 920px;
}

.single-bike {
    margin: 10px 0 10px 10px;
    padding-bottom: 10px;
    width: 920px;
}

.customize {
    margin: 20px 0 0 10px;
    width: 920px;
}

.last-bike {
    margin-bottom: 0;
    padding-bottom: 0;
}

.bike-price-title {
    float: left;
    font-size: 15px;
    width: 270px;
}

.dollar-sign {
    float: left;
    font-size: 12px;
    width: 7px;
}

.bike-price {
    float: left;
    font-size: 15px;
    width: 150px;
}

.photo-gallery-list {
    list-style-type: none;   
}
.photo-gallery-list li {
    float: left;
    padding: 0;
    margin: 0 4px 0 0;
}

.photo-gallery-list li img {
    border: 1px solid #2f302f;
}

#footer-border {
    background: url(../images/footer-border.png);
    width: 941px;
    height: 40px;
}

#footer {
    width: 921px;
    padding: 15px 10px;
}

.footer-column {
    text-align: left;
    float: left;
    margin-right: 30px;
}

/*
* ====
* TYPE
* ====
*/
#headline h1 {
    font-size: 25px;
    margin-bottom: -7px;
}

#gallery-headline h1 {
    font-size: 25px;
    margin-bottom: -8px;
}

.headline-h1-margin {margin-bottom: -8px;}

#headline h2 {
    font-size: 60px;
}

#gallery-headline h2 {
    font-size: 60px;
}

#customize-headline h1 {
    font-size: 30px;
    margin-bottom: -10px;
}

#hp-clothing-header h3 {
    font-size: 20px;
}

#hp-bikes-header h3 {
    font-size: 25px;
}

#hp-accessories-header h3 {
    font-size: 20px;
}

.fast-facts-header{
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

p#headline-p {
    font-size: 12px;
}

.footer-column h5 {
    font-size: 13px;
}

.join-width {width: 155px;}

.about-us-width {width: 65px;}

#bio {
    font-size: 5em;
}

.bike h2 {
    font-size: 30px;
    margin-bottom: -10px; 
}

.bike h3 {
    font-size: 60px;
    margin-bottom: -15px;
}

.single-bike h1 {
    font-size: 30px;
    margin-bottom: -10px;
}

.single-bike h2 {
    font-size: 60px;
    margin-bottom: -15px;
}

#headline span {
    font-size: 2.2em;
    display: block;
    margin-bottom: -5px;
}

#customize-headline h2#started {
    font-size: 70px;
    margin-bottom: -16px;
}

#fast-facts-headline h2#started {
    font-size: 44px;
    margin-bottom: -16px;
}

#fast-facts-headline  h1 {
    margin-bottom: -10px;
}

#customize-headline h2#robbie {
    font-size: 60px;
    width: 547px;
}

#customize-gallery-headline h2#started {
    font-size: 55px;
    width: 542px;
}

#customize-gallery-headline span {
    font-size: 2.2em;
    display: block;
    margin-bottom: -8px
}

#gallery-headline span {
    font-size: 2.2em;
    display: block;
    margin-bottom: -5px;
}

#fast-facts-headline span {
    font-size: 1.5em;
    display: block;
    margin-bottom: -5px;
}

#customize-content p {
    color: #a6a6a6;
    font-size: 15px;
}

#fast-facts-content p {
    color: #a6a6a6;
    margin-bottom: 20px;
}

.fast-facts-list {
    list-style-type: disc;
    margin-left: 15px;
    color: #a6a6a6;
}

.fast-facts-list li{
    margin-bottom: 10px;      
}

#customize-gallery-content p {
    color: #a6a6a6;
    font-size: 15px;
}

#gallery-content p {
    color: #a6a6a6;
    font-size: 1.4em;
}

#gallery-headline-content p {
    color: #a6a6a6;
    font-size: 16px;
}

#customize-sub-content p {
    font-size: 1em;
    margin-bottom: 15px
}

h4.gallery {
    font-size: 16px;
    width: 400px;
}

span.address {
    color: #a6a6a6;
    font-size: 1.5em;
}

.started-sub {
    float: left;
    font-size: 16px;
    width: 420px;
}

.started-sub-light {
    float: left;
    font-size: 16px;
    width: 127px;
}

a:link, a:visited, a:active {
    color: #a6a6a6;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.nav-item .sub-nav a:link {
    font-size: .75em;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 10px;
    width: 200px;
}
.nav-item .sub-nav a:visited {
    font-size: .75em;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 10px;
    width: 200px;
}
.nav-item .sub-nav a:hover {
    font-size: .75em;
    color: #bcbcbc;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 10px;
    width: 200px;
}
.nav-item .sub-nav a:active {
    font-size: .75em;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 10px;
    width: 200px;
}

a.product-title:link {
    font-size: 1.1em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
a.product-title:visited {
    font-size: 1.1em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
a.product-title:hover {
    font-size: 1.1em;
    color: #bfbfbf;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
a.product-title:active {
    font-size: 1.1em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

a.product-bike-title:link {
    font-size: 1em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
a.product-bike-title:visited {
    font-size: 1em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
a.product-bike-title:hover {
    font-size: 1em;
    color: #bfbfbf;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
a.product-bike-title:active {
    font-size: 1em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

a.footer-link:link {
    color: #868686;
    text-decoration: none;
    font-size: .85em;
}
a.footer-link:visited {
    color: #868686;
    text-decoration: none;
    font-size: .85em;
}
a.footer-link:hover {
    color: #868686;
    text-decoration: underline;
    font-size: .85em;
}
a.footer-link:active {
    color: #868686;
    text-decoration: none;
    font-size: .85em;
}

a.buy-now-button:link,
a.buy-now-button:visited,
a.buy-now-button:active {
    display: block;
    width: 72px;
    height: 14px;
    background: url(../images/buy-now-button.png);
}

a.buy-now-button:hover {
    background: url(../images/buy-now-button.png) 0 -14px;
}

a.buy-now-button i {display: none;}

a.more-info-button:link,
a.more-info-button:visited,
a.more-info-button:active {
    display: block;
    width: 72px;
    height: 14px;
    background: url(../images/more-info-button.png);
}

a.more-info-button:hover {
    background: url(../images/more-info-button.png) 0 -14px;
}

a.more-info-button i {display: none;}

a.contact-us-button:link,
a.contact-us-button:visited,
a.contact-us-button:active {
    display: block;
    width: 72px;
    height: 14px;
    background: url(../images/red-contact-us-button.png);
}

a.contact-us-button:hover {
    background: url(../images/red-contact-us-button.png) 0 -14px;
}

a.contact-us-button i {display: none;}

.product-info {
    color: #a6a6a6;
    font-size: .90em;
}

.product-info-gear {
    color: #a6a6a6;
    font-size: .90em;
}

.bike-product-list-padding {
    padding-left: 55px;
}

.specs-header {
    color: #ffffff;
    clear: both;
    display: block;
    margin-bottom: 5px;
}

.specs-list {
    color: #a6a6a6;
    list-style-type: disc;
    margin-left: 13px;
    font-size: .925em;
    margin-right: 97px;
}

.specs-list-last {
    color: #a6a6a6;
    list-style-type: disc;
    margin-left: 13px;
    font-size: .925em;
}

.specs-list li {
    margin-bottom: 2px;
}

.about-margin-top {
    margin-top: 70px;
}

.mission-margin-top {
    margin-top: 90px;
}

.contact-margin-top {
    margin-top: 60px;
}

.custom-gallery-margin-top {
    margin-top: 12px;
}

.date {
    color: #ffffff;
    text-transform: uppercase;
}

.news-list {
    list-style-type: disc;
    margin-left: 15px;
    color: #a6a6a6;
    margin-bottom: 20px;
}

.news-list li {
    margin-bottom: 15px;
}

.arrow-cursor {
    cursor: default;
}

/*
* ====================
* GENERAL TYPE CLASSES
* ====================
*/
.block {
    display: block;
}

.italic {
    font-style: italic;
}

.inline {
    display: inline;
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    clear: both;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.underline {
    text-decoration: underline;
}

.hidden {
    visibility: hidden;
    display: none;
}

.display-none {
    display: none;
}

/*
* ===========================
* COMMON MARGINS AND PADDINGS
* ===========================
*/
.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-25 {
    margin-right: 25px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-30 {
    margin-left: 30px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-25 {
    padding-right: 25px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-25 {
    padding-left: 25px;
}

.padding-left-30 {
    padding-left: 30px;
}