.menu {
  	font-size: 12px;
	font-family: 'LibreSemiSansSSiRegular', Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
  	position: relative;
  	letter-spacing:1px;
}
.menu, .menu .toggle {
  height: 16px;
  line-height: 16px;
}
.menu .toggle {
  color: #000;
  font-size: 12px;
  cursor: hand;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
}
.menu .toggle-hover {
  /*color: #ff2e97;*/
  /*letter-spacing:5px;*/
  
}

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

.menu .items ul,
.menu .items li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu .items li {
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 0 4px 0 0;
  color: #D0D0D0;
}
.menu .items a {
  font-size: 12px;
  color: #808080;
  text-decoration: none;
}
.menu .items a:hover {
  /*text-decoration: underline;*/
  color:#000;
}

.menu .items a.current {
  color: #000;
}

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