html {
    font-size:100%;
    height:100%; 
    width:100%;
    }

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

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-weight: inherit; 
    font-style: inherit; 
    font-family: inherit; 
    }

body {
    font-size:62.5%; 
    height:100%;
    width:100%; 
    margin:0; 
    padding:0;
    }

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    line-height: 1;
    }

p, li {
    font-size:1em;
    line-height:1.5;
    }

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

:focus, 
:active { 
    outline: 0; 
}

ol, 
ul { 
    list-style: none; 
}

caption, 
th, 
td {
    text-align: left; 
    font-weight: normal;
    }

blockquote:before, 
blockquote:after, 
q:before, 
q:after { 
    content: ""; 
}

blockquote, q {	
    quotes: "" ""; 
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { 
    display:block; 
}

/* Hides from IE-mac \*/

* html .clearfix { 
    height: 1%; 
}

/* End hide from IE-mac */

a img { 
    border:none; 
}

a { 
    text-decoration:none; 
}

.hidden {
    display: none;
}