CSS Codes
CSS Layouts
<!DOCTYPE HTML>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" type="text/css" href="assets/efluidmenu.css" />

<!--[if lte IE 8]>
<style type="text/css">

.efluidmenu > ul{
margin-left: 55px;
}

.efluidmenu > ul li#search{
display: none;
}

.efluidmenu #sitelogo {
left: 0; /* position logo to the very left of menu in IE8 and below */
}

.efluidmenu #sitelogo a {
left: auto;
}

</style>
<![endif]-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="assets/efluidmenu.js">

/***********************************************
* eFluid Menu script (c) Dynamic Drive (www.dynamicdrive.com)
* Please keep this notice intact
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

</head>

<body>
<div id="fluidmenu1" class="efluidmenu">

<div id="sitelogo">
<a href="http://www.dynamicdrive.com/"><img border="0" src="assets/ddlogov2.png"></a>
</div>

<a class="efluid-animateddrawer" href="#">
<span></span>
</a>

<ul>
<li><a href="http://www.google.com">Item 1</a></li>
<li><a href="http://www.google.com">Folder 0</a>
<ul>
<li><a href="http://www.google.com">Sub Item 1.1</a></li>
<li><a href="http://www.google.com">Sub Item 1.2</a></li>
<li><a href="http://www.google.com">Sub Item 1.3</a></li>
<li><a href="http://www.google.com">Sub Item 1.4</a></li>
<li><a href="http://www.google.com">Sub Item 1.2</a></li>
<li><a href="http://www.google.com">Sub Item 1.3</a></li>
<li><a href="http://www.google.com">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="http://www.google.com">Folder 1</a>
<ul class="multicolumn">
<li><a href="http://www.google.com">Sub Item 1.1</a></li>
<li><a href="http://www.google.com">Sub Item 1.2</a></li>
<li><a href="http://www.google.com">Sub Item 1.3</a></li>
<li><a href="http://www.google.com">Sub Item 1.4</a></li>
<li><a href="http://www.google.com">Sub Item 1.5</a></li>
<li><a href="http://www.google.com">Sub Item 1.6</a></li>
<li><a href="http://www.google.com">Sub Item 1.7</a></li>
</ul>
</li>
<li><a href="http://www.google.com">Item 3</a></li>
<li><a href="http://www.google.com">Folder 2</a>
<ul>
<li><a href="http://www.google.com">Sub Item 2.1</a></li>
<li><a href="http://www.google.com">Sub Item 2.1</a></li>
<li><a href="http://www.google.com">Sub Item 2.1</a></li>
<li><a href="http://www.google.com">Sub Item 2.1</a></li>
<li><a href="http://www.google.com">Sub Item 2.1</a></li>
</ul>
</li>
<li><a href="http://www.google.com/style/">Item 4</a></li>
<li id="search">
<form id="topform" method="get" action="http://www.google.com/search/search.php">
<input type="text" name="zoom_query" id="zoom_query" size="20" class="zoom_searchbox topsearchbox" placeholder="search">
<input id="query_submit" type="image" src="assets/magnify.gif" />
<input name="zoom_per_page" id="zoom_per_page" type="hidden" value="10" />
<input name="zoom_and" id="zoom_and" type="hidden" value="1" />
<input type="hidden" name="zoom_sort" value="0" />
</form>
</li>
</ul>

</div>

</body>
</html>