/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
    
    html,
    body,
    div,
    span,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    abbr,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    samp,
    small,
    strong,
    sub,
    sup,
    var,
    b,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent
    }
    
    body {
        line-height: 1
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block
    }
    
    nav ul {
        list-style: none
    }
    
    blockquote,
    q {
        quotes: none
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: none
    }
    
    a {
        margin: 0;
        padding: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent
    }
    
    ins {
        background-color: #ff9;
        color: #000;
        text-decoration: none
    }
    
    mark {
        background-color: #ff9;
        color: #000;
        font-style: italic;
        font-weight: bold
    }
    
    del {
        text-decoration: line-through
    }
    
    abbr[title],
    dfn[title] {
        border-bottom: 1px dotted;
        cursor: help
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    
    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0
    }
    
    input,
    select {
        vertical-align: middle
    }
    
    /**************************************** RESET *******************************/

    body {
        font-family: arial, sans-serif;
        font-size: 14px;
        color: white;
        background: #FF3019;
    }
    
    section {
        height: 580px;
        padding: 20px;
    }
    
@font-face {
    font-family: 'kaushan';
    src: url('fonts/Kaushan-webfont.eot');
    src: url('fonts/Kaushan-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Kaushan-webfont.woff2') format('woff2'),
         url('fonts/Kaushan-webfont.woff') format('woff'),
         url('fonts/Kaushan-webfont.ttf') format('truetype'),
         url('fonts/Kaushan-webfont.svg#kaushan_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chunk';
    src: url('fonts/Chunkfive-webfont.eot');
    src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Chunkfive-webfont.woff2') format('woff2'),
         url('fonts/Chunkfive-webfont.woff') format('woff'),
         url('fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/Chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ambleitalic';
    src: url('fonts/Amble-Italic-webfont.eot');
    src: url('fonts/Amble-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-Italic-webfont.woff') format('woff'),
         url('fonts/Amble-Italic-webfont.ttf') format('truetype'),
         url('fonts/Amble-Italic-webfont.svg#ambleitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ambleregular';
    src: url('fonts/Amble-Regular-webfont.eot');
    src: url('fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-Regular-webfont.woff') format('woff'),
         url('fonts/Amble-Regular-webfont.ttf') format('truetype'),
         url('fonts/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


    #download {
        background: #ff3019;
        /* Old browsers */
        
        background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
        /* FF3.6+ */
        
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
        /* Chrome,Safari4+ */
        
        background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
        /* Chrome10+,Safari5.1+ */
        
        background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
        /* Opera 11.10+ */
        
        background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
        /* IE10+ */
        
        background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
        /* W3C */
        
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
        /* IE6-9 */
    }
    
    #youtube {
        background: #45484d;
        /* Old browsers */
        
        background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
        /* FF3.6+ */
        
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
        /* Chrome,Safari4+ */
        
        background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
        /* Chrome10+,Safari5.1+ */
        
        background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
        /* Opera 11.10+ */
        
        background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
        /* IE10+ */
        
        background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
        /* W3C */
        
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0);
        /* IE6-9 */
    }
    
    #order {
        background: #eeeeee;
        /* Old browsers */
        
        background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
        /* FF3.6+ */
        
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #eeeeee));
        /* Chrome,Safari4+ */
        
        background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
        /* Chrome10+,Safari5.1+ */
        
        background: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
        /* Opera 11.10+ */
        
        background: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
        /* IE10+ */
        
        background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%);
        /* W3C */
        
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);
        /* IE6-9 */
        
        height: 760px;
        padding-top: 40px;        
        color: black;
    }
    
    h1 {
        width: 780px;
        text-align: center;
        font-size: 26px;
        margin: 20px auto 40px auto;
        letter-spacing: 5px;
        font-family: 'ambleregular';
        text-shadow: 1px 1px 2px #000;
        line-height: 36px;
        font-weight: normal;
    }
    
    nav {
        position: fixed;
        top: 140px;
        left: 20px;
    }
    
    nav ul li a {
        display: block;
        padding: 10px;
        background: white;
        box-shadow: 1px 1px 2px #000;
        border-radius: 25px;
        margin-top: 10px;
        color: black;
    }
    
    nav ul li a:hover {
        color: white;
        background: black;
    }

    section h2 {
        width: 400px;
        text-align: center;
        margin: 0 auto;
        letter-spacing: 5px;
        text-shadow: 1px 1px 2px #000;
    }
    
    #order h2 {
        width: 780px;
        text-align: center;
        font-size: 26px;
        margin: 20px auto 40px auto;
        letter-spacing: 5px;
        font-family: 'ambleregular';
        text-shadow: 1px 1px 2px #000;
        line-height: 36px;
        font-weight: normal;
    }
    
    .aka {
        font-family: 'kaushan';      
    }

    #order form {
        width: 800px;
        margin:0 auto;
    }

    #order input {
        padding: 12px 14px 12px 14px;
        width: 400px;
        border: 1px solid white;
        box-shadow: inset 1px 1px 2px #000;
        margin-left: 180px;
        border-radius: 5px;
        font-size:16px;
    }

    .alert input {
        border: 1px solid red !important;
    }

    #order .alert-info {color: red; width: 400px; text-align: center; display: none; margin: 0 auto 10px auto; }
    .alert .alert-info {display: block !important;}
    #order .info {width: 400px; text-align: center; margin: 0 auto;} 
    #order a.submit {
        display: block;
        width: 200px;
        height: 30px;
        padding: 15px 10px 10px 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 3px #3D3D3D;
        text-shadow: 1px 1px 1px #000;        
        background: #f85032;
        margin: 20px auto;
        color: white;
        font-family: 'ambleregular';       
        font-weight: bold;
        font-size: 24px;
        text-decoration: none;
        text-align: center;
        letter-spacing: 2px;
        cursor: pointer;    
        /* Old browsers */
        
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */        
    }

    #order a.submit:hover {
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #45484d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#45484d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#45484d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#45484d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
    }
    .download_link {
        display: block;
        width: 400px;
        height: 400px;
        margin: 20px auto;
        box-shadow: 0px 0px 5px #000;
        text-decoration: none;        
    }
    
    .download_link img {
        width: 400px;
        height: 400px;
    }
    
    .download_link span {
        display: block;
        width: 200px;
        height: 30px;
        padding: 15px 10px 10px 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 3px #3D3D3D;
        text-shadow: 1px 1px 1px #000;        
        background: #f85032;
        margin: 20px auto;
        color: white;
        font-family: 'ambleregular';       
        font-weight: bold;
        font-size: 24px;
        text-decoration: none;
        text-align: center;
        letter-spacing: 2px;
        /* Old browsers */
        
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


    }


    .download_link:hover span {
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #45484d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#45484d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#45484d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#45484d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
    }

    #youtube #player {width: 800px; margin: 0 auto;}