.menu {
  font-family: arial;
  position: relative;
}
.menu, .menu .toggle {
  height: 25px;
  line-height: 25px;
}
.menu .toggle {
  color: #fff;
  font-size: 13px;
  font-family: Arial, sans-serif;

  font-weight: bold;
  cursor: hand;
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 100;
  width: 100px;
}
.menu .toggle-hover {
  color: yellow;
}

.menu .items {
  position: absolute;
  left: 100px;
  top: 100;
}

.menu .items ul,
.menu .items li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu .items li {
  float: left;
  height: 25px;
  line-height: 25px;
  padding: 0 10px 0 0;
}
.menu .items a {
  font-size: 14px;
  font-weight: regular;
  color: #fff;
  text-decoration: none;
}
.menu .items a:hover {
  text-decoration: underline;
}
.menu .items a.current {
  color: #999;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */