Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Centered div and cut-off bumpers</title>
        <link rel='stylesheet' type='text/css' href='style.css' />
        <link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption' rel='stylesheet' type='text/css' />
        <script language='javascript'>
            function dge(e) {
                return document.getElementById(e);
            }
        </script>
    </head>

    <body>
        <div id='main'>
            <div id='left_bumper' class='bumper'></div>
            <div id='right_bumper' class='bumper'></div>
            <div id='header'>header</div>
            <div id='navbar'>navbar</div>
            <div id='content'>content</div>
            <div id='footer'>footer</div>
        </div>
    </body>
</html>