"

From 2013.igem.org

.navigation{

   margin: 0px auto;
   font-family: Arial, sans-serif;
   font-size: 28px;
   font-style: normal;
   letter-spacing: 1.2px;

} .navigation .item{

   position:relative;

} .team{

   top:230px;
   left:2%;
   width:30px;

} .project{

  top:160px;
  left:14%;
  width:30px;

} .software{

   top:135px;
   left:34%;
   width:30px;

} .parts{

  top:180px;
  left:55%;
  width:30px;

} .notebook{

  top:270px;
  left:69%;
  width:30px;

} .safety{

   top:500px;
   left:80%;
   width:30px;

} .human{

   top:380px;
   left:77%;
   width:30px;

}

a.icon{

   width:52px;
   height:52px;
   position:absolute;
   top:0px;
   left:0px;
   cursor:pointer;

} .team a.icon{

   background:transparent url(../images/Team.png) no-repeat 0px 0px;

} .project a.icon{

   background:transparent url(../images/Project.png) no-repeat 0px 0px;

} .notebook a.icon{

   background:transparent url(../images/Notebook.png) no-repeat 0px 0px;

} .parts a.icon{

   background:transparent url(../images/Parts.png) no-repeat 0px 0px;

} .software a.icon{

   background:transparent url(../images/Software.png) no-repeat 0px 0px;

} .safety a.icon{

   background:transparent url(../images/Safety.png) no-repeat 0px 0px;

} .human a.icon{

   background:transparent url(../images/Human.png) no-repeat 0px 0px;

} .navigation .item a.active{

   background-position:0px -52px;

} .item img.circle{

   position:absolute;
   top:0px;
   left:0px;
   width:52px;
   height:52px;
   opacity:0.3;
   z-index: 7;

} .item h2{

   position:absolute;
   width:300px;
   height:52px;
   color:#222;
   font-size:18px;
   font-style: bold;
   top:-10px;
   left:50px;
   text-indent:10px;
   line-height:52px;
   
   text-transform:uppercase;

}

.item img.active{ z-index:2; } .item a.active{ visibility:hidden; } .item h2.active{

   color:#EEDF3E;
   text-shadow:1px 1px 4px #666;

z-index:1; } .item ul{

   list-style:none;
   position:absolute;
   top:60px;
   left:57px;
   display:none;

} .item ul li a{

   font-size:15px;
   text-decoration:none;
   letter-spacing:1.5px;
   text-transform:uppercase;
   color:#fff;
   
   padding:3px;
   float:left;
   clear:both;
   width:160px;

} .item ul li a:hover{

   background-color:#fff;
   color:#444;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   -moz-box-shadow:1px 1px 4px #666;
   -webkit-box-shadow:1px 1px 4px #666;
   box-shadow:1px 1px 4px #666;

}

.item ul.active{ z-index:1; }