#header {
  height: 85px;
  position: relative;
  background: url(../images/header.png) no-repeat top;
  text-align: center;
}


#header h1 {
  position: absolute;
  left: 0;
  color: #EEE;
  line-height: 55px;
}

/* Centered Lists */
#header ul {
  clear: left;
  float: left;
  list-style-type: none;
  position: relative;
  left: 50%;
  padding-left: 0;
}

#header ul li {
  display: block;
  float: left;
  position: relative;
  right: 50%;
}

#header li a { display: block; }

/* Main Tabs */
#menu {
  overflow: hidden;
  position: relative;
}

#menu li a {
  padding: 60px 0 0 0;
  width: 75px;
  line-height: 20px;
}

#menu li a:hover {
  color: #EAEAEA;
}

#menu a.home   { background: url(../images/home.png) center 10px no-repeat; color: #02D202; }
#menu a.browse { background: url(../images/browse.png) center 5px no-repeat; color: #02B7E3; }
#menu a.charts { background: url(../images/chart.png) center 10px no-repeat; color: #FFAF3F; }

/* User Menu */
#header #user {
  position: absolute;
  top: 0;
  right: 0;
  width: 315px;
  font-weight: bold;
  padding: 3px 0;
}

#header #user li:first-child a {
  border-left: 0.5px solid #64BB30;
}

#header #user li a {
  padding: 0 10px;
  color: #003300;
  border-right: 0.5px solid #64BB30;
}