Untitled

<!DOCTYPE html>
        <html>
                <head>
                        <meta charset="utf-8" />
                        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
                        <title>Willow Lake B&amp;B</title>
                        <style>
                                body {
                                        font-family: 'Arial', sans-serif;
                                        background-color:#7f776b;
                                        text-align: center;
                                        color: #c8c8c8;
                                                }
                                #wrapper {
                                        max-width: 574px;
                                        margin: 0 auto;
                                        background-color: #4b5159;
                                                }
                                #head {
                                        background-color: #4b5159;
                                        height: 270px;
                                        margin: 20px auto;
                                        max-width: 960px;
                                        padding: 4px;
                                                }
                                #bodywrap {
                                        max-width: 960px;
                                        height: 600px;
                                        background-color: #594c4b;
                                        margin: 30px auto;
                                        padding: 4px;

                                                }
                                nav ul ul {
                                        display: none;
                                                }
                                        nav ul li:hover > ul {
                                                display: block;
                                        }
                                nav ul {
                                        background: #818181;
                                        padding: 0 20px;
                                        border-radius: 10px;
                                        list-style: none;
                                        position: relative;
                                        display: inline-table;
                                                }
                                        nav ul:after {
                                                content: ""; clear: both; display: block;
                                                        }
                                nav ul li {
                                        float: left;
                                                }
                                        nav ul li:hover {
                                                background: #6e2323;
                                                        }
                                                nav ul li:hover a {
                                                        color: #c8c8c8;
                                                                }
                                        nav ul li a {
                                                display: block; padding: 25px 40px;
                                                color: #c8c8c8; text-decoration: none;
                                                        }
                                nav ul ul {
                                        background: #6e3535; border-radius: 0px; padding: 0;
                                        position: absolute; top: 100%;
                                                }
                                        nav ul ul li {
                                                float: none;
                                                border-top: 1px solid #6e1515;
                                                border-bottom: 1px solid #6e1515;
                                                position: relative;
                                                        }
                                                nav ul ul li a {
                                                        padding: 15px 40px;
                                                        color: #c8c8c8;
                                                                }
                                                        nav ul ul li a:hover {
                                                                background: #6e2323;
                                                                        }
                                nav ul ul ul {
                                        position: absolute; left: 100%; top:0;
                                                }
                                header {
                                        margin: 0 auto;
                                                }
                                header h1 {
                                        text-transform: uppercase;
                                        text-align: center;
                                        color: #c8c8c8;
                                        line-height: 50px;
                                                }
                                header h2 {
                                        font-variant: small-caps;
                                        text-align: center;
                                        color: #c8c8c8;
                                                }
                        </style>
                </head>
                <body>
                        <div id="head">
                                <header>
                                        <h1>Willow Lake</h1>
                                        <h2>bed & breakfast</h2>
                                </header>
                                <div id="wrapper">
                                        <nav>
                                                <ul class="main_menu">
                                                        <li><a href="#">home</a></li>
                                                        <li><a href="about.html">about us</a>
                                                                        <ul>
                                                                                <li><a href="gallery.html">photo gallery</a></li>
                                                                        </ul>
                                                                </li>
                                                        <li><a href="deals.html">deals</a>
                                                                        <ul>
                                                                                <li><a href="rooms.html">rooms</a></li>
                                                                                <li><a href="vacations.html">vacations</a></li>
                                                                        </ul>
                                                                </li>
                                                        <li><a href="contact.html">contact us</a></li>
                                                </ul>
                                        </nav>
                                </div><!--wrapper-->
                        </div><!--head-->
                        <div id="bodywrap">
                                <h2>Welcome to Willow Lake</h2>
                        </div><!--bodywrap-->
                </body>
        </html>