.menu {
  position: relative;
}
.menu, .menu .toggle {
  height: 20px;
  line-height: 20px;
}
.menu .toggle {
  color: #999;
  font-size: 11px;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 690px;
}
.menu .toggle-hover {
  color: red;
}

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

.menu .items ul,
.menu .items li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu .items li {
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 14px 0 0;
}
.menu .items a {
  font-weight: regular;

  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 */