.menu {
  font-family: arial, verdana, sans-serif;
  position: relative;
}
.menu, .menu .toggle {
  height: 25px;
  line-height: 25px;
}
.menu .toggle {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	text-decoration: none;
}
.menu .toggle-hover {
  color: red;
}

.menu .items {
	position: absolute;
	left: 0px;
	top: 30px;
	height: 30px;
	width: 800px;
	overflow: hidden;
}

.menu .items ul,
.menu .items li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu .items li {
	float: left;
	height: 30px;
	padding: 0;
	margin-top: 0px;
	margin-right: 130px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
.menu .items a {
  font-size: 16px;
  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 */