/* reset */
    body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section { 
        display:block;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }
    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }
    del {
        text-decoration: line-through;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    /*  end reset */
    /* main style */
    body{
        background-color:#000000;
        color:#ffffff;
        font-family:'Helvetica','Myriad Pro','Verdana', sans-serif;
    }
    h1{
        font-size:100px;
        margin-bottom:7px;
        color:#ffffff;
        text-shadow: 0 2px 1px #111111;
        text-transform:uppercase;
    }
    a{
        text-decoration:none;
        color:#eee;
        border-bottom:none !important;
    }
    #container{
        /* width:960px; */
        margin:auto;
    }
    #main{
        margin-left:150px;
        margin-top:15%;
    }
    /* div with slide content */
    .content{
        /* width:300px; */
        margin-left:150px;
        text-shadow: 0 2px 1px #111111;
        line-height: 1.2em;
        font-family: "Goudy Book";
        font-size:16px; 
    }
    /* next slide link */
    .bottom-nav{
        float: right;
        margin-top: 15px;
        text-align: right;
        width: 100%;
        cursor:pointer;
    }
    /* span under h1 tag */
    .border{
        width:300px;
        display:block;
        margin-bottom:15px;
    }
    /* slider style */
    /*
        root element for the scrollable.
        when scrolling occurs this element stays still.
    */
    .scrollable {
        /* required settings */
        position:relative;
        /* overflow:hidden; */
        /* width: 510px; */
        /* If you have problems with your slides being too long, change this */
        min-height:430px;
    }
    /*
        root element for scrollable items. Must be absolutely positioned
        and it should have a extremely large width to accommodate scrollable items.
        it's enough that you set width and height for the root element and
        not for this element.
    */
    .scrollable .items {
        /* this cannot be too large */
        /* width:20000em; */
        position:absolute;
    }
    /*
        a single item. must be floated in horizontal scrolling.
        typically, this element is the one that *you* will style
        the most.
    */
    .items section {
        float:left;
        margin-right:30px;
    }
    /* end slider style */