.nav-marker {
  background: url('../images/nav-sprite.png') no-repeat 0 0;
  width: 24px;
  height: 24px;
  position:absolute;
  left:0;
  top:0;
  display: block;
  text-align: center;
}

.nav-marker i {
  color: #333;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
}

.nav-marker .icon-white {
  color: #fff;
}
.nav-marker-icon-0 { background-position: 0 -0px;}
.nav-marker-icon-1 { background-position: 0 -24px;}
.nav-marker-icon-2 { background-position: 0 -48px;}
.nav-marker-icon-3 { background-position: 0 -72px;}
.nav-marker-icon-4 { background-position: 0 -96px;}
.nav-marker-icon-5 { background-position: 0 -120px;}
.nav-marker-icon-6 { background-position: 0 -144px;}
.nav-marker-icon-7 { background-position: 0 -168px;}
.nav-marker-icon-8 { background-position: 0 -192px;}
.nav-marker-icon-9 { background-position: 0 -216px;}
.nav-marker-icon-10 { background-position: 0 -240px;}
.nav-marker-icon-11 { background-position: 0 -264px;}
.nav-marker-icon-12 { background-position: 0 -288px;}
.nav-marker-icon-13 { background-position: 0 -312px;}
.nav-marker-icon-14 { background-position: 0 -336px;}
.nav-marker-icon-15 { background-position: 0 -360px;}
.nav-marker-icon-16 { background-position: 0 -384px;}
.nav-marker-icon-17 { background-position: 0 -408px;}
.nav-marker-icon-18 { background-position: 0 -432px;}
.nav-marker-icon-19 { background-position: 0 -456px;}
.nav-marker-icon-20 { background-position: 0 -480px;}
.nav-marker-icon-21 { background-position: 0 -504px;}
.nav-marker-icon-22 { background-position: 0 -528px;}
.nav-marker-icon-23 { background-position: 0 -552px;}
.nav-marker-icon-24 { background-position: 0 -576px;}
.nav-marker-icon-25 { background-position: 0 -600px;}
.nav-marker-icon-26 { background-position: 0 -624px;}
.nav-marker-icon-27 { background-position: 0 -648px;}
.nav-marker-icon-28 { background-position: 0 -672px;}
.nav-marker-icon-29 { background-position: 0 -696px;}
.nav-marker-icon-30 { background-position: 0 -720px;}
.nav-marker-icon-31 { background-position: 0 -744px;}
.nav-marker-icon-32 { background-position: 0 -768px;}
.nav-marker-icon-33 { background-position: 0 -792px;}
.nav-marker-icon-34 { background-position: 0 -816px;}
.nav-marker-icon-35 { background-position: 0 -840px;}
.nav-marker-icon-36 { background-position: 0 -864px;}