#menu {
  list-style: none;
  padding: 0;
  margin-left: 298px;
  margin-right: auto;
  margin-top: 30px;
  width: 386px;
  height: 27px;
  background: #ffffff no-repeat;
  position: relative;
}

#menu a {
  display: block;
  text-indent: -2000%;
  position: absolute;
  outline: none;
}
#menu a#current {
  background-position: left bottom;
}
#menu a:hover {
  background-position: left bottom;
}

#menu .home {
  width: 34px;
  height: 31px;
  background: url(nav/home.jpg) no-repeat;
  left: 10px;
  top: 7px;
}


#menu .collect {
  width: 71px;
  height: 31px;
  background: url(nav/collect.jpg) no-repeat;
  left: 69px;
  top: 7px;
}


#menu .about {
  width: 48px;
  height: 31px;
  background: url(nav/about.jpg) no-repeat;
  left: 163px;
  top: 7px;
}

#menu .shop {
  width: 39px;
  height: 31px;
  background: url(nav/shop.jpg) no-repeat;
  left: 226px;
  top: 7px;
}

#menu .blog {
  width: 37px;
  height: 31px;
  background: url(nav/blog.jpg) no-repeat;
  left: 281px;
  top: 7px;
}

#menu .contact {
  width: 64px;
  height: 31px;
  background: url(nav/contact.jpg) no-repeat;
  left: 335px;
  top: 7px;
}

p {
		font-family: Arial;
		font-size: 10pt;
		font-weight: normal;
		font-style: normal;
		color: #DB8F4C;
		text-align: justify;
		line-height: 2em
		}
#textAbout {
		position: relative;
		}


#email
{
  position: absolute;
  display: block;
  width: 215px;
  height: 22px;
  background: url("images/email.jpg") no-repeat 0 0;
; top: 530px; clip:        rect(   ); left: 400px

}

#email:hover
{ 
  background-position: 0 -22px;
}

#email span
{
  display: none;
}