<div id="nav_container">
  <nav>
    <span>One</span>
    <span>Two</span>
    <span>Three</span>
    <span>Four</span>
    <span>Five</span>
    <span>Six</span>
  </nav>
  <div id="selector">
    <div id="shape"></div>
    <div id="shape_two"></div>
  </div>
</div>

body
{
  background-color:#2c3e50;
}
#nav_container
{
  width:600px;
  height:70px;
  background:#2980b9;
  margin:0 auto;
  border-radius:10px;
  text-align:center;
  margin-top:60px;
  box-shadow:0px 3px 0px #1F5A87, 0px 0px 7px black;
}
nav span
{
  margin-left:40px;
  font-size:20px;
  color:white;
  font-family:sans-serif;
  position:relative;top:22px;left:-15px;
  z-index:1;
  padding:50px 0px 50px 0px;
  cursor:pointer;
}
nav span:active
{
  opacity:0.3;
}
#selector
{
  height:100%;
  width:80px;
  background:#8e44ad;
  position:relative;top:-24px;left:61px;
  z-index:0;
}
#shape
{
  border-bottom: 20px solid #5B2B6D;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  width: 50px;
  -webkit-transform:rotate(180deg);
  position:relative;top:70px;
}
#shape_two
{
  width:50px;
  height:50px;
  margin:0 auto;
  position:relative;top:70px;
  background: rgb(70,33,84); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(70,33,84,1) 0%, rgba(70,33,84,1) 14%, rgba(44,62,80,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,33,84,1)), color-stop(14%,rgba(70,33,84,1)), color-stop(100%,rgba(44,62,80,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(70,33,84,1) 0%,rgba(70,33,84,1) 14%,rgba(44,62,80,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(70,33,84,1) 0%,rgba(70,33,84,1) 14%,rgba(44,62,80,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(70,33,84,1) 0%,rgba(70,33,84,1) 14%,rgba(44,62,80,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(70,33,84,1) 0%,rgba(70,33,84,1) 14%,rgba(44,62,80,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#462154', endColorstr='#2c3e50',GradientType=0 ); /* IE6-9 */

}