@charset "UTF-8";

/**
 *		cragl
 *		cragl www.cragl.com
 *
 *		All HTML, CSS, PHP, images, Videos are copyrighted
 *		reproduction only with permission
 *
 */


/* reset browser */
    html, body, * { margin: 0; padding: 0; border: 0; line-height: 170%; overflow: auto; color: #999999; font-size: 10pt; }
    html, body { background-color: #ffffff; }
    @font-face { font-family: custom_font; src: url('../fonts/Raleway-Light.ttf') format("truetype"); font-weight: 100; }
    html, body { font-family: custom_font, Helvetica, Arial ; font-size: 14pt; color:#7c7c7c; background-color: #dddddd; }
    h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; overflow: hidden; }
    ol, ul, dl { list-style: none; }
    address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
    table { border-collapse: collapse; border-spacing: 0; }
    caption, th { text-align: left; }
    q:before, q:after { content: '"'; }
    hr { display: none; }
    *:focus { outline: 0; }
    fieldset { border: none; overflow: hidden; }
    h2 { line-height: 100%; padding: 10px 0; }
    h2, h3, h3 a{ color: #33ccff; font-size: 14pt; margin-bottom: 10px; }
    h4 { line-height: 100%; margin-bottom: 10px; }
    .bold { font-weight: bold; }


/* custom */
    a { color: #33ccff; text-decoration: none; }

/* index */
    #wrapper { width: 700px; height: auto; margin: 100px auto; background-color: #ffffff; padding: 50px }
    h1 { font-size: 20pt; }
    h2 { font-size: 14pt; color: #999999; }
    table tr td { display: block; }