<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>API</title>
    <link rel="stylesheet" type="text/css" href="/resources/css/reset.css" id="reset-styles" />
    <link rel="stylesheet" type="text/css" href="/resources/css/main.css" id="main-styles" />
</head>

<body>
    <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>404</title>
    <style type="text/css">
        @font-face {
            font-family: 'museo_sans300';
            src: url("/resources/fonts/museosans-300-webfont.eot");
            src: url("/resources/fonts/museosans-300-webfont.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/museosans-300-webfont.svg#museo_sans300") format("svg"), url("/resources/fonts/museosans-300-webfont.woff") format("woff"), url("/resources/fonts/museosans-300-webfont.ttf") format("truetype");
            font-weight: 200;
            font-style: normal;
        }

        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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            vertical-align: baseline;
        }

        body {
            line-height: 1;
        }

        ol, ul {
            list-style: none;
        }

        a img {
            border: 0;
        }

        .group:before, .group:after {
            content: " ";
            display: table;
        }

        .group:after {
            clear: both;
        }

        .group {
            *zoom: 1;
        }

        html {
            font-size: 100%;
        }

        body, form, input, select, textarea {
            font-family: arial,helvetica,sans-serif;
            color: #333;
        }

        .page {
            width: 624px;
            min-width: 624px;
            margin: 100px auto 0;
            padding: 56px 82px;
            border: 1px solid #EDEE9E;
            background-color: #FCFBC5;
            box-sizing: border-box;
            border-radius: 4px;
        }

        .col-wrapper {
            display: block;
        }

        .column {
            float: left;
            display: block;
        }

        .col12 {
            width: 100%;
        }

        span.display-text {
            font-size: 160px;
            line-height: 120px;
            margin: 0 0 56px;
            text-align: left;
            font-weight: normal;
            display: block;
            font-family: museo_sans300, Arial, Verdana, sans-serif;
        }

        h1 {
            margin: 0 0 16px;
            font-size: 28px;
            line-height: 32px;
            font-family: museo_sans300, Arial, Verdana, sans-serif;
        }

        h2 {
            margin: 0;
            font-size: 18px;
            font-weight: normal;
        }

        p, ul {
            line-height: 24px;
            margin-bottom: 16px;
            font-size: 13px;
        }

        ul {
            padding: 0;
        }

            ul li {
                overflow: hidden;
            }

                ul li span {
                    width: 16px;
                    display: block;
                    float: left;
                }

                    ul li span:before {
                        font: 8px/24px sans-serif;
                        content: attr(data-icon);
                        margin-top: -1px;
                        float: left;
                    }

        .ie7 ul li {
            list-style: circle;
        }

        .ie7 ul {
            padding-left: 16px;
        }

        a:link, a:visited, a:focus {
            text-decoration: none;
        }
    </style>

</head>
<body>
    <div class="page">
        <div class="col-wrapper group">
            <div class="column col12">
                <span class="display-text">404</span>
            </div>
            <div class="column col12">
                <h1>It's missing!</h1>
                <h2>Whatever's supposed to be here, isn't here.</h2>
                <p>Either we've lost a page, or we've directed you somewhere that never existed. We've been notified of this oversight, and we'll fix it really soon.</p>
            </div>
        </div>
    </div>

</body>
</html>
    
</body>
</html>
