"

From 2013.igem.org

html { background:#ccc ; min-height: 100%; margin: 0; font-size: 100%; }

.menu {

 position: absolute;  
 height:302px;
 width:1171px;
 left: 50%;
 margin-left: -585px;
 padding:0;
 background: url() no-repeat;

}

.menu_navi {

 position: relative;
 list-style: none; 
 margin: 0; 
 padding: 0;

}

.menu_navi li {

 position: relative;
 float: left;
 width: 118px;
 padding-right:6px;
 padding-top:227px;

}

.menu_navi li a {

 position: relative; 
 display: block; 
 height: 60px;
 background: url() no-repeat; text-decoration: none !important;

}

.js .front_navi li a:hover {

 top: 0;

}

.menu_navi li.c1 {

 padding-left: 179px;

}

.menu_navi li.c1 a {

 background-position: 0 0;

}

.menu_navi li.c1 a:hover {

 background-position: 0 -65px;

}

.menu_navi li.c2 a {

 background-position: -123px 0;

}

.menu_navi li.c2 a:hover {

 background-position: -123px -65px;

} .menu_navi li.c3 a {

 background-position: -246px 0;

}

.menu_navi li.c3 a:hover {

 background-position: -246px -65px;

}

.menu_navi li.c4 a {

 background-position: -369px 0;

}

.menu_navi li.c4 a:hover {

 background-position: -369px -65px;

} .menu_navi li.c5 a {

 background-position: -492px 0;

}

.menu_navi li.c5 a:hover {

 background-position: -492px -65px;

}

.menu_navi li.c6 a {

 background-position: -615px 0;

}

.menu_navi li.c6 a:hover {

 background-position: -615px -65px;

} .menu_navi li.c7 a {

 background-position: -738px 0;

}

.menu_navi li.c7 a:hover {

 background-position: -738px -65px;

}

.menu_navi li.c8 a {

 background-position: -861px 0;

}

.menu_navi li.c8 a:hover {

 background-position: -861px -65px;

}