ShareCode header blue

<div class="header">
<div class="header-logo">
Shoppi
</div>
</div>
<div class="body">
<ul class="menu-head dropdown-menu">
<a href=""><li>Home</li></a>
<a href=""><li>Create a Market</li></a>
<li>More
<ul>
<a href=""><li>Account</li></a>
<a href=""><li>Setting</li></a>
</ul>
</li>
</ul>
<div class="bpdy">
</div>
</div>

.header{
position:relative;
/*background:#47545d;*/
background:#0084dc;
padding:20px 30px 61px 30px;
font-size:30px;
color:#fff;
}
.menu-head{
background:#09f;
padding:20px;
padding-top:38px;
padding-bottom:0px;
border:1px solid transparent;
border-bottom:none;
position:absolute;
top:0;
left:0;
width:70%;
border-radius:5px 5px 0px 0px;
margin-top:73px;
margin-left:70px;
font-size:10px;
list-style-type:none;
color:#fff;
}
.menu-head>a>li{
background:#8cf;
color:#fff;
padding:10px;
margin-top:-29px;
margin-left:3px;
border:1px solid transparent;
border-bottom:none;
z-index:3;
border-radius:5px 5px 0px 0px;
min-width:30px;
text-align:center;
float:left;
z-index:3;
}
.menu-head>li:hover{
background:#a9daff;
}
.menu-head>li{
background:#8cf;
color:#fff;
padding:10px;
margin-top:-29px;
margin-left:3px;
border:1px solid transparent;
border-bottom:none;
z-index:3;
border-radius:5px 5px 0px 0px;
min-width:30px;
text-align:center;
float:left;
z-index:3;
}
.menu-head>a>li:hover{
background:#a9daff;
}
.bpdy{
background:#fff;
padding:20px;
border-top:none;
margin:none;
}
.dropdown-menu{
list-style-type:none;
float:left;
}
.dropdown-menu>li{
float:left;
position:relative;
}
.dropdown-menu .sb{
position:relative;
}
.dropdown-menu>li>ul{
position:absolute;
list-style-type:none;
width:147px;
background:#fff;
border-radius:0px 0px 5px 5px;
margin:0;
padding:0;
margin-top:10px;
border:1px solid #8cf;
border-top:none;
color:#000;
z-index:99;
margin-left:-11px;
display:none;
box-shadow:2px 2px 4px #dddddd;
}
.menu-head>a .active{
background:#fff;
color:#09f;
padding:10px;
margin-top:-29px;
margin-left:3px;
border:1px solid transparent;
border-bottom:none;
z-index:3;
border-radius:5px 5px 0px 0px;
min-width:30px;
text-align:center;
float:left;
z-index:3;
}
.menu-head>a .active:hover{
background:#fff;
color:#09f;
padding:10px;
margin-top:-29px;
margin-left:3px;
border:1px solid transparent;
border-bottom:none;
z-index:3;
border-radius:5px 5px 0px 0px;
min-width:30px;
text-align:center;
float:left;
z-index:3;
}
.dropdown-menu>li:hover>ul{
display:block;
}
.dropdown-menu>li>ul>a>li{
text-decoration:none;
color:#09f;
text-align:left;
padding:10px;
}
.dropdown-menu>li>ul>a>li:hover{
text-decoration:none;
color:#fff;
text-align:left;
padding:10px;
background:#8cf;
}
.dropdown-menu>li>ul>a{
text-decoration:none;
color:#09f;
}