/* main nav menu */

#menu {
  list-style: none;
  margin: 0;
  width: 675px;
  height: 68px;
  position: relative;
  float:left;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent:-9999%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .home
{
  width: 111px;
  height: 68px;
  background: url(../images/superflair_head_10.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .home span 
{
  width: 111px;
  height: 68px;
  background: url(../images/superflair_head_10-on.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

.homeactive
{
  width: 111px;
  height: 68px;
  background: url(../images/superflair_head_10-on.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .about
{
	width: 115px;
	height: 68px;
	background: url(../images/superflair_head_11.jpg) no-repeat;
	left: 111px;
	top: 0px;
}

#menu .about span 
{
  width: 115px;
  height: 68px;
  background: url(../images/superflair_head_11-on.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

.aboutactive
{
	width: 115px;
	height: 68px;
	background: url(../images/superflair_head_11-on.jpg) no-repeat;
	left: 111px;
	top: 0px;
}

#menu .register
{
  width: 165px;
  height: 68px;
  background: url(../images/superflair_head_12.jpg) no-repeat;
  left: 226px;
  top: 0px;
}

#menu .register span 
{
  width: 165px;
  height: 68px;
  background: url(../images/superflair_head_12-on.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

.registeractive
{
  width: 165px;
  height: 68px;
  background: url(../images/superflair_head_12-on.jpg) no-repeat;
  left: 226px;
  top: 0px;
}

#menu .rules
{
  width: 124px;
  height: 68px;
  background: url(../images/superflair_head_13.jpg) no-repeat;
  left: 391px;
  top: 0px;
}

#menu .rules span 
{
  width: 124px;
  height: 68px;
  background: url(../images/superflair_head_13-on.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

.rulesactive 
{
  width: 124px;
  height: 68px;
  background: url(../images/superflair_head_13-on.jpg) no-repeat;
  left: 391px;
  top: 0px;
}

#menu .contact
{
	width: 160px;
	height: 68px;
	background: url(../images/superflair_head_14.jpg) no-repeat;
	left: 515px;
	top: 0px;
}

#menu .contact span 
{
  width: 160px;
  height: 68px;
  background: url(../images/superflair_head_14-on.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

.contactactive
{
	width: 160px;
	height: 68px;
	background: url(../images/superflair_head_14-on.jpg) no-repeat;
	left: 515px;
	top: 0px;
}