35+ Drop down menu add on your blogger blog
Fast Copy the html/ JavaScript code from the below box
(1)
<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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li
class="has-sub"><a href="#"><span>Product
1</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Product
2</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(2)
<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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Product</span></a>
<ul>
<li
class="has-sub"><a href="#"><span>Product
1</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Product
2</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(3)
<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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li
class="has-sub"><a href="#"><span>Product
1</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Product
2</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(4)
<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/AVvXsEithIA_5p8dt9opEvxLYWGy-3p4gXbKhXItLTcH9ogJc0P_CPeHsH7tjvTAK9W0SLvtjGChVtJaX8g5ZLCviVQ6tcuDjthJqgjMttNeKVHsyHA4vNeEcLeoMM8srOuBeEE43EeWUf-lOp20/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/AVvXsEithIA_5p8dt9opEvxLYWGy-3p4gXbKhXItLTcH9ogJc0P_CPeHsH7tjvTAK9W0SLvtjGChVtJaX8g5ZLCviVQ6tcuDjthJqgjMttNeKVHsyHA4vNeEcLeoMM8srOuBeEE43EeWUf-lOp20/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/AVvXsEithIA_5p8dt9opEvxLYWGy-3p4gXbKhXItLTcH9ogJc0P_CPeHsH7tjvTAK9W0SLvtjGChVtJaX8g5ZLCviVQ6tcuDjthJqgjMttNeKVHsyHA4vNeEcLeoMM8srOuBeEE43EeWUf-lOp20/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a
href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(5)
<style
type="text/css">#cssmenu ul{margin:0;padding:7px 6px
0;background:#7d7d7d
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-p4ADDoDWdyPnA9s_pzuyLQ3YUjg0kj2fwW6enRZxOAmUKMZatH1u-6q_k2alYFJWN6xdeVd64dBKqMB1vq8IFRWaCefLXSrmMsxaDnELhdJS32H3wb_b6XdigIcSSs7nYhDA3LKXIymT/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/AVvXsEh-p4ADDoDWdyPnA9s_pzuyLQ3YUjg0kj2fwW6enRZxOAmUKMZatH1u-6q_k2alYFJWN6xdeVd64dBKqMB1vq8IFRWaCefLXSrmMsxaDnELhdJS32H3wb_b6XdigIcSSs7nYhDA3LKXIymT/s1600/overlay.png)
repeat-x 0 -40px;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-p4ADDoDWdyPnA9s_pzuyLQ3YUjg0kj2fwW6enRZxOAmUKMZatH1u-6q_k2alYFJWN6xdeVd64dBKqMB1vq8IFRWaCefLXSrmMsxaDnELhdJS32H3wb_b6XdigIcSSs7nYhDA3LKXIymT/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/AVvXsEh-p4ADDoDWdyPnA9s_pzuyLQ3YUjg0kj2fwW6enRZxOAmUKMZatH1u-6q_k2alYFJWN6xdeVd64dBKqMB1vq8IFRWaCefLXSrmMsxaDnELhdJS32H3wb_b6XdigIcSSs7nYhDA3LKXIymT/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/AVvXsEh-p4ADDoDWdyPnA9s_pzuyLQ3YUjg0kj2fwW6enRZxOAmUKMZatH1u-6q_k2alYFJWN6xdeVd64dBKqMB1vq8IFRWaCefLXSrmMsxaDnELhdJS32H3wb_b6XdigIcSSs7nYhDA3LKXIymT/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a
href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(6)
<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/AVvXsEgZN7PMJ_ggoit_JeCBsO4_ZD4R8bVws26E5ESV1mb05QyIxmUMirC3MfYcP9mUSpTiKqFULI9KxBGDJXUAwhEOYsmrMmkYydYGdjc_-HVT-YQ6hyphenhyphenGJDHm83PCDqbJrBdI9RtF9-WrnuYka/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/AVvXsEjQIYk0dlIt8wCNFECv_TsMXtkmepMYaQheoPRq7YDQ3JH-lGWjGlxe3dF6i501VL6yD2Uf4UVN31H-59DKsrOxMIYDWpAablXkPcYWk3ev9oFGvBynsy2FmzQnT-M4-eJ31XjBt7Fx4V_g/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/AVvXsEjkaEVSYvPdxhn36FoDthovva_ECqn-k5zDsVDPQxnr1La-42X63bfKLYWJZHHX_Ungs6sEe9HPTjNOqRKEFPUUVrqDlkiDqSrAVSw76wKgUC0r9aT4RdAAw1DPEb0IOeWbIqn2QoMTSSIx/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/AVvXsEghQS1GHWaKKQD66YsDaAc3Z23speBJbRDID6Zek21Egrz1H2UNiZ7J3gn7aCX5_L63qIFoF8V3edJ4TOpj9DdvWNDNuxIyXShQlePx4k50pHwooI-Xh1O6uToYm7zmIuLyd9X3pvGJ6cxt/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/AVvXsEgZN7PMJ_ggoit_JeCBsO4_ZD4R8bVws26E5ESV1mb05QyIxmUMirC3MfYcP9mUSpTiKqFULI9KxBGDJXUAwhEOYsmrMmkYydYGdjc_-HVT-YQ6hyphenhyphenGJDHm83PCDqbJrBdI9RtF9-WrnuYka/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/AVvXsEjkaEVSYvPdxhn36FoDthovva_ECqn-k5zDsVDPQxnr1La-42X63bfKLYWJZHHX_Ungs6sEe9HPTjNOqRKEFPUUVrqDlkiDqSrAVSw76wKgUC0r9aT4RdAAw1DPEb0IOeWbIqn2QoMTSSIx/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/AVvXsEjQIYk0dlIt8wCNFECv_TsMXtkmepMYaQheoPRq7YDQ3JH-lGWjGlxe3dF6i501VL6yD2Uf4UVN31H-59DKsrOxMIYDWpAablXkPcYWk3ev9oFGvBynsy2FmzQnT-M4-eJ31XjBt7Fx4V_g/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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a
href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a
href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(7)
<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/AVvXsEgbQMkyCGdC5zO8J5fOY1o_9F18183vYJQh3ai_Hj7NWxlCxGp1EUo3elS-HMrN-BBLk0Z1jFP5rGWrmg5T4eW_vwMsGWhMzRLjcjyvnskAhFEqVISuc2nSZlJ4RtrW9t3AAjzGqr4TdqWt/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/AVvXsEgbQMkyCGdC5zO8J5fOY1o_9F18183vYJQh3ai_Hj7NWxlCxGp1EUo3elS-HMrN-BBLk0Z1jFP5rGWrmg5T4eW_vwMsGWhMzRLjcjyvnskAhFEqVISuc2nSZlJ4RtrW9t3AAjzGqr4TdqWt/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/AVvXsEgbQMkyCGdC5zO8J5fOY1o_9F18183vYJQh3ai_Hj7NWxlCxGp1EUo3elS-HMrN-BBLk0Z1jFP5rGWrmg5T4eW_vwMsGWhMzRLjcjyvnskAhFEqVISuc2nSZlJ4RtrW9t3AAjzGqr4TdqWt/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><!-- Dont edit this CSS
Drop Down Menu code or it will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a
href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a
href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(8)
<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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li
class="has-sub"><a href="#"><span>Product
1</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Product
2</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(9)
<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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a
href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
(10)
<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/AVvXsEgVWFcvGpXzA_lY0zFjQtLwagpb-M63H0jgxY4XUl2gUAbC2Lbyj109n_H6dNG45YBJrfTwGakRNaRLPtH2FmEFXdhDeBbttb3N_tIN_vuXwpEsq76dPlKBiQ8G6JQpwA9ltgWd34htvuQM/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/AVvXsEgdMd9QNRRnZqpoMOyzAVOKBKtnHUBCUXdOwAwFigqeKCYMq6VE_jWtEdZEuMtuzKCBCwrxrnYE5AFMpbdz11xfMHjEuwG25RUxMt6wlZwWIV_J-xNlhKLauPSOcRnWpSGf_oiZifQ5Ed65/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/AVvXsEi2tVLIu-ydxgNTUoyyV9hgrUNDk748eV89Z482ShMp5llaibk8dz3_LNPnblk12Fyf5oYTYN-V7od1CZtvvX0iG6BOGlQ-F608-sc0d1r5pWv7GM1T0mxUX0LloRPq8UvPWxeSR8dDA5aq/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/AVvXsEgq8TJCYLLGSH3AENxFTgj8qq-Boklw-EqNvV9gm_UfYcmwoSZpbQsFHi8V53pw_Tt5K5XdoovLzpExDaw0Pd0vI-NnRKisIyjVDTGp3W2660Vp3R1yEWhlJSLYpSmefyMZpXsE3Q03gKBE/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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a
href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a
href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(11)
<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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li
class="has-sub"><a href="#"><span>Product
1</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Product
2</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(12)
<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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li
class="has-sub"><a href="#"><span>Product
1</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Product
2</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(13)
<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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li
class="has-sub"><a href="#"><span>Product
1</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a
href="#"><span>Product 2</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
(14)
<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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li
class="has-sub"><a href="#"><span>Product
1</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
<li
class="has-sub"><a href="#"><span>Product
2</span></a>
<ul>
<li><a
href="#"><span>Sub Item</span></a></li>
<li
class="last"><a href="#"><span>Sub
Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
<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/AVvXsEiNbPHPdH6bfokpQyC7FKmhyphenhyphenWozb0yAo_b1480vFMScyeRVR6g2t5kaC6KNACvh1eD5DfAxrWK-vWung5pjLQBJChnhX9F3Ke9XLVc44qwqtkGFLnrSRa3oJr8dPQhu13yqt-Hxlmv84GVF/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/AVvXsEiFd6zuwNEfou6EZ-EErvBXZ7LQFiC1kXYG7AEaVhh6pR4vRY3DfOeR6xicpkj-42n_3TE7I7CUpBYHCwILeakvYiQcFbXzxDtiSFlHEOvYV3BalbGMAtVM6B97kEdGWfmSJe49NOYLTrwC/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/AVvXsEjGOnmjhGbRAbgSwkZfxcCRf4zRSSA73RYg3V4x76qRSfdTmvLFQklcQf4jmBnt_ic1wh58878FtWq8Qft_XUU7qdGEW0HbSFqnZwJAA2ZxG2WPXCNYsyUn-jpFiKpEPL40B1S2mfEjdet4/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/AVvXsEiNbPHPdH6bfokpQyC7FKmhyphenhyphenWozb0yAo_b1480vFMScyeRVR6g2t5kaC6KNACvh1eD5DfAxrWK-vWung5pjLQBJChnhX9F3Ke9XLVc44qwqtkGFLnrSRa3oJr8dPQhu13yqt-Hxlmv84GVF/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/AVvXsEjGOnmjhGbRAbgSwkZfxcCRf4zRSSA73RYg3V4x76qRSfdTmvLFQklcQf4jmBnt_ic1wh58878FtWq8Qft_XUU7qdGEW0HbSFqnZwJAA2ZxG2WPXCNYsyUn-jpFiKpEPL40B1S2mfEjdet4/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/AVvXsEiNbPHPdH6bfokpQyC7FKmhyphenhyphenWozb0yAo_b1480vFMScyeRVR6g2t5kaC6KNACvh1eD5DfAxrWK-vWung5pjLQBJChnhX9F3Ke9XLVc44qwqtkGFLnrSRa3oJr8dPQhu13yqt-Hxlmv84GVF/s1600/highlight-bg.png)
repeat}#cssmenu > ul ul li
a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFd6zuwNEfou6EZ-EErvBXZ7LQFiC1kXYG7AEaVhh6pR4vRY3DfOeR6xicpkj-42n_3TE7I7CUpBYHCwILeakvYiQcFbXzxDtiSFlHEOvYV3BalbGMAtVM6B97kEdGWfmSJe49NOYLTrwC/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><!-- Dont edit this CSS Drop
Down Menu code or it will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a
href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a
href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(16)
<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/AVvXsEgpMcU_FENnEIJAYZZHIyodnLS3EZqlXqCYH3iNdLZfKGeiddscVV5-w2hv-xDQRB5_3wo5zckhsu32yPWG7mQelcEXVnJcG9Po5nctOhgE7Fip8mdGOqOu-vrwSf7UvxPkYdBIcCHOpXnT/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/AVvXsEgNY0m8geaC9gudNJDl1pTjA0w1LNkuK4WiBa9w0EVf8fLkxTl-ymk0NIoetSE9Hol6Eo0Un5wIf9px7Eweyb71uKBBaCT9HdQg-8NLvm5meemrl-J8jk9Q-czRiUcZfKU8I6r0O8DYZ3es/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/AVvXsEgpMcU_FENnEIJAYZZHIyodnLS3EZqlXqCYH3iNdLZfKGeiddscVV5-w2hv-xDQRB5_3wo5zckhsu32yPWG7mQelcEXVnJcG9Po5nctOhgE7Fip8mdGOqOu-vrwSf7UvxPkYdBIcCHOpXnT/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/AVvXsEjAec18o9ZR48xqEV7uV3nvyNUfYhiY5qilmy4WK27qEJx2ZUyO4UQGWJoQdd_b84_GzmMzDs6QnHvLglLYLRx-ylUSWoUZkQVPj7LJVeFY8rgNyDv8QGyIAHbQzEzR52Hqe6_iKkWbTMQO/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/AVvXsEgNY0m8geaC9gudNJDl1pTjA0w1LNkuK4WiBa9w0EVf8fLkxTl-ymk0NIoetSE9Hol6Eo0Un5wIf9px7Eweyb71uKBBaCT9HdQg-8NLvm5meemrl-J8jk9Q-czRiUcZfKU8I6r0O8DYZ3es/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/AVvXsEjAec18o9ZR48xqEV7uV3nvyNUfYhiY5qilmy4WK27qEJx2ZUyO4UQGWJoQdd_b84_GzmMzDs6QnHvLglLYLRx-ylUSWoUZkQVPj7LJVeFY8rgNyDv8QGyIAHbQzEzR52Hqe6_iKkWbTMQO/s1600/hover.png)
repeat}#cssmenu > ul ul li
a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNY0m8geaC9gudNJDl1pTjA0w1LNkuK4WiBa9w0EVf8fLkxTl-ymk0NIoetSE9Hol6Eo0Un5wIf9px7Eweyb71uKBBaCT9HdQg-8NLvm5meemrl-J8jk9Q-czRiUcZfKU8I6r0O8DYZ3es/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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a
href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
(17)
<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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a
href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a
href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(18)
<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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li
class="has-sub"><a
href="#"><span>Products</span></a>
<ul>
<li><a
href="#"><span>Widgets</span></a></li>
<li><a
href="#"><span>Menus</span></a></li>
<li
class="last"><a
href="#"><span>Products</span></a></li>
</ul>
</li>
<li
class="has-sub"><a
href="#"><span>Company</span></a>
<ul>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Location</span></a></li>
</ul>
</li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
<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/AVvXsEj-wbS8wWKNhTugCc3eQbCeIMPuh7wqmLCk2MxIENaiTR1X1uE5vvn6CI2D7hWEnPfwwCucY6F6K2nEzJm1KFe6cijUbG1HUy6WMzuwPpPXl7tUQ6Tmp48McSZjHtYsksDp7pp2bu4Dlw5O/s1600/bottom-bg.png)
repeat-x center bottom;border-radius:2px;width:auto}#cssmenu
ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-BVvyK_8Wd1K-YWLmjl3B_mRH8xitEw9hvQtAgkak1-CNvwe4Gwu3AlXDMyX82NKcMowvzwoMRci8z2lHDaRz0EmwapKkvTYJm6XTIdBMMCUop-pNzXQ-i9ochKiiGXfjiItsRkwEIjy/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/AVvXsEiFdeBQdkTnRrTFKSM0q9nOtyP9d9loBMMPWOBXVpBgB_-dSMqr2ofhGRyYnugNjGLUEyd9EcAO_e1Wh05MC4-jtKhRE4YRjK04i18XjbzdG7ahxJuAX9hJDvcjLZ9SCRL_gcgPJx5bjIFY/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(20)
<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/AVvXsEj-wbS8wWKNhTugCc3eQbCeIMPuh7wqmLCk2MxIENaiTR1X1uE5vvn6CI2D7hWEnPfwwCucY6F6K2nEzJm1KFe6cijUbG1HUy6WMzuwPpPXl7tUQ6Tmp48McSZjHtYsksDp7pp2bu4Dlw5O/s1600/bottom-bg.png)
repeat-x center bottom;border-radius:2px;width:auto}#cssmenu
ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-BVvyK_8Wd1K-YWLmjl3B_mRH8xitEw9hvQtAgkak1-CNvwe4Gwu3AlXDMyX82NKcMowvzwoMRci8z2lHDaRz0EmwapKkvTYJm6XTIdBMMCUop-pNzXQ-i9ochKiiGXfjiItsRkwEIjy/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/AVvXsEiFdeBQdkTnRrTFKSM0q9nOtyP9d9loBMMPWOBXVpBgB_-dSMqr2ofhGRyYnugNjGLUEyd9EcAO_e1Wh05MC4-jtKhRE4YRjK04i18XjbzdG7ahxJuAX9hJDvcjLZ9SCRL_gcgPJx5bjIFY/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(21)
<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/AVvXsEg3f-t1t14FQlsFyvxcs_ZA1vYqTXcoDHMkA-QeuVjD3Sw6teRPMYPmBM7pvpT_KAxVUR5BuSXUhd3CFGqV4Hw_vA_aAx9lgfA2gONy0BZHQN-ZKm1MelbkAUjMxeX5NGHh6EksTCwgeis5/s1600/bottom-bg.png)
repeat-x center bottom;border-radius:2px;width:auto}#cssmenu
ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDjSR8pt8GSv3SbwApDch7iVS3bM04LCZAJod-cHvSr_Re6H-bWI3U9VjFRgIfXbhiBbeHHc-X1oOPHeAkwK836hSlSGM_Tkx3nFQ580lObyVs4jahiU_GxodfaUJZy8-IdUrmqQGu2VD6/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/AVvXsEgoG4vycfxx4ShpteTyg18eYbTRx9Pw4jh0tOxqMt1nmISgLg_qfblLuAOZ9sCV87o5BDaGWw3aK_d4bjm2v92SUBkaKwMJP77d_lVdAVD6BLzlMn4dEKWg-clJXPkxBdwPFOiDODPpvTE3/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(22)
<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/AVvXsEhdl3bdpBu4UcT_V4sPP0HUZZ0Bc2r0_GnVIjSYGFX5Zkke1EHuSRxHLXVRkJ6LCyvPeqwqEz3eVFu-4n-XMZDuqUWYFv4XY0QtczyT-UHfh-P6z88dfaunMlosbU06noF0Z_GyJVochD-b/s1600/bottom-bg.png)
repeat-x center bottom;border-radius:2px;width:auto}#cssmenu
ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6GRHSFhMaZGuaZ1Rc0y3JXWNPkYoUapRSeRxdzs37LtyNuwluZii_KbdhsAQnTRVKr0UZDmddNEU99NZRMDMVzhKjbI1UMD2l649oJ5ZSZFp47XM7tPORot976QzYeTnGjiqUVNx9YQqc/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/AVvXsEiZ_bQ6lxMKLsLJClZut1zY5072WauLFXVfQ-1QA43xXj4MyKOdOuAec9O43cZDIKJVhfPrLesoQbPcTBm1etIyU3fb2BAo6yAEszE2ILbQCoP0HJ5koBzqgJFib_9XjqYzZPcrvmnqavtL/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><!-- Dont edit this CSS Drop Down Menu code or it will
not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(23)
<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/AVvXsEgbNhj9K7N4ravHVKaFrKCwprf8lShpH4AzGwYSQ-NaLgAjLTZx18-boLck6NUtYJgQMWA7_otkkt3U0vA6ZzKuyiRBgOcq4yD5Z_SU9VmHICBLFmlpZ4FXnsZwr7Qel1j6lDlfawDGHH0m/s1600/bottom-bg.png)
repeat-x center bottom;border-radius:2px}#cssmenu
ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIi1biJMTsCyZ2y3h_XLCg20QxinhuJi3WP-Ye6akWhaYeZOsdbgek2bFQuTjzx0l43hFJ9TI2gMJ4oBi40CsYg-1jZMDWiV81hO-m4qsd7y6-bJOyJnQCRuPHXhm1HpXyraTdLwbKLmzd/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/AVvXsEh4-2sgzaxPi6fA8Li5RAOBkkp52JD3dpGR0SUrqE9ac2kBskY_cUAPaLig4NIqKPvUCntNDKVFGf4-2ivJU7iegtjADWnEEmVKAqbtPpc5SCY7qNFHEWVhAkYYlTPk_KcK2c1uang76w3C/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(24)
<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/AVvXsEgaNX3Oo6lvMYia9NxkaLCw-stpQhKgOltr2nrhqwD7I3EIC2UOBaKZUXSE6OG9Nc89QAfS8YPkKWOwOBpEE4X9Ykjk1cBO6WSZJZwR41TyMXCE8vH5yC-7_ApibV31iqBO3gQt0VOuHn52/s1600/bottom-bg.png)
repeat-x center bottom;border-radius:2px;width:auto}#cssmenu
ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9QpgXujtfuHf6Ff6jA_XFqEBmP2VwXmkjsuEcArhLroa3luHyqwE6a4nh9tm6RvSrpu62w9bAvJlG-UjBfUZXZxa5bT2Y3WTxf730Xx_oHg_9MAARVRp1EUboX0tHHVzsZppSwS7b0nK/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/AVvXsEjN68Pa7cObDMxw0LIdY_22SHb5ShSpT5GZYMlhHJr0GW0QxbsbC40-EaOQPdnMI7G-WRFh6cvV1Z4x7n35W9J-cVgjCbA8I3Hus2ziGnZwNaPQfnX6upjoZGfC_s-T7tEiUwQJuzBUEzAN/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><!-- Dont edit this CSS Drop
Down Menu code or it will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(25)
<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/AVvXsEjB5FWQANk4ecFk7HJF6sXd3O-sl2VIKCwxJdpCz7aSZaMYtE_ZKVqLy4VLnsRpy_jCP7k5g42ldGv06e-pXeL5wZvpMFtG1re_usPOcWUie7JcpdZa7sgw3Qupro2ziK3V65B9Juey_ULz/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/AVvXsEjB5FWQANk4ecFk7HJF6sXd3O-sl2VIKCwxJdpCz7aSZaMYtE_ZKVqLy4VLnsRpy_jCP7k5g42ldGv06e-pXeL5wZvpMFtG1re_usPOcWUie7JcpdZa7sgw3Qupro2ziK3V65B9Juey_ULz/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/AVvXsEjB5FWQANk4ecFk7HJF6sXd3O-sl2VIKCwxJdpCz7aSZaMYtE_ZKVqLy4VLnsRpy_jCP7k5g42ldGv06e-pXeL5wZvpMFtG1re_usPOcWUie7JcpdZa7sgw3Qupro2ziK3V65B9Juey_ULz/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(26)
<style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqhq9lJ-LR75k7qReHiLV5jKZxaqgwn2aHkPR9xeRACMmaK0xc2_-fhGeVuFNEzJMEyPq7H64gc4sS8j6gGglc5sqponTXcNvuGb1PNjjAHkQWIO2vDqaDHWcBWVAUYtOdZP1AZjNIgDxF/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/AVvXsEh2r8E9DO_MHRNKfIi8MLBlKd1pQKFvne6wt-gYb8eppjMiC9uYKyQZdvYDqaZqRt3vnn9cb61hqHVtJHBKmd9Pkg7nNH8PwItuOPbwa9P418R8PHBTlNqVV5nZ2193en9WtEqfYoT5tZHU/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/AVvXsEh2r8E9DO_MHRNKfIi8MLBlKd1pQKFvne6wt-gYb8eppjMiC9uYKyQZdvYDqaZqRt3vnn9cb61hqHVtJHBKmd9Pkg7nNH8PwItuOPbwa9P418R8PHBTlNqVV5nZ2193en9WtEqfYoT5tZHU/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/AVvXsEioMFNNhcGcJMj6BseRtI-I4vOzqj7d43f9BdDNOCUMIa5aLMdXsO31MDk7L-Mv2sdfiYwl1RDHHR4uWiCB6vAxrjzfSY8I_Va1YNT5E6Wov00K2kHyaLyRRqc50xgreLJQLjLrUDeYWQfo/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/AVvXsEioMFNNhcGcJMj6BseRtI-I4vOzqj7d43f9BdDNOCUMIa5aLMdXsO31MDk7L-Mv2sdfiYwl1RDHHR4uWiCB6vAxrjzfSY8I_Va1YNT5E6Wov00K2kHyaLyRRqc50xgreLJQLjLrUDeYWQfo/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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(27)
<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/AVvXsEgdGru36dLSqlA3cp80FyTrwvZ6IhrSoM5J-4IUvyghTi2Ctn91N7iw8FT9Du44vqP7AJj3Xi7sJb7-ayQbR838Stlxj0JdqxnLYQ7RD2lLS539Za7IRzx9qq8gelMSNmsyG8aaboN6cejZ/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/AVvXsEgdGru36dLSqlA3cp80FyTrwvZ6IhrSoM5J-4IUvyghTi2Ctn91N7iw8FT9Du44vqP7AJj3Xi7sJb7-ayQbR838Stlxj0JdqxnLYQ7RD2lLS539Za7IRzx9qq8gelMSNmsyG8aaboN6cejZ/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(28)
<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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(29)
<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/AVvXsEjvFgj1IY9mQOcp0exwW8uha0NZtmA_6LdNjAWdPYfqeLuMdkY8MiQ-u4p8nDaoGdFDw4fPF6Y4gUvohfmMZ8yWQpsM8bA3z1dwrt4HTW0veP6cu2Ib6gKMcSFGd2ZdNpE1s0DtY_DeQ693/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/AVvXsEjvFgj1IY9mQOcp0exwW8uha0NZtmA_6LdNjAWdPYfqeLuMdkY8MiQ-u4p8nDaoGdFDw4fPF6Y4gUvohfmMZ8yWQpsM8bA3z1dwrt4HTW0veP6cu2Ib6gKMcSFGd2ZdNpE1s0DtY_DeQ693/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
<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/AVvXsEiyKpBp5-wYmzo-wT-F_fjxWKBzFjm9dRzY_bIRi2sjGmZOfEicSQSasnscFyJmsbFkpAUvVPV9-5LwF2L3Nlts0rq20Mkq5WkRI-zBdYVvGjBIlAx4CGwnIHb2_0yzMv1mlLESz86N48vd/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/AVvXsEhOlouiOjmmtZzj8LjT4AkwFRCMqHSJOgxJm_bSyOPofxbGzwt8zB-HXvUWwZeOSjtP33KS4KCB0d5-Vp0hmUSkxXlm0KKiTfsJVpInrgG-DCZyDyFSmOVayE0dbGI7yalG4z6N6TPqF-e8/s1600/divider.gif')
no-repeat top right}#cssmenu li a:hover{background:transparent
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7OcOlhTBVXZ0C1EIOEB8XvsZA39n1A6I9qn4_EeqKFdyJCqUjNqxR6nPXCy6m6n6kTt1mbe0_0eb_swBST4xeDmF-Ya5ZrplBmUi9yj_-4YwQe6Tsk6QZwuMMoZanV78rVbVuKDj1x1oF/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
<style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdX14DytmmyXq-k6YKhDgKu0EzIUv3InubRHFHhho0s53nyEIdylIve5LKOVw8BOwNTt1G3-3Imu96Xi0qPS3v2sCN4vR07Z-Nk11vfwQRMobMg-Rg00frjPpLB25GHhpsWRHtKkDhyq5T/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/AVvXsEjHqaCA1_0DrJy6VlaIhazjQ5XXnoODufzt-IjV5AVmbT3rfQzmasyfKBJiwe9Aa_inH-ahUrtZQ9peulWSInG8CH0zdj34wLjpuwcgy5SBD0AK0WUCmBOGMF51A7rAomKO5k5e-QxFnq74/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/AVvXsEjHqaCA1_0DrJy6VlaIhazjQ5XXnoODufzt-IjV5AVmbT3rfQzmasyfKBJiwe9Aa_inH-ahUrtZQ9peulWSInG8CH0zdj34wLjpuwcgy5SBD0AK0WUCmBOGMF51A7rAomKO5k5e-QxFnq74/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/AVvXsEgPxMViGhRFGDf5uZUK_gmRRYVJwLZ2axDu_NoPw8t-6eWcQKquBuXheqdPn8KeSIU-YIu5eTAJxK1NCEWbpG-gpD9UWY81odeHNcbV8GhqRRxHvLx9KEI-6V2dfwG3fsYsY6kH5trB26xX/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/AVvXsEgPxMViGhRFGDf5uZUK_gmRRYVJwLZ2axDu_NoPw8t-6eWcQKquBuXheqdPn8KeSIU-YIu5eTAJxK1NCEWbpG-gpD9UWY81odeHNcbV8GhqRRxHvLx9KEI-6V2dfwG3fsYsY6kH5trB26xX/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(32)
<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/AVvXsEjUY6gUTdJDyXfPR40LZX_7_-VBAoDRRVIqyrbovYKndOchidrEmd6eKKXoSv-IJlYZTH5XyIjeF3l-v22U8kA0V6TlbyjPA7yKfpHmP7yze_XLEwB7RdqHKzhfLxpClJW38Bi87Tt_9qoP/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/AVvXsEi8XvrtbLmgjUzuK9I2cQyp1GNNQipuMveevFrVRpcZce1mUe4FGlA1aAVe4Xjf8U2psqOS2YR85g-LXZo0t2QybwbN6hBSPkJ5_8Uh80sY5GGWIjCTXwz8thbntsEpiF4uRakw8q0NTu1s/s1600/divider.gif')
no-repeat top right}#cssmenu li a:hover{background:transparent
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgamfUkP7JfJ07fb8xbXYqvRP4Pcwutu7BquzyoLcPVYPrImqOjNIC-axOlDvRcBoi3avlD600fGB4PQ2RuJORn-mnois7pXchF9DcjJIjO54Qbs-TwgKpcFcu3fW1vafvvuZs-y6Sy3zPs/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(33)
<style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zPjt9Fz8sgd96tJGeoraFkwYMsd5DF8h1_X69VfOlLhK_Glxt4wWGMtFIcZ2ounThMeuCZEIhqZNA01cXgqAmM_tHmx6INmQN9vu_YqU_uNRayK-PQMn7jP6yWFstrsi1bp6QwG0YQX2/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div><style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zPjt9Fz8sgd96tJGeoraFkwYMsd5DF8h1_X69VfOlLhK_Glxt4wWGMtFIcZ2ounThMeuCZEIhqZNA01cXgqAmM_tHmx6INmQN9vu_YqU_uNRayK-PQMn7jP6yWFstrsi1bp6QwG0YQX2/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div><style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zPjt9Fz8sgd96tJGeoraFkwYMsd5DF8h1_X69VfOlLhK_Glxt4wWGMtFIcZ2ounThMeuCZEIhqZNA01cXgqAmM_tHmx6INmQN9vu_YqU_uNRayK-PQMn7jP6yWFstrsi1bp6QwG0YQX2/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div><style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zPjt9Fz8sgd96tJGeoraFkwYMsd5DF8h1_X69VfOlLhK_Glxt4wWGMtFIcZ2ounThMeuCZEIhqZNA01cXgqAmM_tHmx6INmQN9vu_YqU_uNRayK-PQMn7jP6yWFstrsi1bp6QwG0YQX2/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div><style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zPjt9Fz8sgd96tJGeoraFkwYMsd5DF8h1_X69VfOlLhK_Glxt4wWGMtFIcZ2ounThMeuCZEIhqZNA01cXgqAmM_tHmx6INmQN9vu_YqU_uNRayK-PQMn7jP6yWFstrsi1bp6QwG0YQX2/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div><style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zPjt9Fz8sgd96tJGeoraFkwYMsd5DF8h1_X69VfOlLhK_Glxt4wWGMtFIcZ2ounThMeuCZEIhqZNA01cXgqAmM_tHmx6INmQN9vu_YqU_uNRayK-PQMn7jP6yWFstrsi1bp6QwG0YQX2/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEj9ZGGQfLlfhRxrhX456g8cWKF-bFzrhPP2QZkM45pu1LUDgvQT-FK-AQX1vYApHaCQvNa_CXr0otJ1GTwx3ZT-M-RuBsRqE9Gsa1IcSi4n1uStddf78nbXJ8YY9owfFa-libDgp-6ypBPh/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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/AVvXsEi8ozKbfQ1oMLK2GVrfwn9XCNjn55EwFiGDK1rbAO9e0_lV7yoBjpsjUNBVjwzsB84VudcTK1QLN7XZA0atOcea5gb5fOw8xgmQvr2xmeRe9GrwX3xbLYrnhT7Dch49Cx-V7EvACu9Ykfur/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><!-- Dont edit this CSS Drop
Down Menu code or it will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(34)
<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/AVvXsEg6wAgu-SCqD3vlpfFg8flPuhE3FyND2_VHHWJvCxbyqTEcy1dbYAFtRb1WbEfFNzthE8AIIatZvp8_IjiJjSvN2IlGN90GAD9Y41p6aAGxb6tv17NxcoDRzyi2z8fexCcR71hRBFf6hTVJ/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/AVvXsEj8uPZuer4UK1xLmd3YG8PkP62cFAqGJWfLQp7RY_6gBl5bYwonc2qdLESd6s-bQV9wFUhSWOqW56RbSbHMX05GpWBGXrEBGKIM4Y5RIJpxHTy7105NRvIDEfUV-nKjLvy8wP3kBx6kbTqu/s1600/divider.gif')
no-repeat top right}#cssmenu li a:hover{background:transparent
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcFUxQBBCssgg-gcU31wXBdOHV287Slh2zKp58VILh0xbjECSZmlfDi1yTtRvjD4S0LqJNhKKeB5k4nWx62Zwuf0RXB_O8NAk9wBLaYZsAP_jT3huBwF3X63luNMVDNtYI4_7dtcBHabU9/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><!-- Dont edit this CSS Drop Down Menu code or it
will not work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
(35)
<style
type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0tYblUSbUuRGBVCeFsj0TtPv1_fZHI05rQTzTxpqxeAadT7YWExLlZAe-5A3_8bj8INfNibl5HNAmDYPkoJSu0nbQ1K8w7wBt4mURphxnIgUFGS0jtEIMCTyTpctgL_Zu6sUGTb-wP0rc/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/AVvXsEjvt1lR8Oa7Eyxk9aziQhiJoHP4exZdhMcFfKCs9C4iyN9y50dpff6xq5cW2ACn5b1j5W8YUl0A3qGpvhbPka3IFYyLz3mvEUvABr_GZ3nK7977wPx1hoqaqYhCr_XoERTN9AsWJwMZRD3Z/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/AVvXsEjvt1lR8Oa7Eyxk9aziQhiJoHP4exZdhMcFfKCs9C4iyN9y50dpff6xq5cW2ACn5b1j5W8YUl0A3qGpvhbPka3IFYyLz3mvEUvABr_GZ3nK7977wPx1hoqaqYhCr_XoERTN9AsWJwMZRD3Z/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/AVvXsEilRUMjvJRQ5KZPVq1u0aaQev5PwMqoNFJyQ06PpeOY6BG1ZrwJbpMz5j-pBY2CpI71V14D4LSXRU-iTUjX3P5wdbVkbI10UOHeEwj5lfGy0Ny5StfI1DNPP7OGFd9RR5FFdO0JmCZyE1bc/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/AVvXsEilRUMjvJRQ5KZPVq1u0aaQev5PwMqoNFJyQ06PpeOY6BG1ZrwJbpMz5j-pBY2CpI71V14D4LSXRU-iTUjX3P5wdbVkbI10UOHeEwj5lfGy0Ny5StfI1DNPP7OGFd9RR5FFdO0JmCZyE1bc/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><!-- Dont edit this CSS Drop Down Menu code or it will not
work -->
<!-- customize your
menus Links -->
<div
id="cssmenu">
<ul>
<li
class="active"><a
href="index.html"><span>Home</span></a></li>
<li><a
href="#"><span>Products</span></a></li>
<li><a
href="#"><span>About</span></a></li>
<li
class="last"><a
href="#"><span>Contact</span></a></li>
</ul>
</div>
0 comments:
Post a Comment