/*  ###########################################################################
    company:    DutchCelt Design
    date:       November 2009
    ########################################################################### */


    
/*  RESET [based on Eric Meyer's CSS Reset]------------------------------------ */

    html, 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,
    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%;
        font-family: inherit;
        vertical-align: baseline;
    }


/*  Basics -------------------------------------------------------------------- */

    body {
        font: normal normal 75%/1.5 Arial, Helvetica, sans-serif; 
        }

    h1, h2, h3, h4, h5, h6, 
    blockquote, pre, address, cite, code, q, samp {
        padding: 0 0 0.5em 0;
        }
    
    li ul, li ol {
        margin:0  0 1.5em 1.5em;
        }
        
    ul, ol {
        margin:0 1.5em 1.5em 1.5em;
        }
    
    p {
        padding: 0 0 1em 0;
        }

    blockquote {
        text-align: right;
        font-style: italic;
        }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: "";
        }
            
    blockquote, q {
        quotes: "" "";
        }
    br { display: none; }   
        
/*  HTML5 --------------------------------------------------------------------- */

    article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { 
        display: block; 
        }


/*  headings ------------------------------------------------------------------ */

    h1 {
        font: normal normal 2em/1 Arial, Helvetica, sans-serif;
        }
    h2 {
        font: normal normal 1.6em/1 Arial, Helvetica, sans-serif;
        color: white;
        }
    h3 {
        font: normal normal 1.4em/1 Arial, Helvetica, sans-serif;
        }
    h4 {
        font: normal normal 1em/1.25 Arial, Helvetica, sans-serif;
        }
    h5 {
        font: normal normal 0.9/1 Arial, Helvetica, sans-serif;
        }
    h6 {
        font: normal normal 0.5em/1 Arial, Helvetica, sans-serif;
        }
    
    
/*  tables still need 'cellspacing="0"' in the markup ------------------------- */

    table {
        border-collapse: separate;
        border-spacing: 0;
        }
        
    caption, th, td {
        text-align: left;
        vertical-align: top;
        line-height: 1.2;
        }


/*  links --------------------------------------------------------------------- */

    a { 
        text-decoration: none; 
        color: #0080ff;
        background-repeat: no-repeat;
        }
    a:visited  {
        color: #0080ff;
        }
/*
    a:visited  {
        color: #8000ff;
        }
*/
    a:hover  { 
        text-decoration:none; 
        }
    a:active  { 
        text-decoration:none; 
        }
    a:focus {
        outline: 0;
        }