<!-- main navigation of the page -->
<div class="nav-holder">
    <nav id="nav" role="navigation">
        <ul>
            <li><h1>Main Menu</h1></li>
            <li class="active arrow">
                <a href="home.html" tabindex="4" accesskey="1">Home</a>
                <div class="dropdown">
                    <ul>
                        <li class="arrow">
                            <a href="#">Sub Section 01</a>
                            <div class="dropdown">
                                <ul class="submenu">
                                    <li><a href="#">Third Level 01</a></li>
                                    <li class="active"><a href="#">Third Level 02</a></li>
                                    <li><a href="#">Third Level 03</a></li>
                                    <li><a href="#">Third Level 04</a></li>
                                    <li><a href="#">Third Level 05 - LONG ROW TEXT Second Row Here</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="active arrow">
                            <a href="#">Sub Section 02</a>
                            <div class="dropdown">
                                <ul class="submenu">
                                    <li><a href="#">Third Level 01</a></li>
                                    <li class="active"><a href="#">Third Level 02</a></li>
                                    <li><a href="#">Third Level 03</a></li>
                                    <li><a href="#">Third Level 04</a></li>
                                    <li><a href="#">Third Level 05 - LONG ROW TEXT Second Row Here</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">Sub Section 03</a></li>
                        <li><a href="#">Sub Section 04</a></li>
                        <li><a href="#">Sub Section 05</a></li>
                        <li><a href="#">Sub Section 06 - LONG ROW TEXT Second Row Here</a></li>
                    </ul>
                </div>
            </li>
            <li class="arrow"><a href="#" tabindex="5">Movies</a></li>
            <li><a href="#" tabindex="5">Events</a></li>
            <li><a href="#" tabindex="6">Recreation</a></li>
            <li><a href="#" tabindex="7">Fitness</a></li>
            <li><a href="#" tabindex="8">Child &amp; Youth</a></li>
            <li><a href="#" tabindex="9">Lodging</a></li>
            <li><a href="#" tabindex="10">Dining</a></li>
            <li><a href="#" tabindex="11">Jobs</a></li>
            <li class="last arrow">
                <a href="#" tabindex="12">About</a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">Sub Section 01</a></li>
                        <li class="active arrow">
                            <a href="#">Sub Section 02</a>
                            <div class="dropdown">
                                <ul class="submenu">
                                    <li><a href="#">Third Level 01</a></li>
                                    <li class="active"><a href="#">Third Level 02</a></li>
                                    <li><a href="#">Third Level 03</a></li>
                                    <li><a href="#">Third Level 04</a></li>
                                    <li><a href="#">Third Level 05 - LONG ROW TEXT Second Row Here</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">Sub Section 03</a></li>
                        <li><a href="#">Sub Section 04</a></li>
                        <li><a href="#">Sub Section 05</a></li>
                        <li><a href="#">Sub Section 06 - LONG ROW TEXT Second Row Here</a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </nav>
</div>