<!doctype html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>Style 01 (Deep Sky Blue) - Menu by Apycom.com</title>
    <link type="text/css" href="MenuTemplate/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="MenuTemplate/jquery.js"></script>
    <script type="text/javascript" src="MenuTemplate/menu.js"></script>
</head>
<meta charset="UTF-8">
<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    /*body { background:rgb(74,81,85); }*/
    div#menu {
        margin: 5px auto;
    }

    div#copyright {
        font: 11px 'Trebuchet MS';
        color: #fff;
        text-indent: 30px;
        padding: 40px 0 0 0;
    }

    div#copyright a {
        color: #00bfff;
    }

    div#copyright a:hover {
        color: #fff;
    }
</style>
<title>Untitled Document</title>
</head>

<body>
    <div id="menu">
        <ul class="menu">
            <li><a href="#" class="parent"><span>Home</span></a>
                <ul>
                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                        <ul>
                            <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
                                <ul>
                                    <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
                                    <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
                                </ul>
                            </li>
                            
                            <li><a href="#"><span>Sub Item 1.2</span></a></li>
                            <li><a href="#"><span>Sub Item 1.3</span></a></li>
                            <li><a href="#"><span>Sub Item 1.4</span></a></li>
                            <li><a href="#"><span>Sub Item 1.5</span></a></li>
                            <li><a href="#"><span>Sub Item 1.6</span></a></li>

                            <li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
                                <ul>
                                    <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
                                    <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#"><span>Sub Item 2</span></a></li>
                    <li><a href="#"><span>Sub Item 3</span></a></li>
                </ul>
            </li>
            <li><a href="#" class="parent"><span>Product Info</span></a>
                <ul>
                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                        <ul>
                            <li><a href="#"><span>Sub Item 1.1</span></a></li>
                            <li><a href="#"><span>Sub Item 1.2</span></a></li>
                        </ul>
                    </li>
                    <li><a href="#" class="parent"><span>Sub Item 2</span></a>
                        <ul>
                            <li><a href="#"><span>Sub Item 2.1</span></a></li>
                            <li><a href="#"><span>Sub Item 2.2</span></a></li>
                        </ul>
                    </li>
                    <li><a href="#"><span>Sub Item 3</span></a></li>
                    <li><a href="#"><span>Sub Item 4</span></a></li>
                    <li><a href="#"><span>Sub Item 5</span></a></li>
                    <li><a href="#"><span>Sub Item 6</span></a></li>
                    <li><a href="#"><span>Sub Item 7</span></a></li>
                </ul>
            </li>
            <li><a href="#"><span>Help</span></a></li>
            <li class="last"><a href="#"><span>Contacts</span></a></li>
        </ul>
    </div>
</body>

</html>