/* thanks to jqueryfordesigners.com and dragon productions */

/*
li.highlight {
	padding-left: 0;
	margin-left: 0;
}
*/

#navigation {
  list-style: none;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
	height: 280px;
	width: 118px;
	position: relative;
	display: block;
}

/* individual navigation items */
#navigation #dino {
	background: url(img/band/dino_bw.jpg) 0 0 no-repeat;
}

#navigation .highlight a#dino:hover,
#navigation a#dino .hover {
  background: url(img/band/dino.jpg) 0 0 no-repeat;
}

#navigation a#jonatan {
  background: url(img/band/jonatan_bw.jpg) 0 0 no-repeat;
}

#navigation .highlight a#jonatan:hover,
#navigation a#jonatan .hover {
  background: url(img/band/jonatan.jpg) 0 0 no-repeat;
}

#navigation a#malin {
  background: url(img/band/malin_bw.jpg) 0 0 no-repeat;
}

#navigation .highlight a#malin:hover,
#navigation a#malin .hover {
  background: url(img/band/malin.jpg) 0 0 no-repeat;
}

#navigation a#rickard {
  background: url(img/band/rickard_bw.jpg) 0 0 no-repeat;
}

#navigation a#anders {
  /*background: url(img/band/rickard_bw.jpg) 0 0 no-repeat;*/
background-color: black;
}

#navigation .highlight a#rickard:hover,
#navigation a#rickard .hover {
  background: url(img/band/rickard.jpg) 0 0 no-repeat;
}

#navigation .highlight a#anders:hover,
#navigation a#anders .hover {
  background: url(img/band/rickard.jpg) 0 0 no-repeat;
}

#navigation a#magnus {
  background: url(img/band/magnus_bw.jpg) 0 0 no-repeat;
}

#navigation .highlight a#magnus:hover,
#navigation a#magnus .hover {
  background: url(img/band/magnus.jpg) 0 0 no-repeat;
}