/* =mics */
body {
  padding: 100px;
  margin: 0;
  font: 12px sans-serif;
}

.wrapper {
  clear: both;
}

/* =header */
header {
  background: black;  
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:65px;
  position: fixed;
}

/*
* div.wrapper{
  height:100%;
  overflow:auto;
 }
*/

* html body{
    overflow:hidden;
} 
* html div#content{
    height:100%;
    overflow:auto;
}

header h1 {
  margin: 0;
  float: left;
}

header h1 a {
  width: 234px;
  height: 65px;
  text-indent: -9999px;
  background: url('/img/logo.png') no-repeat;
  display: inline-block;
}

/* =navigation */
header .top-menu{
  float: right;
  padding-right: 25px;
  padding-top: 20px;
}

.top-menu ul{
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
}

.top-menu li
{
  display: inline;
  padding-right: 3px;
  border-right: 1px solid #0bc06e;
}

.top-menu a {
  display: inline-block;
  color: #0bc06e;
  width: 90px;
  text-align: center;
  height: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.top-menu a:hover, .top-menu a.active {
  background-color: #0bc06e;
  color: black;
}

/* =sidebar */
.sidebar {
  float: left;
  width: 200px;
}

/* =content */
.content {
  padding-left: 220px;
}

/* =footer */
footer {
  margin-top: 40px;
  border-top: 1px solid #0bc06e;
}

footer p {
  text-align: center;
}