Bolton College: DROPDOWNMENU

<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title" itemprop="name headline" style="border-bottom-color: rgb(192, 192, 192); border-bottom-style: solid; border-bottom-width: 1px; color: #141414; font-family: 'Open Sans', serif, sans-serif; font-size: 18.6px; font-stretch: normal; margin: 0px 0px 15px; padding: 0px 0px 5px 50px;">
<a class="external_link" href="http://24work.blogspot.com/2013/09/drop-down-menu-widget-in-blogger.html" itemprop="url" style="color: #141414; display: block; text-decoration: none;" target="_blank">35+ Drop Down Menu Widget in Blogger Horizontal Menus CSS & CSS3</a></h1>
<div class="post-body entry-content" id="post-body-4031911334997207498" itemprop="description articleBody" style="color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 1.6em; margin: 0px 0px 0.75em;">
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a class="external_link" href="http://bit.ly/1fpoo5Q" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Drop Down Menu Widget in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibxp6BzChl2xgqNkEEN0NmX1vurQ1xD5IEr-wUpWQ5fOWfpHiONMOz5s305pu-0noeeuvfK1xGBHXbW2cwY18A7CFWx2xC8Ow5fWx9gkaA7HXWevkVdWgFzcJ1hghX5LHFW5ItSk5GjiEe/s1600/Drop+Down+Menu+Widget.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Drop Down Menu Widget in Blogger" /></a></div>
<br />Drop down Navigation menu is an essential part of any blog or website. This is the awesome CSS dropdown navigation menu which is built with pure CSS, HTML, CSS3 and images Don’t uses JQUERY or JavaScript. This Beautiful drop down menu really great to see in a blog. It helps visitors to easily get the required content the whole blog. This new pure CSS3 drop down menu widget will make your blog outlook more professional. A dropdown widget is a good solution sidebar space saving problem slove and easy to install. So let’s get started add dropdown menu in blogger.<br /><br /><br /><a href="https://www.blogger.com/null" name="more"></a><br /><span style="color: red; font-size: large;">How To Add Drop Down Navigation Menu In Blogger</span><br /><br />Now let's start adding it...<br /><br /><b><span style="color: blue;">Step 1.</span></b> Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. (In The Header Area)<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a class="external_link" href="http://bit.ly/work24" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" height="345" img="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRSxkYTA3KNIAgNvx4uJFc79350IYmSAZnFHB_9tkNlxoCLg9084DOOov4C7g0VQAYJ-y_NWMDoYwOFsKpSP_G9Ro4epo-Icq1kdd3za2IULT4eSIZpSLLh2LslBC6DiY0wPweg4sYQ5A/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" width="550" /></a></div>
<br /><br /><b><span style="color: blue;">Step 2.</span></b> After click on Add a Gadget link A pop-up box will open now<br /><br />with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.<br /><br /><br /><br /><br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<a class="external_link" href="http://bit.ly/work24" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" height="219" img="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip2kwmuNP8YPn3niC_LAahcz6qkl6mU89Ljs2TLwCB_XqJ6qwfANsg6Hh57yFblm5TPRcE6E4VdmQKuhjCv3tUxkf8EkIt7i8ziuIp4_5Rk1G9Jp_qbYacw5RRisXhVSwJhSMUipA5laKe/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" width="486" /></a></div>
<br /><br /><b><span style="color: blue;">Step 3.</span></b> Select 'HTML/Javascript' and add the one of code given below.<br /><br /><br /><br /><b><span style="color: blue;">Step 4.</span></b> Now Click On Save 'JavaScript' You are done.<br /><br /><br /><br />01-Light Opera Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Light Opera Drop Down Menu" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmYzlFFvB-PYo7YYNICWImqozP6XQdfVp0JRp8hufDSXQ0xRTk7y3JdH1EOsZZpgRFoaQWXZceHJVtZLoXERXoMZVv2hrwy0ioxI6jKa3PG6p9WeWLO8JYXzoziQwwUKcesbDwABhy4ejQ/s1600/01-Light+Opera+Drop+Down+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="292" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/01-Light%20Opera%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu{height:49px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#eee9f0));background:-webkit-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-o-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-ms-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:linear-gradient(top,#fefefe 0%,#eee9f0 100%);border-bottom:2px solid #db000b;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-o-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-ms-linear-gradient(top,#fefefe 0%,#ececec 100%);background:linear-gradient(top,#fefefe 0%,#ececec 100%);color:#000;display:inline-block;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:49px;padding:0 20px;text-decoration:none}#cssmenu ul{list-style:none}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li > a{color:#000;font-size:12px}#cssmenu > ul > li:hover:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0}#cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1);background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%)}#cssmenu > ul > li:hover > a{background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li{*margin-bottom:-1px}#cssmenu .has-sub ul li a{background:#db000b;border-bottom:1px dotted #ff0f1b;filter:none;font-size:11px;display:block;line-height:120%;padding:10px;color:#fff}#cssmenu .has-sub ul li:hover a{background:#a80008}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#a80008;border-bottom:1px dotted #ff0f1b}#cssmenu .has-sub .has-sub ul li a:hover{background:#8f0007}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li class="has-sub"><a href="#"><span>Product 1</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Product 2</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />02-Animated Drop Down CSS3 :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Animated Drop Down CSS3" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHaK1Sqo864DEfDmvPDgi-tul3Ltd6lSH5glz8iArNEFy_cBW537oSS3Mwp8jT1EUmfbnXpVRsO1TYozrx6NHUWhRGWzjO11z5YKAnqla9eqBIRirAjA-OH9g7ADC4_WGcaUS1c6HcI4J0/s1600/02-Animated+Drop+Down+CSS3.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="320" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/02-Animated%20Drop%20Down%20CSS3.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul{margin:0;padding:0}#cssmenu li{margin:0;padding:0}#cssmenu a{margin:0;padding:0}#cssmenu ul{list-style:none}#cssmenu a{text-decoration:none}#cssmenu{height:70px;background-color:#232323;box-shadow:0 2px 3px rgba(0,0,0,0.4);width:auto}#cssmenu > ul > li{float:left;margin-left:15px;position:relative}#cssmenu > ul > li > a{color:#a0a0a0;font-family:Verdana,'Lucida Grande';font-size:15px;line-height:70px;padding:15px 20px;-webkit-transition:color .15s;-moz-transition:color .15s;-o-transition:color .15s;transition:color .15s}#cssmenu > ul > li > a:hover{color:#fff}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;position:absolute;top:55px;left:50%;margin-left:-90px;width:180px;-webkit-transition:all .3s .1s;-moz-transition:all .3s .1s;-o-transition:all .3s .1s;transition:all .3s .1s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu > ul > li:hover > ul{opacity:1;top:65px;visibility:visible}#cssmenu > ul > li > ul:before{content:'';display:block;border-color:transparent transparent #fafafa transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}#cssmenu > ul ul > li{position:relative}#cssmenu ul ul a{color:#323232;font-family:Verdana,'Lucida Grande';font-size:13px;background-color:#fafafa;padding:5px 8px 7px 16px;display:block;-webkit-transition:background-color 0.1s;-moz-transition:background-color 0.1s;-o-transition:background-color 0.1s;transition:background-color 0.1s}#cssmenu ul ul a:hover{background-color:#f0f0f0}#cssmenu ul ul ul{visibility:hidden;opacity:0;position:absolute;top:-16px;left:206px;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;width:180px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu ul ul > li:hover > ul{opacity:1;left:190px;visibility:visible}#cssmenu ul ul a:hover{background-color:#cc2c24;color:#f0f0f0}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Product</span></a><br /><ul><br /><li class="has-sub"><a href="#"><span>Product 1</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Product 2</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />03-Colored Tab Dropdown :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Colored Tab Dropdown" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh17JMsvhpm53BuCAQo2sfB6O41jtdvUG147ZF6AF5L5-TVqt4UqiB_fCq9JKKMSuy4uyl-ZnpIHj58Umrzk1jaoITypiW17Hg7G40iSU6O11HiW0fvGEHk8tFffkfHTr-GJam5_UA8asP3/s1600/03-Colored+Tab+Dropdown.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="398" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/03-Colored%20Tab%20Dropdown.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@charset 'UTF-8';#cssmenu{border:none;border:0;margin:0;padding:0;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:#8e8e8e;width:auto}#cssmenu > ul{margin-top:6px !important}#cssmenu ul{background:#CDCDCD;background:-webkit-linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);background:linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);border-top:1px solid #A8A8A8;-webkit-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);height:27px;list-style:none;margin:0;padding:0}#cssmenu ul ul{border-top:6px solid #a80329;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#cssmenu ul ul a{line-height:43px}#cssmenu ul ul ul{left:100%;top:0}#cssmenu li{float:left;padding:0 8px}#cssmenu li a{color:#666;display:block;font-weight:bold;line-height:30px;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{color:#000;text-decoration:none}#cssmenu li ul{background:#e0e0e0;border-left:2px solid #a80329;border-right:2px solid #a80329;border-bottom:2px solid #a80329;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover > ul{display:block}#cssmenu li li{display:block;float:none;padding:0;position:relative;width:225px}#cssmenu li ul a{display:block;font-size:12px;font-style:normal;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover{background:#949494;color:#000;opacity:1.0;filter:alpha(opacity=100)}#cssmenu p{clear:left}#cssmenu .active > a{background:#a80329;-webkit-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;-moz-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;color:#fff}#cssmenu .active > a:hover{color:white}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li class="has-sub"><a href="#"><span>Product 1</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Product 2</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />04-Black Apple Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Black Apple Drop Down Menu" border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGaPlsxfrfOVlpOqet3Emz9_rXlemlsxKxMTADvw7NPfU8KEpOv9DUj__8BPnBbaCR5tl8jptwvG36Kmj9AIRw-UEh-9HYwcyjdN9Up2xsg4zBwndJ9eifsdaljfRXlFK1ILOYoRG_Mht/s1600/04-Black+Apple+Drop+Down+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="359" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/04-Black%20Apple%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#fff;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;min-width:35px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 #333}#cssmenu ul{list-style:none}#cssmenu > ul > li{float:left}#cssmenu > ul > li.active a{background:#646464 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkJGjkw2YvI17z2ghTfSdFABCRf2OnTiTb8KGvsKRIWqJTpOwHCUULHGi97PCcwHh_pKT_S0r7zIzBQPKdkxwX_2m-tTxeH0Cc1EhHO3K_Bl6IETMtkl21r6QS0aADYSR_TzRipM8UE_L/s1600/grad_dark.png) repeat-x left bottom;background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#4a4a4a));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#646464',endColorstr='#4a4a4a',GradientType=0);box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;-moz-box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;-webkit-box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;filter:none}#cssmenu > ul > li.active a:hover{background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#4a4a4a));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#646464',endColorstr='#4a4a4a',GradientType=0);filter:none}#cssmenu > ul > li a{box-shadow:inset 0 0 0 1px #8a8a8a;-moz-box-shadow:inset 0 0 0 1px #8a8a8a;-webkit-box-shadow:inset 0 0 0 1px #8a8a8a;background:#4a4a4a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkJGjkw2YvI17z2ghTfSdFABCRf2OnTiTb8KGvsKRIWqJTpOwHCUULHGi97PCcwHh_pKT_S0r7zIzBQPKdkxwX_2m-tTxeH0Cc1EhHO3K_Bl6IETMtkl21r6QS0aADYSR_TzRipM8UE_L/s1600/grad_dark.png) repeat-x left top;background:-moz-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#8a8a8a),color-stop(50%,#707070),color-stop(51%,#626262),color-stop(100%,#787878));background:-webkit-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-o-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-ms-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:linear-gradient(to bottom,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a',endColorstr='#787878',GradientType=0);border-bottom:1px solid #5d5d5d;border-top:1px solid #5d5d5d;border-right:1px solid #5d5d5d;line-height:34px;padding:0 35px;filter:none}#cssmenu > ul > li a:hover{background:#8a8a8a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkJGjkw2YvI17z2ghTfSdFABCRf2OnTiTb8KGvsKRIWqJTpOwHCUULHGi97PCcwHh_pKT_S0r7zIzBQPKdkxwX_2m-tTxeH0Cc1EhHO3K_Bl6IETMtkl21r6QS0aADYSR_TzRipM8UE_L/s1600/grad_dark.png) repeat-x left bottom;background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(50%,#4a4a4a),color-stop(51%,#3b3b3b),color-stop(100%,#525252));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a',endColorstr='#787878',GradientType=0);filter:none}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-left:1px solid #5d5d5d}#cssmenu > ul > li:last-child a{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;top:36px;left:-1px;min-width:100%;text-align:center;/* IE7 */ *width:100%}#cssmenu .has-sub ul li{text-align:center}#cssmenu .has-sub ul li a{border-top:0 none;border-left:1px solid #5d5d5d;display:block;line-height:120%;padding:9px 5px;text-align:center}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />05-Apple CSS3 :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Apple CSS3" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXX2pxrEGcy2HAa0MI4Bg2usRADrVCl3MDcWyrd_OdBhOc0SuPB2CDuom1vDGchp-yCD7apIEvpPHkRkhGguPCzZKHI-RN2bzOXB1_8Kx4Tg4QDlGQwumvh55klknZWwLgqD4uhH52GcRB/s1600/05-Apple+CSS3.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="330" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/05-Apple%20CSS3.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul{margin:0;padding:7px 6px 0;background:#7d7d7d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoXP-C67DzWnz8MuZimp7b84IEVns7R0QBUl3nwtRNy1aXbqwdVftdz3u77flEiMr8x0M_fu0bLDc8NgDe3iN5P2z8I4D50y40TW5LUxuaLjTG7DY_GXr1Xz1qmHnIBAUGLmmRboMGVopU/s1600/overlay.png) repeat-x 0 -110px;line-height:100%;border-radius:1em;font:normal 0.5333333333333333em Arial,Helvetica,sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);width:auto}#cssmenu li{margin:0 5px;padding:0 0 8px;float:left;position:relative;list-style:none}#cssmenu a,#cssmenu a:link{font-weight:bold;font-size:13px;color:#e7e5e5;text-decoration:none;display:block;padding:8px 20px;margin:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.3)}#cssmenu a:hover{background:#000;color:#fff}#cssmenu .active a,#cssmenu li:hover > a{background:#979797 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoXP-C67DzWnz8MuZimp7b84IEVns7R0QBUl3nwtRNy1aXbqwdVftdz3u77flEiMr8x0M_fu0bLDc8NgDe3iN5P2z8I4D50y40TW5LUxuaLjTG7DY_GXr1Xz1qmHnIBAUGLmmRboMGVopU/s1600/overlay.png) repeat-x 0 -40px;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoXP-C67DzWnz8MuZimp7b84IEVns7R0QBUl3nwtRNy1aXbqwdVftdz3u77flEiMr8x0M_fu0bLDc8NgDe3iN5P2z8I4D50y40TW5LUxuaLjTG7DY_GXr1Xz1qmHnIBAUGLmmRboMGVopU/s1600/overlay.png) repeat-x 0 -40px;color:#444;border-top:solid 1px #f8f8f8;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);text-shadow:0 1px 0 #fff}#cssmenu ul ul li:hover a,#cssmenu li:hover li a{background:none;border:none;color:#666;-webkit-box-shadow:none;-moz-box-shadow:none}#cssmenu ul ul a:hover{background:#7d7d7d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoXP-C67DzWnz8MuZimp7b84IEVns7R0QBUl3nwtRNy1aXbqwdVftdz3u77flEiMr8x0M_fu0bLDc8NgDe3iN5P2z8I4D50y40TW5LUxuaLjTG7DY_GXr1Xz1qmHnIBAUGLmmRboMGVopU/s1600/overlay.png) repeat-x 0 -100px !important;color:#fff !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.1)}#cssmenu li:hover > ul{display:block}#cssmenu ul ul{display:none;margin:0;padding:0;width:185px;position:absolute;top:40px;left:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoXP-C67DzWnz8MuZimp7b84IEVns7R0QBUl3nwtRNy1aXbqwdVftdz3u77flEiMr8x0M_fu0bLDc8NgDe3iN5P2z8I4D50y40TW5LUxuaLjTG7DY_GXr1Xz1qmHnIBAUGLmmRboMGVopU/s1600/overlay.png) repeat-x 0 0;border:solid 1px #b4b4b4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3)}#cssmenu ul ul li{float:none;margin:0;padding:3px}#cssmenu ul ul a,#cssmenu ul ul a:link{font-weight:normal;font-size:12px}#cssmenu ul:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0}* html #cssmenu ul{height:1%}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />06-Red & Grey Rough Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Red & Grey Rough Drop Down Menu" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK-CmVtibuNnMcwOATFc7eODb3VIaSgpkVSJ53QpOI__MSQ6CRu8hGXGBqmcZ-M9fyRmco9oIncuYMXflCzOXtjFID0bYSYItb7ulwWDOUWW_gzLI0P5yNVVNNWzTelE-Amnq3Ln2TZ9X9/s1600/06-Red+&+Grey+Rough+Drop+Down+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="362" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/06-Red%20%26%20Grey%20Rough%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1PIUTdhS4az0KANeUhfV5_IvNK1wkd-OdM5cUZs4GBQT6cGk6zwx7JJkyF1iN4SnsM-J2U6t3Ff9p9hzG4OFuf_Svx7O80ijbFUu7lEaqA4HIybwYUMOaZ6cBcc2fKq0neZNoPoYFB8KU/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYTttp7J5OnhXdz4HrYjyXAws6MXXf8yF3y5zXXxaG_eOWOEFQi-3r0oeWRXtcd72ZSEtsBG8Cy1ToYz0rUJ3NZdt6HKfaCc7-lkX6-A0qg66n9VXD2D02453eb14jU22ayg1LqC183_Sa/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #9e3825;text-shadow:0 -1px 0 rgba(116,37,2,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCLfndPKEGC5CMzJZxy7IkYWxaO7SQ5qH5V8W_zwf3wt5r_nUfw_nbrqxHjds3JY3IrK72LGUdZca6P-_1YnDzDWNVGRJz8u5NWAQAThDlrOdGYPq3HzOqgQFazdf0ZUh1GuSWFu1f0-R8/s1600/hover.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb59RSqUpKTwJqbnDjhiJiGelmToz7DG601pgU4aEsoTJDE-mxYMwY-y72CZWyqZxnhl3cxLsOMJHiT40Bs_P2yr-hEyMaiwHep-tBQkAB8JtH1YUG5iKOaB3XDeym_JUeaTRawsd5hkw7/s1600/active.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1PIUTdhS4az0KANeUhfV5_IvNK1wkd-OdM5cUZs4GBQT6cGk6zwx7JJkyF1iN4SnsM-J2U6t3Ff9p9hzG4OFuf_Svx7O80ijbFUu7lEaqA4HIybwYUMOaZ6cBcc2fKq0neZNoPoYFB8KU/s1600/highlight-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:#393939;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 1px 0 white}#cssmenu > ul ul li a:hover{border-left:4px solid #de553b;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCLfndPKEGC5CMzJZxy7IkYWxaO7SQ5qH5V8W_zwf3wt5r_nUfw_nbrqxHjds3JY3IrK72LGUdZca6P-_1YnDzDWNVGRJz8u5NWAQAThDlrOdGYPq3HzOqgQFazdf0ZUh1GuSWFu1f0-R8/s1600/hover.png) repeat;color:white;text-shadow:0 1px 0 black}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYTttp7J5OnhXdz4HrYjyXAws6MXXf8yF3y5zXXxaG_eOWOEFQi-3r0oeWRXtcd72ZSEtsBG8Cy1ToYz0rUJ3NZdt6HKfaCc7-lkX6-A0qg66n9VXD2D02453eb14jU22ayg1LqC183_Sa/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />07-Apple Light Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Apple Light Drop Down Menu" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCrJjNzsoTcSwv7ZJVYZNrKtWZozgv_-8mLZZcnR5d_ddMQgtrIzIrwr29ZwMn_e3T0kC3qcId9MKf_u5C211dvjgZKHFapXm7Vj0YRjh97OXmaANE-ZpgQtYvOefxLP-9n0gMHt582DHb/s1600/07-Apple+Light+Drop+Down+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="391" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/07-Apple%20Light%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#333;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;min-width:35px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 #eee}#cssmenu ul{list-style:none}#cssmenu > ul > li{float:left}#cssmenu > ul > li.active > a{background:#d9d9d9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY2M4vD85vpYabcCxH5SqrvL9oL1O9BbAMepHx4pbXiIlpDNFZCpTBjCFVrH24eYYAnrcRzjQ52a9asDomGYjzDL7s4bsSV7Vo60dMHGSVkyMMd0Yz4vqKYUrZFFRKZJBboM_ZG7qo17Dn/s1600/grad_light.png) repeat-x left bottom;background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(100%,#bfbfbf));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9',endColorstr='#bfbfbf',GradientType=0);box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;-moz-box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;-webkit-box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;filter:none}#cssmenu > ul > li.active a:hover{background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(100%,#bfbfbf));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9',endColorstr='#bfbfbf',GradientType=0);filter:none}#cssmenu > ul > li a{box-shadow:inset 0 0 0 1px #fff;-moz-box-shadow:inset 0 0 0 1px #fff;-webkit-box-shadow:inset 0 0 0 1px #fff;background:#bfbfbf url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY2M4vD85vpYabcCxH5SqrvL9oL1O9BbAMepHx4pbXiIlpDNFZCpTBjCFVrH24eYYAnrcRzjQ52a9asDomGYjzDL7s4bsSV7Vo60dMHGSVkyMMd0Yz4vqKYUrZFFRKZJBboM_ZG7qo17Dn/s1600/grad_light.png) repeat-x left top;background:-moz-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#e5e5e5),color-stop(51%,#d7d7d7),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-o-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-ms-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:linear-gradient(to bottom,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff',endColorstr='#ededed',GradientType=0);border-bottom:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;line-height:34px;padding:0 35px;filter:none}#cssmenu > ul > li a:hover{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY2M4vD85vpYabcCxH5SqrvL9oL1O9BbAMepHx4pbXiIlpDNFZCpTBjCFVrH24eYYAnrcRzjQ52a9asDomGYjzDL7s4bsSV7Vo60dMHGSVkyMMd0Yz4vqKYUrZFFRKZJBboM_ZG7qo17Dn/s1600/grad_light.png) repeat-x left bottom;background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(50%,#bfbfbf),color-stop(51%,#b0b0b0),color-stop(100%,#c7c7c7));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff',endColorstr='#ededed',GradientType=0);filter:none}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-left:1px solid #d2d2d2}#cssmenu > ul > li:last-child a{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;top:36px;left:-1px;min-width:100%;text-align:center;*width:100%}#cssmenu .has-sub ul li{text-align:center}#cssmenu .has-sub ul li a{border-top:0 none;border-left:1px solid #d2d2d2;display:block;font-size:12px;line-height:120%;padding:9px 5px;text-align:center}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />08-Silver Salmon Button Dropdown :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Silver Salmon Button Dropdown" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NUtR8EVgXFEAZKF1LiAmLOJ-XFkXSMXTl0IIZ47T4p-CCyi6vtu9OnNa5EUiy-5WHZfEfFaWe4YswKZLK9giSfX4QYXDn8sB1OZr7FY5YCi8VAVsph-2c8OxzWTT_jim1Rs8dHC8AT2Y/s1600/08-Silver+Salmon+Button+Dropdown.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="381" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/08-Silver%20Salmon%20Button%20Dropdown.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@charset 'UTF-8';/* Starter CSS for Menu */#cssmenu{padding:0;margin:0;border:0}#cssmenu ul,#cssmenu li{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;z-index:597}#cssmenu ul li{float:left;min-height:1px;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%}#cssmenu ul ul li{float:none}#cssmenu ul ul ul{top:0;left:100%}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu ul ul{margin-top:0}#cssmenu a{display:block;line-height:1em;text-decoration:none}#cssmenu ul li.last ul{left:auto;right:0}#cssmenu ul li.last ul ul{left:auto;right:99.5%}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}/* Custom CSS Styles */#cssmenu{width:auto;font-family:Helvetica,Arial,sans-serif}#cssmenu:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAA3NCSVQICAjb4U/gAAAAI0lEQVQImWPwj0hh+v//PxPD//9M////Z/rP8J/p//9/MD4AGUETB+SFfCsAAAAASUVORK5CYII=);background-color:#606a77;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4f5864),color-stop(1,#49515b));background-image:-webkit-linear-gradient(top,#4f5864,#49515b);background-image:-moz-linear-gradient(top,#4f5864,#49515b);background-image:-o-linear-gradient(top,#4f5864,#49515b);background-image:linear-gradient(#4f5864,#49515b);-moz-box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;-webkit-box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;content:'';display:block;height:8px}#cssmenu > ul{border-bottom:1px solid #252A30;border-top:1px solid #252A30;-moz-box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);background-color:#566171;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6e7d8f),color-stop(1,#404854));background-image:-webkit-linear-gradient(top,#6e7d8f,#404854);background-image:-moz-linear-gradient(top,#6e7d8f,#404854);background-image:-o-linear-gradient(top,#6e7d8f,#404854);background-image:linear-gradient(#6e7d8f,#404854);height:27px;padding:15px 15px 15px 5px}#cssmenu > ul > li{margin:0 10px}#cssmenu > ul > li.has-sub:hover > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#cssmenu > ul > li:hover > a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAGElEQVQImWP4//8/079//0jGf//+JVUPAADfUJPhbDTaAAAAAElFTkSuQmCC);background-color:#e2e2e2;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#c8c8c8));background-image:-webkit-linear-gradient(top,#fff,#c8c8c8);background-image:-moz-linear-gradient(top,#fff,#c8c8c8);background-image:-o-linear-gradient(top,#fff,#c8c8c8);background-image:linear-gradient(#fff,#c8c8c8)}#cssmenu > ul > li.active:hover > a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAJklEQVQImWP4MruP6d+/f0z//v5Fo/8x/fv3F41GyP8lUf2/v38BoDRPnb8AZS4AAAAASUVORK5CYII=);background-color:#cb7b72;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f49b8e),color-stop(1,#bd584d));background-image:-webkit-linear-gradient(top,#f49b8e,#bd584d);background-image:-moz-linear-gradient(top,#f49b8e,#bd584d);background-image:-o-linear-gradient(top,#f49b8e,#bd584d);background-image:linear-gradient(#f49b8e,#bd584d)}#cssmenu ul a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAIUlEQVQImWP4+PEj09+/f5n+/fvH9PfvXzhG5uNik6gOAOTaUDaAXrIOAAAAAElFTkSuQmCC);background-color:#c2c2c2;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1f1f1),color-stop(1,#a8a8a8));background-image:-webkit-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:-moz-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:-o-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:linear-gradient(#f1f1f1,#a8a8a8);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);color:#3c444d;font-size:12px;line-height:27px;padding:0 20px;position:relative;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.4)}#cssmenu ul ul{width:170px}#cssmenu ul ul a{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;line-height:150%}#cssmenu ul .active > a{color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.4);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAANUlEQVQImXXMsQ0AIRTD0FMmvRlYnAm+TQEIGronxcrX2x80hUEDpNx2em0lx9wNj37+rX4AhN5PdtvsqRUAAAAASUVORK5CYII=);background-color:#c46a60;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ef7260),color-stop(1,#b04c41));background-image:-webkit-linear-gradient(top,#ef7260,#b04c41);background-image:-moz-linear-gradient(top,#ef7260,#b04c41);background-image:-o-linear-gradient(top,#ef7260,#b04c41);background-image:linear-gradient(#ef7260,#b04c41)}#cssmenu ul .has-sub{position:relative}#cssmenu ul .has-sub ul{-moz-border-radius:0 3px 3px 3px;-webkit-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA2CAMAAAAxtAOuAAAAolBMVEXp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enCAApGAAAANXRSTlP9+vf08Ozp5eDc19POycS+ubOuqKOdl5GLhYB6dG5oYlxXUUxGQTs2MSwoIx8aFhMPCwgFAqv7N0MAAABMSURBVHheBcCDEcMAAADAj1Hbtr3/aj0/BEKRWCKVyRVKFVU1dQ1NLW0dXT19A0MjYxNTM3MLSytrG1s7ewdHJ2cXVzd3D08vbx/fP9L5BZigzasGAAAAAElFTkSuQmCC) repeat-x;background-color:#c3c3c3;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e9e9e9),color-stop(1,#aaa));background-image:-webkit-linear-gradient(top,#e9e9e9,#aaa);background-image:-moz-linear-gradient(top,#e9e9e9,#aaa);background-image:-o-linear-gradient(top,#e9e9e9,#aaa);background-image:linear-gradient(#e9e9e9,#aaa);padding:3px 0}#cssmenu ul .has-sub ul a{background:none;padding:8px 8px 8px 16px;border-bottom:1px solid transparent;text-align:left}#cssmenu ul .has-sub ul .has-sub a:after{content:none}#cssmenu ul .has-sub li:hover > a{border-bottom:1px solid #1D2024;color:#FFF;background-color:#55616f;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#56606f),color-stop(1,#3f4852));background-image:-webkit-linear-gradient(top,#56606f,#3f4852);background-image:-moz-linear-gradient(top,#56606f,#3f4852);background-image:-o-linear-gradient(top,#56606f,#3f4852);background-image:linear-gradient(#56606f,#3f4852);-moz-box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;-webkit-box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;position:relative;text-shadow:0 1px 0 rgba(0,0,0,0.4)}#cssmenu ul .has-sub li:hover > a:after{border-left:0 none;background-color:#c35f54;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ea5f51),color-stop(1,#a9463b));background-image:-webkit-linear-gradient(top,#ea5f51,#a9463b);background-image:-moz-linear-gradient(top,#ea5f51,#a9463b);background-image:-o-linear-gradient(top,#ea5f51,#a9463b);background-image:linear-gradient(#ea5f51,#a9463b);-moz-box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;-webkit-box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;content:'';height:100%;width:6px;position:absolute;right:0;top:0}#cssmenu ul .has-sub > a{padding-right:0}#cssmenu ul .has-sub > a:after{content:'▼';border-left:1px solid rgba(100,100,100,0.2);color:#5D6A7A;-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.2);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.2);box-shadow:-1px 0 0 rgba(255,255,255,0.2);display:inline-block;font-size:9px;margin-left:5px;text-align:center;height:25px;width:24px;text-shadow:0 -1px 0 #101417}#cssmenu ul .active > a:after{color:#FFF}#cssmenu ul ul a{font-size:12px}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li class="has-sub"><a href="#"><span>Product 1</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Product 2</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />09-Orange CSS3 :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Orange CSS3" border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYTzdSHcd1yZZ3SdDqr3BlWsDEseKLDOFEzV7J6iaDuPOQvS5O8vUUQuPjwDdgbNVUZfnb8oksfkl77bPlmozhh5Yjtn_qcqW8UFxzrVA43QlYlbTgLaeEH2RfYHL4LVgnGpSqg8M-KNtI/s1600/09-Orange+CSS3.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="396" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/09-Orange%20CSS3.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">/* #F93 *//* #C60 */#cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#cssmenu ul{background:#f93;height:50px;list-style:none;margin:0;padding:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1);box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1)}#cssmenu li{float:left;padding:0 0 0 15px}#cssmenu li a{color:#000;display:block;font-weight:normal;line-height:50px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{background:#c60;color:#FFF;text-decoration:none;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3)}#cssmenu ul li:hover a{background:#c60;color:#FFF;text-decoration:none}#cssmenu li ul{display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:200px;z-index:200}#cssmenu li:hover ul{display:block}#cssmenu li li{display:block;float:none;margin:0;padding:0;width:200px;background:#f93;/*this is where the rounded corners for the dropdown disappears*/}#cssmenu li:hover li a{background:none}#cssmenu li ul a{display:block;height:50px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover,#cssmenu li ul li:hover a{border:0;color:#FFF;text-decoration:none;background:#c60;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3)}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />010-Grey Impression Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Grey Impression Drop Down Menu" border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGvUgwqx6CHFpevxoOsHd47yFjT8JNd-srAQF1fFSQWbXuk9p0RC8MLpJ-Tq-onfLM1E4R5rnn6-kIhGcszeDqGEGVZfkKhTl_N0-UF-MK_PAXuKsCB3nU2I_DuhhnEod39zPzGgb0VVG/s1600/010-Grey+Impression+Drop+Down+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="370" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/010-Grey%20Impression%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#cssmenu ul{background:#333;height:35px;list-style:none;margin:0;padding:0}#cssmenu li{float:left;padding:0}#cssmenu li a{background:#333 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXY9du7eqjVlZb6wVm9uMnZWDKO1ufMq6z4aNa9rRsW_VmynaJ2f_F6u9fEQ7cV7gEscOb2fVowfS4H1ov9awlePZ9ZfJQnjl3NRS_JhMoKPhn-_2UqD79OVZaSnQAaM-F1VFXiVmnxsX3/s1600/seperator.gif') bottom right no-repeat;display:block;font-weight:normal;line-height:35px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#cssmenu > ul > li > a{color:#ccc}#cssmenu ul ul a{color:#ccc}#cssmenu li > a:hover,#cssmenu ul li:hover > a{background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpK5IdLnYvaBAu6c4tgRvUHMznS3mHL9e89U5CauW4NU5Kmol0W-Z_3ipUgCFYmW2xynTofP0LChCqwSrJorRR52IfPLKXJzr_8DA3OIDImp9hfXgWyKv7EpVBLa6cp7cHm_RDw1sDf1Qn/s1600/hover.png') bottom center no-repeat;color:#FFF;text-decoration:none}#cssmenu li ul{background:#333;display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover ul{display:block}#cssmenu li li{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgNSsTXUaxMQjLiZswD3Cd069lhjZQwwTH4Q2XU0y5XH-7HJJ3JinRTn8J50UTZe-bFyn5mecBrMKcrx2MxCaBdWOjXkbY2ui4WAgImyIJw0dT5RBKkfv4jrwlsujqrFFc00zurU-4Yu35/s1600/sub_sep.gif') bottom left no-repeat;display:block;float:none;margin:0;padding:0;width:225px}#cssmenu li:hover li a{background:none}#cssmenu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover,#cssmenu li ul li:hover > a{background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkG7cuA622qvoPPB_DnUE3fWEl_BVnQc86C-N7nIwyC9RuJoCu9eP_P05kGVuSjBELc4u0obfHa7bxIPb7uHeMvL1_bCUvZbig-uY-WHmArBSwu2oqzDx9cpMfywDXk_k5K5kJiWnLBY5H/s1600/hover_sub.png') center left no-repeat;border:0;color:#fff;text-decoration:none}#cssmenu p{clear:left}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />011-Flat Horizontal Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Flat Horizontal Drop Down Menu" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEDDs-c-elYTbM6X0MsLAudDTaIAP0FuBsunktJylCUzJ59qU5uqy6ksve7mO0MjeK-utCZB5qZM6dR3CH1BlCL0wdX6-Ca6bhuSmlLeU-KK8AM-DH8YIS0cYmlF6BU5AJPAGV0X3jzh7E/s1600/011-Flat+Horizontal+Drop+Down+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="340" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/011-Flat%20Horizontal%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@charset 'UTF-8';/* Base Styles */#cssmenu > ul,#cssmenu > ul li,#cssmenu > ul ul{list-style:none;margin:0;padding:0}#cssmenu > ul{position:relative;z-index:597;float:left}#cssmenu > ul li{float:left;min-height:1px;line-height:1.3em;vertical-align:middle;padding:10px}#cssmenu > ul li.hover,#cssmenu > ul li:hover{z-index:599;cursor:default}#cssmenu > ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598}#cssmenu > ul ul li{float:none}#cssmenu > ul li:hover > ul{visibility:visible}/* Align last drop down RTL *//* Theme Styles */#cssmenu > ul a:link{text-decoration:none}#cssmenu > ul a:active{color:#ffa500}#cssmenu li{padding:0;color:#000}#cssmenu{font-family:'Lato',sans-serif;width:auto;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#1b9bff;font-size:13px;-moz-box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);-webkit-box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);box-shadow:inset 0 2px 2px rgba(255,255,255,0.3)}#cssmenu > ul{padding:0 5px;-moz-box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:block;float:none;zoom:1}#cssmenu > ul:before{content:'';display:block}#cssmenu > ul:after{content:'';display:table;clear:both}#cssmenu > ul > li{padding:8px 5px}#cssmenu > ul > li > a,#cssmenu > ul > li > a:link,#cssmenu > ul > li > a:visited{text-shadow:0 -1px 1px #004881;color:#fff;padding:7px 20px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}#cssmenu > ul > li > a:hover,#cssmenu > ul > li:hover > a{background-color:#0082e7}#cssmenu li li a{color:#8b8b8b;font-size:13px}#cssmenu li li a:hover{color:#5c5c5c;border-color:#5c5c5c}#cssmenu ul ul{margin:0 10px;padding:0 10px;float:none;background:#efefef;border:2px solid #1b9bff;border-top:none;right:0;left:0;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);box-shadow:0 2px 3px rgba(0,0,0,0.2)}#cssmenu ul > li > ul > li{margin:0 10px 0 0;position:relative;padding:0;float:left}#cssmenu ul > li > ul > li > a{padding:10px 20px 10px 10px;display:block}#cssmenu ul > li > ul > li.has-sub > a:before{content:'';position:absolute;top:18px;right:6px;border:5px solid transparent;border-top:5px solid #8b8b8b}#cssmenu ul > li > ul > li.has-sub > a:hover:before{border-top:5px solid #5c5c5c}#cssmenu ul ul ul{width:200px;top:100%;border:2px solid #1b9bff}#cssmenu ul ul ul li{float:none}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li class="has-sub"><a href="#"><span>Product 1</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Product 2</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />012-Platinum Tabbed Dropdown Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Platinum Tabbed Dropdown Menu" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigeLlmXKh9BtO7v-H-sR4R5f5U-L2mHAIE9dpP2g_se1vfy3TlY5hkrB3uyAT5Xdiu2wYzvZzKgXjlrRzRmgg0J4FdEG3vylYabVZNmYQYHok6fx9wwDt0TA1-feCkUN2LqCnj7K1-2nc3/s1600/012-Platinum+Tabbed+Dropdown+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="336" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/012-Platinum%20Tabbed%20Dropdown%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@charset 'UTF-8';/* Starter CSS for Flyout Menu */#cssmenu{padding:0;margin:0;border:0;width:auto}#cssmenu ul,#cssmenu ul li,#cssmenu ul ul{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;z-index:597;float:left}#cssmenu ul li{float:left;min-height:1px;line-height:1em;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%}#cssmenu ul ul li{float:none}#cssmenu ul ul ul{top:1px;left:99%}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu ul ul{top:1px;left:99%}#cssmenu ul li{float:none}#cssmenu ul ul{margin-top:1px}#cssmenu ul ul li{font-weight:normal}/* Custom CSS Styles */#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#333;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;padding:0 20px;text-align:center;text-decoration:none}#cssmenu a:hover{background:#f6f6f6;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);position:relative;top:0}#cssmenu ul{background:#e5e5e5;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;list-style:none}#cssmenu > ul{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAA3NCSVQICAjb4U/gAAAAHUlEQVQImWN4+vQpEwMDAxMDAwPT////4exBIgYA2loa5nAttNYAAAAASUVORK5CYII=) 100% 100%;background:-moz-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-o-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-ms-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:linear-gradient(#e5e5e5 0%,#ddd 100%);box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);padding-top:5px;width:100%}#cssmenu > ul > li{float:left;padding:0 10px;position:relative}#cssmenu > ul > li:hover > a{background:#f6f6f6;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);position:relative}#cssmenu > ul > li a{line-height:35px}#cssmenu > ul > li a:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub a{display:block;position:relative}#cssmenu .has-sub > a:after{content:'';display:block;width:10px;height:9px;position:absolute;right:5px;top:50%;margin-top:-5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCQjdBNUNENDkzMTExRTI4NENBRkFDOUM5MUY0QzI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCQjdBNUNFNDkzMTExRTI4NENBRkFDOUM5MUY0QzI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEJCN0E1Q0I0OTMxMTFFMjg0Q0FGQUM5QzkxRjRDMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEJCN0E1Q0M0OTMxMTFFMjg0Q0FGQUM5QzkxRjRDMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qSqkdAAAAtUlEQVR42nyOPQ6DMAyF3bSIKXeplGP0IL1EpU5dkZiQeoDegBt0ZO4BOjORABL5oX4RZCniDZbl99nPh6ZpjkR0pn19TlxclmW7lHOOANZSykue55uQtZbatiXBfdV1Hc3zvAnCY12FUqrm02Xf93/QOI40TdOLmadYZoUxhkIICUKC1hpthRJB3viy8ViMKCR470v23glcdB+GIT7PACEBSauZQN70eBrP4zIn3JC0+j8BBgCxDV02ZQEC4wAAAABJRU5ErkJggg==);-webkit-transform:rotate(360deg)}#cssmenu .has-sub ul{background:#f6f6f6;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:none;padding:10px 0;position:absolute;left:50%;top:34px;margin-left:-70px;width:140px;z-index:1}#cssmenu .has-sub ul li:hover > a{background:#ddd;color:#ae0001;border-color:#e5e5e5 transparent transparent transparent}#cssmenu .has-sub ul a{line-height:160%;padding:8px 0}#cssmenu .has-sub .has-sub a:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgwRkJGQzk4NDkzMTExRTI4M0U0QzE5NjJFN0U3RjNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgwRkJGQzk5NDkzMTExRTI4M0U0QzE5NjJFN0U3RjNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBGQkZDOTY0OTMxMTFFMjgzRTRDMTk2MkU3RTdGM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODBGQkZDOTc0OTMxMTFFMjgzRTRDMTk2MkU3RTdGM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DuTwoAAAAtUlEQVR42nyOsQ3CMBBFj4CVyktkAvZgEJZAoqKNoMoEjMAGzEDnhtKyGztxYzvmznIsIUX5kq2T/rv7fyeE2APAEbb1OeAXGGObVAgBCHxxzk9t265C3ntQSkGD82CMgZTSKkge6pwB7HmXUibn3N/TWif0nsQ0ZbEfxxHmea6XyLTW0jjQl8Gu675o3IqRNU0TxBgf6L0rWHTFuFweAaAESlrMCuJmpNJUni5jwoWSFv8nwAA0tXChxwneNwAAAABJRU5ErkJggg==);-webkit-transform:rotate(360deg)}#cssmenu .has-sub .has-sub ul{background:#ddd;left:100%;top:0;margin-left:0}#cssmenu .has-sub .has-sub ul a{background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}#cssmenu .has-sub .has-sub ul a:after{background-image:none}#cssmenu .has-sub .has-sub ul a:hover{background:#bfbfbf}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li class="has-sub"><a href="#"><span>Product 1</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Product 2</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />013-Blue Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Blue Drop Down Menu" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ4sX-sH-l8JKZmwSyUPI8w_Ce5smo5mRscc2sKf2GhsQqlUlReJS5NBCZOemHLm4szoA47BuXOYtoZhR_VEwqZfaJiH9_XWrwtt9cVifwuMvRadbxipU86t__Csh_VMiOcGBACO3uBZJw/s1600/013-Blue+Drop+Down+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="368" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/013-Blue%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);/* 2f4b87 *//* 2f4b87 *//* #1f325d *//* Menu CSS */#cssmenu{width:auto}#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Source Sans Pro',sans-serif;font-weight:500;font-size:16px;color:#fff;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu a{text-shadow:0 1px 1px rgba(0,0,0,0.2)}#cssmenu ul{background:#3b5998;border-radius:3px;border:1px solid #2b4479;border:1px solid #2d4373;-webkit-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-o-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-moz-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-ms-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15)}#cssmenu ul > li{float:left;list-style:none}#cssmenu ul > li > a{display:block;text-decoration:none;padding:15px 44px;position:relative}#cssmenu ul > li > a:hover{background:#2d4373;-webkit-box-shadow:inset 0 0 1px #1e2e4f;-o-box-shadow:inset 0 0 1px #1e2e4f;-moz-box-shadow:inset 0 0 1px #1e2e4f;-ms-box-shadow:inset 0 0 1px #1e2e4f;box-shadow:inset 0 0 1px #1e2e4f;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s}#cssmenu ul > li > a:hover:before{content:'';z-index:2;position:absolute;border:1px solid white;border-top:0;border-bottom:0;border-right:0;width:100%;height:100%;top:0;left:-1px;opacity:.2}#cssmenu ul > li > a:hover:after{content:'';z-index:2;position:absolute;border:1px solid white;border-top:0;border-bottom:0;border-left:0;width:100%;height:100%;top:0;right:-1px;opacity:.2}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;position:absolute}#cssmenu > ul > li:hover > ul{opacity:1;visibility:visible;position:absolute;border-radius:0 0 3px 3px;-webkit-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none}#cssmenu > ul > li > ul{width:200px;position:absolute}#cssmenu > ul > li > ul > li{float:none;position:relative}#cssmenu > ul > li > ul > li > ul{opacity:0;visibility:hidden;position:absolute}#cssmenu > ul > li > ul > li:hover > ul{opacity:1;visibility:visible;position:absolute}#cssmenu > ul > li > ul > li > ul{left:200px;top:1px;width:200px}#cssmenu > ul > li > ul > li > ul > li{float:none}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li class="has-sub"><a href="#"><span>Product 1</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Product 2</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />014-Rounded Slate Dropdown Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Rounded Slate Dropdown Menu" border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSi95gjIWLhk6LmaG_rrDXyo4XEftrenXb0gcjPk_OZ-ZpczLs0wnnEK52h6zyajkvtT-Q0P4jZIDqkng4K9BFVrEvzGJ6NTtRyo6DUp3BdkHuBQb0KV5xkb7pPwWaHkMVZR0FVT7CwwUl/s1600/014-Rounded+Slate+Dropdown+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="330" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/014-Rounded%20Slate%20Dropdown%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@charset 'UTF-8';#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{border:0;margin:0;padding:0;position:relative}#cssmenu{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#f2edea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;box-shadow:0 0 2px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.15);background:-moz-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2edea),color-stop(100%,#c0bebf));background:-webkit-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-o-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-ms-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:linear-gradient(to bottom,#f2edea 0%,#c0bebf 100%);font-weight:600;height:52px;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{box-shadow:inset 0 1px 0 whitesmoke;-moz-box-shadow:inset 0 1px 0 whitesmoke;-webkit-box-shadow:inset 0 1px 0 whitesmoke;background:#f2edea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;background:-moz-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2edea),color-stop(100%,#c0bebf));background:-webkit-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-o-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-ms-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:linear-gradient(to bottom,#f2edea 0%,#c0bebf 100%);color:#666;display:inline-block;font-family:Arial,Verdana,sans-serif;font-size:12px;line-height:52px;padding:0 28px;text-decoration:none}#cssmenu ul{list-style:none;box-shadow:inset 0 1px 0 whitesmoke;-moz-box-shadow:inset 0 1px 0 whitesmoke;-webkit-box-shadow:inset 0 1px 0 whitesmoke}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px}#cssmenu > ul > li.active a,#cssmenu > ul > li:hover > a{box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);color:white;background:#4a5662 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDNkM2QzM1NDk0QjExRTI5NjFDQzlFM0NGQzY5RDNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDNkM2QzM2NDk0QjExRTI5NjFDQzlFM0NGQzY5RDNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0M2QzZDMzM0OTRCMTFFMjk2MUNDOUUzQ0ZDNjlEM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M2QzZDMzQ0OTRCMTFFMjk2MUNDOUUzQ0ZDNjlEM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bEPV5AAAAUUlEQVR42mSO0RWAMAgDc4znAA7g/jvUFKj66gevCT0COs4rJLkIoSC1X+j+7GFfupj+a4bFu+isydcMr88dY/PkLL8bPnrLXTvHk2NdzC3AAIj5BKfn0x2aAAAAAElFTkSuQmCC);background:-moz-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a5662),color-stop(100%,#606f7f));background:-webkit-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-o-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-ms-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:linear-gradient(to bottom,#4a5662 0%,#606f7f 100%)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{box-shadow:0 1px 2px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li a{background:#606f7f;border-bottom:1px solid #59636f;border-bottom:1px solid #556371;box-shadow:inset 0 1px 0 #606f7f;-moz-box-shadow:inset 0 1px 0 #606f7f;-webkit-box-shadow:inset 0 1px 0 #606f7f;color:white;display:block;line-height:160%;padding:15px 10px;font-size:12px}#cssmenu .has-sub ul li:hover a{background:#4a5662;box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15)}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#606f7f;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}#cssmenu .has-sub .has-sub ul li a:hover{background:#4a5662;box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15)}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li class="has-sub"><a href="#"><span>Product 1</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Product 2</span></a><br /><ul><br /><li><a href="#"><span>Sub Item</span></a></li><br /><li class="last"><a href="#"><span>Sub Item</span></a></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />015-Blue & Yellow Rough Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Blue & Yellow Rough Drop Down Menu" border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi47HozCgREXgfPYvE1PdE_LDME1fc7QFjLPPzqawWfTK4NSz5h2LPxMIKhc3yG4fgrHgAnSlCMWy6QdUOYSzrL_f__iI0xJblTw0TVTpjpsU-oH0Rihk50c3OVdYmr6wc-CweDfJyUu_5p/s1600/015-Blue+&+Yellow+Rough+Drop+Down+Menu.jpg" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="399" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/015-Blue%20%26%20Yellow%20Rough%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCTh-NblQrvoZ5zYZTLZxOr7OxG8CPF5X-5ODFlcLLLVEJtTdWQVG1VJOqgsyYFACzCDxI2Hu0n5seHGYfJlQiYkh5i5anWf-mlQxTSKsy7ZC7K9daSCsloPJmL3Bv8U0mf7TB8wYNOrR/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-MA5wPXUDAjDD64a84tQBLV1i963LXu5twVMTfx3mGVNaJ4UVCs75dG-ZpAk5dpsHpVFnQLOxLdnDURa97VGybufVMit6l4_uYpn9Hc-07CJP4pwYQ3LCQTL3CVvzXx7fPiZyKUVSbC1N/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #c28130;text-shadow:0 -1px 0 rgba(151,99,33,0.43);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyY2vNB0uUbDz_PXVL4IFI9in2VcWALg5Mj-wnGOO4vgmaV2IP9k_lZn82waoTKeY2ND9KXHUmBCHDTGFuJ4OtO2QZYuVJ6v8R1q68eArJ2Jzpz2jDFap1fbKMLgt8VPXZ85o7M8tx5FLb/s1600/hover.png) repeat}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCTh-NblQrvoZ5zYZTLZxOr7OxG8CPF5X-5ODFlcLLLVEJtTdWQVG1VJOqgsyYFACzCDxI2Hu0n5seHGYfJlQiYkh5i5anWf-mlQxTSKsy7ZC7K9daSCsloPJmL3Bv8U0mf7TB8wYNOrR/s1600/highlight-bg.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyY2vNB0uUbDz_PXVL4IFI9in2VcWALg5Mj-wnGOO4vgmaV2IP9k_lZn82waoTKeY2ND9KXHUmBCHDTGFuJ4OtO2QZYuVJ6v8R1q68eArJ2Jzpz2jDFap1fbKMLgt8VPXZ85o7M8tx5FLb/s1600/hover.png) repeat;margin:0;padding:0;z-index:-1;-webkit-transition:all 0.35s 0.2s ease-in-out;-moz-transition:all 0.35s 0.2s ease-in-out;-ms-transition:all 0.35s 0.2s ease-in-out;transition:all 0.35s 0.2s ease-in-out}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 -1px 0 #c28130;text-shadow:0 -1px 0 rgba(151,99,33,0.43)}#cssmenu > ul ul li a:hover{border-left:4px solid #055988;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCTh-NblQrvoZ5zYZTLZxOr7OxG8CPF5X-5ODFlcLLLVEJtTdWQVG1VJOqgsyYFACzCDxI2Hu0n5seHGYfJlQiYkh5i5anWf-mlQxTSKsy7ZC7K9daSCsloPJmL3Bv8U0mf7TB8wYNOrR/s1600/highlight-bg.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-MA5wPXUDAjDD64a84tQBLV1i963LXu5twVMTfx3mGVNaJ4UVCs75dG-ZpAk5dpsHpVFnQLOxLdnDURa97VGybufVMit6l4_uYpn9Hc-07CJP4pwYQ3LCQTL3CVvzXx7fPiZyKUVSbC1N/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />016-Grey Red Drop Down Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Grey Red Drop Down Menu" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCHJlXBIM2XPRw-oiZhwZnRAMChQmyJO827fHajFqPa-tEQun1ghlZlHDYUcdfMHy9JogLmOPfNzcCrqUDl_6wzvSOzjvC4sDTN8T0uDIATUuxM-kFGYIXTQrlnOcuNizz7ujV6zUXHl8B/s1600/016-Grey+Red+Drop+Down+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="369" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/016-Grey%20Red%20Drop%20Down%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1GoApalfgMsGkY7ANp3UyqgNNAgyNVvOcXkPLTDvBXNUvR8An58YcaEPIzG0zilfOv4Vd1tn6wfayHKdnT6hW_jBVmU1A_RqwPm0YzNIgflNCLPfnnqh1Fv_uGX1WnWzqMFKe_1EWgI6/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FB5puuF6E_mOA61Ss8nDVp05weSUAYaJv_6BALEK7wDHKjdHZtlRc_8wmpgfXg8NOJ0xFEAlsUJrX6iGubvByzXuLpYkvUIiY3V1t0_0K1NVZDGinXScVfJSpaTBNI50VtODXOfZgjYL/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #0d0d0d;text-shadow:0 -1px 0 rgba(0,0,0,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1GoApalfgMsGkY7ANp3UyqgNNAgyNVvOcXkPLTDvBXNUvR8An58YcaEPIzG0zilfOv4Vd1tn6wfayHKdnT6hW_jBVmU1A_RqwPm0YzNIgflNCLPfnnqh1Fv_uGX1WnWzqMFKe_1EWgI6/s1600/highlight-bg.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYnM_LImvbfCFQCmrbkq_heR2Y4d3hHSmckupXLh_meR7a48b8LaHAoijUpsxMilK7G0a8mT-4bf6FjT34wGPL-1_Jmd4oRdrbD2NqJ3vLItfhM2yTn4LL9AR3Qp5A2cc3LMMlghqjbrAw/s1600/hover.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FB5puuF6E_mOA61Ss8nDVp05weSUAYaJv_6BALEK7wDHKjdHZtlRc_8wmpgfXg8NOJ0xFEAlsUJrX6iGubvByzXuLpYkvUIiY3V1t0_0K1NVZDGinXScVfJSpaTBNI50VtODXOfZgjYL/s1600/menu-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}#cssmenu > ul ul li a:hover{border-left:4px solid #d64e34;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYnM_LImvbfCFQCmrbkq_heR2Y4d3hHSmckupXLh_meR7a48b8LaHAoijUpsxMilK7G0a8mT-4bf6FjT34wGPL-1_Jmd4oRdrbD2NqJ3vLItfhM2yTn4LL9AR3Qp5A2cc3LMMlghqjbrAw/s1600/hover.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FB5puuF6E_mOA61Ss8nDVp05weSUAYaJv_6BALEK7wDHKjdHZtlRc_8wmpgfXg8NOJ0xFEAlsUJrX6iGubvByzXuLpYkvUIiY3V1t0_0K1NVZDGinXScVfJSpaTBNI50VtODXOfZgjYL/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />017-Simple Red :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Simple Red" border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtjvqKBxFqa8FH-t55F3XGgjUlSy0ARH8N7UxK9wPmIgbD15CTAELLvdUvf1byJQ399uip9CXPzRxrAk7i_EgSnHoEoVcth1AGCoMkDSqpNWUiEDh0rS0AHc-sG3sGFt0e3NPB0D6iu1He/s1600/017-Simple+Red.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="294" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/017-Simple%20Red.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu{border:1px solid #b9121b;background:#b9121b}#cssmenu > ul{padding:1px 0;margin:0;list-style:none;width:100%;height:21px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;font:normal 8pt verdana,arial,helvetica}#cssmenu > ul li{margin:0;padding:0;display:block;float:left;position:relative;width:148px}#cssmenu > ul li a:link,#cssmenu > ul li a:visited{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#b9121b;color:#fff;width:148px;height:13px}#cssmenu > ul li:hover a,#cssmenu > ul li a:hover,#cssmenu > ul li a:active{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#ec454e;color:#fff;width:146px;height:13px;border-left:1px solid #fff;border-right:1px solid #fff}#cssmenu > ul li ul{margin:0;padding:1px 1px 0;list-style:none;display:none;background:#fff;width:146px;position:absolute;top:21px;left:-1px;border:1px solid #b9121b;border-top:none}#cssmenu > ul li:hover ul{display:block}#cssmenu > ul li ul li{clear:left;width:146px}#cssmenu > ul li ul li a:link,#cssmenu > ul li ul li a:visited{clear:left;background:#b9121b;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li:hover a,#cssmenu > ul li ul li a:active,#cssmenu > ul li ul li a:hover{clear:left;background:#ec454e;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li ul.navigation-3{display:none;margin:0;padding:0;list-style:none;position:absolute;left:145px;top:-2px;padding:1px 1px 0 1px;border:1px solid #b9121b;border-left:1px solid #b9121b;background:#fff;z-index:900}#cssmenu > ul li ul li:hover ul.navigation-3{display:block}#cssmenu > ul li ul li ul.navigation-3 li a:link,#cssmenu > ul li ul li ul.navigation-3 li a:visited{background:#b9121b}#cssmenu > ul li ul li ul.navigation-3 li:hover a,#cssmenu > ul li ul li ul.navigation-3 li a:hover,#cssmenu > ul li ul li ul.navigation-3 li a:active{background:#ec454e}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />018-Simple Blue :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Simple Blue" border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPdPIb9HlMX4FLd60FKE-fUU1sTSimeKRWxX6gl32aJ-U5XP8DavQVRi86P73TCmGr3W7nNOWxIvgorK_dTJnOLx8XkgtS-e0pTzbbWz6AtlrF5rkwLWUQ0Xzfj-tseekJ1elpLDPlS64l/s1600/018-Simple+Blue.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="321" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/018-Simple%20Blue.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu{border:1px solid #009;background:#009}#cssmenu > ul{padding:1px 0;margin:0;list-style:none;width:100%;height:21px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;font:normal 8pt verdana,arial,helvetica}#cssmenu > ul li{margin:0;padding:0;display:block;float:left;position:relative;width:148px}#cssmenu > ul li a:link,#cssmenu > ul li a:visited{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#009;color:#fff;width:148px;height:13px}#cssmenu > ul li:hover a,#cssmenu > ul li a:hover,#cssmenu > ul li a:active{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#06F;color:#fff;width:146px;height:13px;border-left:1px solid #fff;border-right:1px solid #fff}#cssmenu > ul li ul{margin:0;padding:1px 1px 0;list-style:none;display:none;background:#fff;width:146px;position:absolute;top:21px;left:-1px;border:1px solid #009;border-top:none}#cssmenu > ul li:hover ul{display:block}#cssmenu > ul li ul li{clear:left;width:146px}#cssmenu > ul li ul li a:link,#cssmenu > ul li ul li a:visited{clear:left;background:#009;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li:hover a,#cssmenu > ul li ul li a:active,#cssmenu > ul li ul li a:hover{clear:left;background:#06F;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li ul.navigation-3{display:none;margin:0;padding:0;list-style:none;position:absolute;left:145px;top:-2px;padding:1px 1px 0 1px;border:1px solid #009;border-left:1px solid #009;background:#fff;z-index:900}#cssmenu > ul li ul li:hover ul.navigation-3{display:block}#cssmenu > ul li ul li ul.navigation-3 li a:link,#cssmenu > ul li ul li ul.navigation-3 li a:visited{background:#009}#cssmenu > ul li ul li ul.navigation-3 li:hover a,#cssmenu > ul li ul li ul.navigation-3 li a:hover,#cssmenu > ul li ul li ul.navigation-3 li a:active{background:#06F}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li class="has-sub"><a href="#"><span>Products</span></a><br /><ul><br /><li><a href="#"><span>Widgets</span></a></li><br /><li><a href="#"><span>Menus</span></a></li><br /><li class="last"><a href="#"><span>Products</span></a></li><br /></ul><br /></li><br /><li class="has-sub"><a href="#"><span>Company</span></a><br /><ul><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Location</span></a></li><br /></ul><br /></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />019-Blue Tabbed Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Blue Tabbed Menu" border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoD4f-NIeGGfTkRtM4KCoXmne_gT89Ev3sm5KWpiPegg1Llu-0h1JfkejtSvkKJUAC_wFbFrXvr6Hd2Y-qzHKKtDWZjJLfl3bkIyeaIAChbonaYhI03o3dOgWAsKgw9K_5k2YaXB1vzpjS/s1600/019-Blue+Tabbed+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="391" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/019-Blue%20Tabbed%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCJMdt8gTmyR8BQdhnnmYN42IArrSRchDxzXlMwIrjNySNQAP0x9oVYZEG8Rls4r6LBRsSxD-MPm5w41h3ofHck5rx22wQDNYcttx4rlQCZxxF5TXIG53ofZirWGidLxh2MNPJxZaycApb/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7aE1l4VTgAihyUoRwC7bGgaX6tZGAqE-vxQgk4lL8qT3HH3QsI3jiumrG6eyaKdhOSthpm2s5K_KoKa6xlNo5O-eH-y2Tp1Up_LFtsCXAV6ubvtlrw5O-22vK8E8wWUIW28YQkczxcIHE/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRZBgYFi9xu7VpoIN-T91FPgWPfUEZvaG_iSCMt_4QSN8UzhKRVkN2hkN-E5rQ5Ozh4ZgUhXyKSMbCzYnx0RaA8iE9mgT7S8LLaE-7kU2jwdx8onmDQH3vxVjxIh3HO1Kdl9bHzO5E5QEO/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#004f7c;text-shadow:0 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />020-Tabbed Chrome and Blue :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Tabbed Chrome and Blue" border="0" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLGxD-ToQKkvDHfTDdQG3TNjz3ZMqTXspERLcNqb-SsbU4LRacpAIFpqi6c2nHHN_ac0O_S2IfkQTGSO8Jxpy9Gc8C4u6JRtgNCYgGOkrCNji3LWAl0xf5XJtRgc-enGiGerUw0xK0OdqH/s1600/020-Tabbed+Chrome+and+Blue.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="276" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/020-Tabbed%20Chrome%20and%20Blue.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu{float:left;width:100%;background:#efefef;font-size:93%;line-height:normal;border-bottom:1px solid #666}#cssmenu ul{margin:0;padding:10px 10px 0 50px;list-style:none}#cssmenu li{display:inline;margin:0;padding:0}#cssmenu a{float:left;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVziGuxM4SI8tuck6iq7h-G64jWzBqS1LdUgqST2qaLsf8LIkD261lND-ScbJYvrNVrlNFrdr9pokGFVS1DfTCUbTrIAEGCVebjZ6V0MvFDuGSrMDYLDRyP8w9Dya5Et10WKpKH6jIvxi/s1600/tableftf.gif') no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none}#cssmenu a span{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-SqDiZczFLbJVT_GvT0mMqB4edypB3f_qqNYj-hJI0UxogXNtCXRBJf1msuvvkWvUfDXXHfj-4mVtzPJzewu8P9nkM1dnCzKi0vUflxHoripfscEnk8NzHRP2XJoY3U8RfVBwJ_1_2wQ/s1600/tabrightf.gif') no-repeat right top;padding:5px 15px 4px 6px;color:#666}/* Commented Backslash Hack hides rule from IE5-Mac */#cssmenu a span{float:none}/* End IE5-Mac hack */#cssmenu .active a span,#cssmenu a:hover span{color:#FFF}#cssmenu .active a,#cssmenu a:hover{background-position:0 -42px}#cssmenu .active a span,#cssmenu a:hover span{background-position:100% -42px}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />021-Dark Orange Tabbed Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Dark Orange Tabbed Menu" border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpk6OjHG23aSyjl_q3e805e3xc73UaJJB3-7PsLIOMmr3mO6qSBHfrPczpMoYmvPl8lF5_GnVoDt8yxdfH1-fh0GbIHtkEmvc9B6nboALvCSHMY-ObX2kKp-ls7ILcXvxXeWzkDe97qPcj/s1600/021-Dark+Orange+Tabbed+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="378" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/021-Dark%20Orange%20Tabbed%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZfc2dC9HPgVpF33AFGQO905RRL1_dKvrtO-cFcCyUVHRfjHPNVUL-fHBP4Vm68yDQ4DpRGJ4P5qgS-d65ryRrdh9D7wzzdbYWG9uyX-SNUg2BNE-k7KLYu2iSk6RjSJN1Al6k7p-GXDo/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbsyTdPPmFjQoOXHdxtJu2YDuLDXeITAoao7ptXSJJ12nRMbBVc8pR9Kp67qUKzjh240W-j60OqQn9FtalnDMUy1mNTSo4AH4q6Au4xxlvCEZJtVrt7FFER37Sy-qt8jtBlJC8MQ3pI4Xc/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDkO3lAxbAo6CHY_i3K6C-NAJJUlA0pXp8JHTC6Wnw2bN_4ZZePCJGivVxFw2EY_A8lkg6xeGsekBvmQLYv_6lgCqqtDZTTbXsaJVDt2hV7VC-Tk0lG0weOdNNpy3jSjSYIw-ZUGPqbon/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#9b4106;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />022-Grey Tabbed Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Grey Tabbed Menu" border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnN39WRPhikwbJJLtkr8gnzPLqleRemKfTZDrx191pUQWl_y6G-TiBdBs9lT_mUfu4VWE2y_etWiOyXEr2tvOzpJtRB3nMUinb2tyYEbkYRG4JbogA-hhansSp4ugQwMuuOT7ikAreTfT8/s1600/022-Grey+Tabbed+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="318" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/022-Grey%20Tabbed%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmyQ4FYxfT7llVjKLGyGuM5n0js0T258tOzi7eKwv-wgqnNQxd4cQMApEhRhhPfR44iQlhm0vod3AhjbMNEmffiDnCUNK-xDbcJA8OUFVqHlC_ubl_lB-Sxe8iU5UcW5gs7o4jRbVcvDBX/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijN4hKMH-PhyMXYNEhTx6UXSCvPmwd2vak7-WNikEWBPRaQn8-oX0GE3GH-kbmceoROnPBsLNI5JwWcGKKoNfg0qgLpQGfgDWO7iZFc0uPHIfDK2sI35v2sZkJALFHZkvv-y0BUtcnJqlN/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0RVvDjkudv_aq0AS1gKCJ8GbjMulsFer5vnB6_3EVwQrynSH5mPCsU8cdQ2JRWzyv279Qelup4XP4QttQl95CRhg5WUOEVMbEuSxbG1CeQuFIRdcLFncsBZBOiaESIEZOScZyOzWxa46/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#616161;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />023-Light Orange Tabbed Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Light Orange Tabbed Menu" border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5jmFPARHIkLGbW_Et-Xi8gKrs9CG6WqI29TC2U61RX23RlxlzcX1pLn4VbrRK7tQLoKmkkeKtytLw467KtmlBW14NA5_ij5yMsp7YOiRHcU9XDabyS5jBXi785NkI0gkrO84R3DoaSFDt/s1600/023-Light+Orange+Tabbed+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="375" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/023-Light%20Orange%20Tabbed%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFHPnYpDtqaYbpNZvcALy78uHIYqXeYyzKTmsathKAMKqckqVjNMgSdE83Abb8pBsgjle0qj0xAzdJjZ4gHlaHGKxRiTIR0_YeFaTpob4E6qeOPJsB9nmAfLTsHVCmXZHgbIH0OsWZm8cu/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR_YQD7hmFxeyoICyzhVkqmfinXGnmsIzg-VJphOnzTCwswqHLJq0wFkvwrbtQJ9ILNVnO_TDYsmHhSxy1viR4KaTfUvbfP8Hq6JeTFTNJvNVpk5PDF2POy3gll8E8rrhH2hbRzYlHKK4U/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLyfI5U0k79-MD7a2BGMwDaDG5WGGGZzhfT95vCshAxn5D0iAM1piT8C15io4uyneuSUBEGTAYRvWVTj8hFYz7FOhat0SpKr7DzCvuDbXrLsHcig6N7Ta7T0RypQthE9BRUsUfP5YWfvkr/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#946f00;text-shadow:0 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />024-Purple Tabbed Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Purple Tabbed Menu" border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2baWxCrSKlmEqaVdUo3d0WN34kjVqr1LQ0BEDe7XpaiP5pDTiviCEq8Tgqd_GLk0HvpkVkfYP0Q7E_OuN5pIzoMueiHh5yzv_bY2Qzyk4-vj7fMc61i5fMMvB6VeVonCxu3H2szAdYxGy/s1600/024-Purple+Tabbed+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="345" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/024-Purple%20Tabbed%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXtcGr7x1I5425-3_w1szp763YwYwen6jgC5GzusRYuUpDfpLFelOmesf3yJuS0gXc7d-_JIJJnh1V4uKZiJoMBbeY_rCHnZBMIxHibg6zI8d5qeUOQOE7wMEitDJKsXrRG_-w9i6ub1y9/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWW0FHBpd-wHYBug6fXjnQMkoBpqKBupIeh-EPg6P68ukczetmTou71CagZBQKiT25_DMkjdGJBXJdwRE3nVC8TUAHN_cySKN0rzgEDwLaJ-AcqdN7WAeH7K4FV8S8Lo7t6uqA11Jbkkf/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2MU2hOfWJ_QzfNWwQE9Rihhe4aEfJOUeBLCOZhyphenhyphenHSv7rdTPpnRODSEuhdh4quSrQKTNbJ03BjHWbQG4jJOyivHCtEae7LAUKDp3ik86DU4xs9DdmuJH4E7K_KVGApxnaly_AnpldT_iCf/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#561756;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />025-Blue and Grey Sprite :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Blue and Grey Sprite" border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_MceUcrLMFsUgOGi2MmrG2eY0QDUN8qpt387q-WTd5CZq3aNJSFFfrbVEKix6HUh5kHx_00qfyDqTYTdm7ZsVDAEjQmZKPt7PGhi3fo6uoErYynOpO3K_NqJdnNdNh6jixHXwvQgkXUsh/s320/025-Blue+and+Grey+Sprite.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="363" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/025-Blue%20and%20Grey%20Sprite.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:30px;font-size:16px;font-weight:bold;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1Ygh8ny5YyEikZ5VpRyAioQEzt9_BTllTrP1KNievFB00o_UpJPzZbkcCyDYKysngxaO0yqoB6tEiFiQY39S_sFeUvGHLCpWf4iHbFEDshOx-QGeIdx0nsNPmrx9YWP0tQz8nRFjNnrp/s1600/nav_bg.png) repeat-x top left;font-family:Arial,Helvetica,sans-serif;border-bottom:1px solid #000;border-top:1px solid #000}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#999;text-decoration:none;font-weight:bold;padding:8px 20px 0 20px}#cssmenu li a:hover{color:#FFF;height:22px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1Ygh8ny5YyEikZ5VpRyAioQEzt9_BTllTrP1KNievFB00o_UpJPzZbkcCyDYKysngxaO0yqoB6tEiFiQY39S_sFeUvGHLCpWf4iHbFEDshOx-QGeIdx0nsNPmrx9YWP0tQz8nRFjNnrp/s1600/nav_bg.png) 0 -30px no-repeat}#cssmenu li.active a{display:inline;height:22px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1Ygh8ny5YyEikZ5VpRyAioQEzt9_BTllTrP1KNievFB00o_UpJPzZbkcCyDYKysngxaO0yqoB6tEiFiQY39S_sFeUvGHLCpWf4iHbFEDshOx-QGeIdx0nsNPmrx9YWP0tQz8nRFjNnrp/s1600/nav_bg.png) 0 -30px no-repeat;float:left;margin:0}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />026-Aqua Bubble Wrap :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Aqua Bubble Wrap" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj86PJXpw8L47mWR7DrbD25yYsihgBVZkTw5CMQcOfSTVM814DNY2accF7WW6XyBGSmkqsflaLr2vyKffJvqaQFjMRvNlIzjsuhEn7qbz0Hn2S6asabJRtp8bWHh1lPaQwZtpZZoVTaLATM/s1600/026-Aqua+Bubble+Wrap.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="446" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/026-Aqua%20Bubble%20Wrap.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixX3iDQNcQDUWSTpqB9-erLhdq2NsN9Wwgxd_GuqCIpC9NuRtLe7_nHhY65EpFGn5R5b1ZcsjRNXS1UGRhbu8avVI3WLfU3-ur-kpx4WjcAtKfhkwQkl_qzqAu7U6JKQphyphenhyphen9YGC7JTo_23/s1600/bg-bubplastic.gif) top left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMsppXcy7gU1vnAiCMYq5FXIHCmcVQPW71Ozm1SvAKb_hKuyeXcJtomSQWydjAOU2PIBhfe1TumPcYAPvwWWxG0dmVdaPMjX6yNAKuAwDHCsgjZmCcOaoh5rj4idB9oO1GQn5xKp0VunV/s1600/bg-bubplastic-button.gif) top left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMsppXcy7gU1vnAiCMYq5FXIHCmcVQPW71Ozm1SvAKb_hKuyeXcJtomSQWydjAOU2PIBhfe1TumPcYAPvwWWxG0dmVdaPMjX6yNAKuAwDHCsgjZmCcOaoh5rj4idB9oO1GQn5xKp0VunV/s1600/bg-bubplastic-button.gif) top right no-repeat;cursor:pointer}/* AQUA HOVER */#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTWJoG-aGDpmUibjuSZSjRvKW55o2jPq71hWCGP51bcLvcD7bYxGlGrmstxeO2Rys7H51IhXfz70OHLK0aC70T64bor5xc-QnQ2YoAZAuh4AjRvPGsv1gYGHvCsQrHWeW99r8YMxHSgPI8/s1600/bg-bubplastic-h-aqua.gif) top left no-repeat;color:#FFF}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTWJoG-aGDpmUibjuSZSjRvKW55o2jPq71hWCGP51bcLvcD7bYxGlGrmstxeO2Rys7H51IhXfz70OHLK0aC70T64bor5xc-QnQ2YoAZAuh4AjRvPGsv1gYGHvCsQrHWeW99r8YMxHSgPI8/s1600/bg-bubplastic-h-aqua.gif) top right no-repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />027-Skinny Green :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Skinny Green" border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvKuCYCdwF5WAuBvN13frEbmA6BKKr4hTm1irUz8vgANLB7frq2PX2uKCRlh88EifVSHGLkOauMxlZgZOSfHlQsqtH1juumCmfKf-hlVYyTzGYonMtgasMj1oko2Sa2R6PNWE1nStXRj7L/s1600/027-Skinny+Green.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="326" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/027-Skinny%20Green.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul{list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZIFLl3Kkwa0E6PGL8fPfTagE_bKtycQttjDhRIkSJTD_SUVF59BxmRoam5YxRHtbdYj6K30cD31yR1uC9oeCsuZGS4Q9ZM1bzb1JPOoEGA32CxnUByZ4H8ep_Mn2uzPz_LGJoYu3oHKl/s1600/bg.png) repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal}#cssmenu li a:hover,#cssmenu .active{color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZIFLl3Kkwa0E6PGL8fPfTagE_bKtycQttjDhRIkSJTD_SUVF59BxmRoam5YxRHtbdYj6K30cD31yR1uC9oeCsuZGS4Q9ZM1bzb1JPOoEGA32CxnUByZ4H8ep_Mn2uzPz_LGJoYu3oHKl/s1600/bg.png) repeat-x top left;text-decoration:none}#cssmenu .active a{color:#fff;font-weight:700}#cssmenu ul{background-color:#629600}#cssmenu li a:hover,#cssmenu li.active{background-color:#7AB900}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />028-Indented Horizontal Menu :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Indented Horizontal Menu" border="0" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDXsvohUJA69PwSXpOOuzCjebFUZQQO1gVHdqYJLSKsps1FDvZP-y3oLlIOKqK92met9X4Pi5N5wCfNTeRJWxNPOLoy7zGZMeHGDUpM158tUTS-2X_R4CkltTOf9QtwQylFNVU0Af_q8LG/s1600/028-Indented+Horizontal+Menu.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="332" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/028-Indented%20Horizontal%20Menu.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@charset 'UTF-8';/* Base Styles */#cssmenu ul,#cssmenu li,#cssmenu a{list-style:none;margin:0;padding:0;border:0;line-height:1;font-family:'Lato',sans-serif}#cssmenu{border:1px solid #133e40;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;width:auto}#cssmenu ul{zoom:1;background:#36b0b6;background:-moz-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#36b0b6),color-stop(100%,#2a8a8f));background:-webkit-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-o-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-ms-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color',endColorstr='@bottom-color',GradientType=0);padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}#cssmenu ul:before{content:'';display:block}#cssmenu ul:after{content:'';display:table;clear:both}#cssmenu li{float:left;margin:0 5px 0 0;border:1px solid transparent}#cssmenu li a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:8px 15px 9px;display:block;text-decoration:none;color:#fff;border:1px solid transparent;font-size:16px}#cssmenu li.active{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #36b0b6}#cssmenu li.active a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;background:#1e6468;border:1px solid #133e40;-moz-box-shadow:inset 0 5px 10px #133e40;-webkit-box-shadow:inset 0 5px 10px #133e40;box-shadow:inset 0 5px 10px #133e40}#cssmenu li:hover{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #36b0b6}#cssmenu li:hover a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;background:#1e6468;border:1px solid #133e40;-moz-box-shadow:inset 0 5px 10px #133e40;-webkit-box-shadow:inset 0 5px 10px #133e40;box-shadow:inset 0 5px 10px #133e40}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />029-Skinny Orange :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Skinny Orange" border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1Zu913-9CZm8EGYl2mt_fVLIBgUQY4EbdTCi6YIsm1EOv1K08-UantX29FStrFfCyd-fdPtSJvembWFy6v9AqC1mIjUETpyjEBhREgGzyRrLyHvyQeN8pcf7nexWMa8yPg9Evap8OAbo/s1600/029-Skinny+Orange.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="360" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/029-Skinny%20Orange.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul{list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoAb46Zhp0NlmKDpZyz3SRCC9pZnoxCnBgZc_Qzhq6Omv1etRHyeECmdSFOxPyk482vmnrYuXGVA6x87aeJf5xhDR2YHH1fu1tg30hhaaEB7ceB2XKTbhLUfihc5XpbM39K1AUTLUbdzlX/s1600/bg.png) repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal}#cssmenu li a:hover,#cssmenu .active{color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoAb46Zhp0NlmKDpZyz3SRCC9pZnoxCnBgZc_Qzhq6Omv1etRHyeECmdSFOxPyk482vmnrYuXGVA6x87aeJf5xhDR2YHH1fu1tg30hhaaEB7ceB2XKTbhLUfihc5XpbM39K1AUTLUbdzlX/s1600/bg.png) repeat-x top left;text-decoration:none}#cssmenu .active a{color:#fff;font-weight:700}#cssmenu ul{background-color:#DC4900}#cssmenu li a:hover,#cssmenu li.active{background-color:#F46D00}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />030-Sky Blue :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Sky Blue" border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6WpPteBnuHmtGeIBO2SlDz9pgOR_9Om9hS7F7nayUczvwCbcDdFc0F6IbKWTa46R0E68uAyufW9rnf-uvYpQcmtcVfkgRsJwWXe2tdk0xYBzwXp69CDOHbxUDzr8AqAd9lcSNxOXUmqT/s1600/030-Sky+Blue.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="301" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/030-Sky%20Blue.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwremxUWUaa2bB4ieYkIY3G-khq0_KgAGSTz33F96U4vAuWuDrskW3GUxECPQAg6dAGI-xc3eUfSqNA3MQJMLQcS0dhANnEyLcOxQTiVkQb-5VwNmAh5xwuW6ebiNQxH3b8w4_pLrkRvKm/s1600/off.gif') repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #004c99;border-top:1px solid #74b0c6;width:auto}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#6d7078;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8c0mI_TiuSSVDjdc0L9mDX678rhVdy0WKeERUKxyz4x3LuOiwn86r_a8vOJkITgnKPlgvW0oPhxp2s2JfQ3sxsHb9bLtm7_S2p95Oz4m34YdSwlHdhNzK9hA6_Z_EWSFF_rKkEIlyrtM/s1600/divider.gif') no-repeat top right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvSG1_gJgxDenAVykN8XxmbJghSDI4MSamhL2pQYFkums_biIETDCoH-nbQdKF9O4YlsUQmK2alcC3otCJjjqQstw2YcxtSItCPET-N6R6KN-nfbsC4gRT9DqhZujDtwyVY2XRQYZbsU4c/s1600/hover.gif') no-repeat top right;color:#6d7078}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />031-Purple Bubble Wrap :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Purple Bubble Wrap" border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSERIiRgDuWD7LmWNAGs3TN4CzXuWcTBIVlrf-4ELMk95nBMvOj4qFD8sQ1iGvsmqG_1Od4rjLQ3bnTybZK8zQVLBmbTrm-Jftd3M6yLRQ0a6y0RBZF68w8DtNSPky0Bh2l-Gt6c2HK6lJ/s1600/031-Purple+Bubble+Wrap.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="380" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/031-Purple%20Bubble%20Wrap.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi91C0KOVHrxlpweF1ci0hitse0WI5xn6VLlgfUSHMypSWy96ou93VyjbN0zM6c5j-Z1PfEZ5p83YdbKXOQxIt5omkdtWombp_Kkpf45OxrktE5jG06hJCV-ahkzIk59iXfeh8vDj-wKsMf/s1600/bg-bubplastic.gif) top left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVMc_xvrs2V1XCQ_psf3rF6KIzHwr2NgIEqtx83JD4hxoTIBcTTFTFsD3uwni9vHLIabzpzRXO1e0CXZvQVZNAg4E4S5yUgOlmU4eLvKKIR-BdXDc7GQNZym7fV7C06H3-sm-qBtjD9php/s1600/bg-bubplastic-button.gif) top left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVMc_xvrs2V1XCQ_psf3rF6KIzHwr2NgIEqtx83JD4hxoTIBcTTFTFsD3uwni9vHLIabzpzRXO1e0CXZvQVZNAg4E4S5yUgOlmU4eLvKKIR-BdXDc7GQNZym7fV7C06H3-sm-qBtjD9php/s1600/bg-bubplastic-button.gif) top right no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPkINeoRg4tazmjkJrdhAK-H9y8kn7hcvbhyC4p__9htum6wEnXL6nxgVDMx4uYKRf0Yt8ghgfUWDAO-p3tybmIDODOq-uw8nyoDdBfi6teNnxPPQD9j8nE08LUzTMs3hUk2pI3vG6w2j/s1600/bg-bubplastic-h-purple.gif) top left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPkINeoRg4tazmjkJrdhAK-H9y8kn7hcvbhyC4p__9htum6wEnXL6nxgVDMx4uYKRf0Yt8ghgfUWDAO-p3tybmIDODOq-uw8nyoDdBfi6teNnxPPQD9j8nE08LUzTMs3hUk2pI3vG6w2j/s1600/bg-bubplastic-h-purple.gif) top right no-repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />032-Simple Grey Hover :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Simple Grey Hover" border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4uqBIunBQ-bart-JO60vkE1jDBOWAPeVRdBMWeowR5F84t8r8XYPT9mNCi4zi-TLAfNpL_7N4jnWam_c0zlCXAKLsl6eJ1AmlotNnGtdkgjQ4glsnHEvcq19oeLYzioNcWgkess3gp2vh/s1600/032-Simple+Grey+Hover.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="389" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/032-Simple%20Grey%20Hover.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2J8PHkRkjRUeHr0HgA9mWslqs7IrtT9QQaz8nbc8hhxpsDwLv0Zeb41DqQSRt0JjiIMhadnENACthNjwJrEuprYGiSPvfKmVD9ZT1BpUIUsoRQzySWLsAzgCIA9dHXqfyCVZNDAMxKmdL/s1600/off.gif') repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #555;border-top:1px solid #919191}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#8c3a3a;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsY8e3R51sdpt0klHIlAis5uVn_9TwYnC8Th9Omuu9fBU4s4PcRs9FsA3QkYQYHrgdPg0jXxdngTQnlama9qyekLri5RbA_xTT_KIhZTQ-tQcTJdjYWXH9A7ahgg81Eh8NXmCg9G0jKWlB/s1600/divider.gif') no-repeat top right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6PtiWlJxcCSvpbbQ36edLeNgeCiIQSTCHI0cHBkFZXxIpdyX-I2lvoHgU3sNPOUYsKKwDmDeoxDcDDgpZGJTwp8NSteP8A46fe0t8yZR8AcT_9AUrhn7Rprhn5tSAJ58dthRSi36iwsQs/s1600/hover.gif') no-repeat top right;color:#8c3a3a}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />033-Blue Bubble Wrap :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Blue Bubble Wrap" border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRvXT_mQu4Re6orDtOYH54UZ4HkJBtFVsAwm3Mb0blje7e-rU1Etoy0BZC_kzqJ_cX5EgtwdZu_qAQoejMYh-XcgGtgAyWfHJQ4GKSKdJL0aQcUukXd3qlAaHG7SF-S2E8b0e3151jWWkl/s1600/033-Blue+Bubble+Wrap.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="364" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/033-Blue%20Bubble%20Wrap.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGSiepzXL55bbXn42h8ZU53AHHSRPpOc1CJvUDAXO6gcht4v8SfeShFm0ejx5szrBJL0yNvDMWsHTk_MaxwvbiecfA5eh8dENXo2bCfwaO3Y1mMtf05VySMG10XXaobLijamo3bZdw3Drk/s1600/bg-bubplastic.gif) top left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnuVX_RWiwOD23BLqJJWqKqQY1RcYXaStSOflo7Shd5lSKvqwz0yJ2LSs-AeEShszroMFicqG07Sf5_qabSHnRsY4qNbov5AufnRVZWufVLe6w26O-C__IreEif8F_OwLczMyjEU31mYta/s1600/bg-bubplastic-button.gif) top left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnuVX_RWiwOD23BLqJJWqKqQY1RcYXaStSOflo7Shd5lSKvqwz0yJ2LSs-AeEShszroMFicqG07Sf5_qabSHnRsY4qNbov5AufnRVZWufVLe6w26O-C__IreEif8F_OwLczMyjEU31mYta/s1600/bg-bubplastic-button.gif) top right no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkh1VOL8vHsdqSFwr2feKfLxX0nWkEkNIwemMWlydKvZQvlUbzj9s82SWgf8Y6hKUvsk7kYPFEqe6nri9KK49GNPU-pTm4wEY5-vJWgCrigDP6lE99OdXIkZKoIX535W6gYQM84dL_tR3/s1600/bg-bubplastic-h-blue.gif) top left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkh1VOL8vHsdqSFwr2feKfLxX0nWkEkNIwemMWlydKvZQvlUbzj9s82SWgf8Y6hKUvsk7kYPFEqe6nri9KK49GNPU-pTm4wEY5-vJWgCrigDP6lE99OdXIkZKoIX535W6gYQM84dL_tR3/s1600/bg-bubplastic-h-blue.gif) top right no-repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />034-Green Algea :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Green Algea" border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy0eqhWCGh67elUQz7YH0qaKRnQNOpJOCR3OMegtiIYJMGaqLfd_r-zueASNnFrC3EDLH9iueaSa7NZZAzFx2JG-kfnJs32HeNiwq_manrDoU9FXVdl2Uas90rD1hZ0WNyCxxlAUsU3slp/s1600/034-Green+Algea.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="306" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/034-Green%20Algea.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">/****** H3 */#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOvzGeunW7xvvlW_A7d7tsyRCca4e1mvBEbrnsET5oyjLOPtEpjPtwT0u2Ag9hkpIe42NvDjgsyHVZqRCcnTsN0e4JSEPSidcDHgpIHnXlEpfTi5nMIyD7vax5PMPrtQe6bhRSXudCfXb/s1600/off.gif') repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #366;border-top:1px solid #C0E2D4}#cssmenu li{display:block;float:left;margin:0;pading:0}#cssmenu li a{display:block;float:left;color:#874B46;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0tXjWoh_iVi0GK_FzVB7Tdz8p7qp8fkXkHsoU_AxK0LzS0GUtY6zdbz02lhEK0BiOrtSaMGY6HqY8bGaNYKQrjss7uKaYFxtpkgzQM1LnGEawVDh_QBAj2zaq30xsI-voU6ZSgq-8SPsh/s1600/divider.gif') no-repeat top right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivJjP-9viwhlIq3eTqIcJ4VCjarv8Dol8ZLYo4PMlNa9ONncstXkZ1H_funDEd2FSxvktKtR-sEChtS8Hv4_soRE1RPhgPXYy6VldgSih8Ip8so3JbLaaynWcDrlMIS8Dy9bGichU53SnM/s1600/hover.gif') no-repeat top right;color:#874B46}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br />035-Red Bubble Wrap :-<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<img alt="Red Bubble Wrap" border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqbg0G7eMchKSCVqDmXuAj5KhUNC045Fq1q1HFemPJo-GQFApDx2n6_-bO57n89rC7aKV-ymPuTU09DyK8fq_KxNHbZtbkb4D0ZAN8F6eYoDr1mBC19Tyy_seCpLnY3aGUJaZ3IZI1Cke/s1600/035-Red+Bubble+Wrap.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px;" width="400" /></div>
<br /><br /><div style="text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/035-Red%20Bubble%20Wrap.html" rel="nofollow" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArv-_N0FVLrbeSdekInQLjjE-uKYszLHkcaA7r6rQ3ffVFaNtR-yqzWBOxnHKzBsq-4vmWvsk28go2eQHljm-1LLHLewOXZ-udl54MBlEPlFXdTYD6FytkOhklvdQWrFkf_NASuiPA3qt/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br /><br /><br /><div class="code" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSuSk2Yz1VTVeRwxElL2ybQyCTt8cUzx2ieEKM1RkQWnlIjeEcw03ym7EPAoiPx0w86wLUeqS_pDosyrfg_FMV4zU9QdDwjQhpc5GtU8IQXd0FwUfjArMfKS_4u16Yq45O2h3NsQQiODZ/"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; color: black; font-family: 'Courier New'; font-size: 9pt; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHaWmq-cVfeXuLjOpg44UQLRsqsNCk-dTuz6xCuMib9RO3jUv5bl6Dp33fePtolGmSr9XbP9qNHa15qlhPFPGCYozbHKyk7Ye-DBo3d-KJapgnX_Lee5IuW9eqDTXPdUZqaSkaANMZ51G/s1600/bg-bubplastic.gif) top left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnC8Moxy85kkl0fi9LVKU2_rpT6MGMHUAWnMQKVrP6GBXrV72LP5tLhrJtuHN_z-3IFzTTlXR5Y4t2PXel7SLXgUzIQ59V7V88mcaYgzfqgfAPe2BuwCWX_veP_jruXgy1bWhyphenhyphend5I44tXS/s1600/bg-bubplastic-button.gif) top left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnC8Moxy85kkl0fi9LVKU2_rpT6MGMHUAWnMQKVrP6GBXrV72LP5tLhrJtuHN_z-3IFzTTlXR5Y4t2PXel7SLXgUzIQ59V7V88mcaYgzfqgfAPe2BuwCWX_veP_jruXgy1bWhyphenhyphend5I44tXS/s1600/bg-bubplastic-button.gif) top right no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH6ryWQp-F0wKbNHkpXWTv3ygdXKLlEmmff4ayhEcEXZfqVROeThR3RjvwgocsKi555Cy-sQB3Gl4Lax0eyDkfCLaAX1Hoywo1Z2SLDFZ0XwQHwnRpJvrSLKNoHncnKJoX5siFGWJu_kRF/s320/bg-bubplastic-h-red.gif) top left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH6ryWQp-F0wKbNHkpXWTv3ygdXKLlEmmff4ayhEcEXZfqVROeThR3RjvwgocsKi555Cy-sQB3Gl4Lax0eyDkfCLaAX1Hoywo1Z2SLDFZ0XwQHwnRpJvrSLKNoHncnKJoX5siFGWJu_kRF/s320/bg-bubplastic-h-red.gif) top right no-repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><br /><br /><br /><br /><br /><br /><br /><div id="cssmenu"><br /><ul><br /><li class="active"><a href="index.html"><span>Home</span></a></li><br /><li><a href="#"><span>Products</span></a></li><br /><li><a href="#"><span>About</span></a></li><br /><li class="last"><a href="#"><span>Contact</span></a></li><br /></ul><br /></div></div>
<br /><br /><br /><br /><br /><br /><br /><blockquote style="background-color: #f6ebc1; border-left-color: rgb(252, 226, 124); border-left-style: solid; border-left-width: 5px; margin: 1em 3em; padding: 0.5em 1em;">
Many thanks to <a class="external_link" href="http://www.cssmenumaker.com/" rel="nofollow" style="color: #999999; text-decoration: none;" target="_blank"><span style="color: #f6b26b;">cssmenumaker</span></a> and <a class="external_link" href="http://bdlab.blogspot.com/2011/01/17-drop-down-menu-widget-in-blogger.html" style="color: #999999; text-decoration: none;" target="_blank"><span style="color: #f6b26b;">bdlab</span></a> for making this code and I just tested and modified to work on blogger</blockquote>
<div>
<br /></div>
</div>
</div>
</div>

35 DROP DOWN MENU 24WORK BLOGSPOT

35+ Drop Down Menu Widget in Blogger Horizontal Menus CSS & CSS3 Drop down Navigation menu is an essential part of any blog or we...