* {
	margin: 0;
	padding: 0;
}

body {
  margin: 0;
  margin-top: -5em;
  background: #330a1a;
  font-family: Georgia;
  font-size: 14px;
  color: #a06d40;
  border: 0px;
  text-align: center
}

a, a:link {
    color: #330a1a;
    text-decoration: none;
}

a:hover {
  color: #a06d40;
  text-decoration: none;
}

p {
	margin:0;
	padding:0;
}
#Content {
  width: 1042px;
  height: 768px;
  background-color: #330a1a;
  margin: auto;
}

#ColLeft {
  float: left;
  background: transparent url(/images/Bkg1a.gif) no-repeat;
  width: 137px;
  height: 768px;
  position: relative;
}

#ColCent {
  float: left;
  background: transparent;
  width: 750px;
  height: 768px;
  position: relative;
}
#ColCentTop {
  background: transparent url(/images/Bkg2a.gif) no-repeat;
  width: 750px;
  height: 159px;
  position: relative;
}


#Header {
  background: transparent url(/images/Headera.gif) no-repeat;
  width: 750px;
  height: 100px;
  position: relative;
}

#NavBar {
  float: left;
  background: transparent url(/images/NavBara.gif) no-repeat;
  width: 180px;
  height: 300px;
  position: relative;
}

#TextBody {
  float: left;
  background: transparent url(/images/Bodya.gif) no-repeat;
  width: 570px;
  height: 300px;
  position: relative;

}

#Footer {
  background: transparent url(/images/Footera.gif) no-repeat;
  width: 750px;
  height: 50px;
  position: relative;
  text-align: center;
  float: left;
}

#ColCentBottom {
  background: transparent url(/images/Bkg4a.gif) no-repeat;
  width: 750px;
  height: 159px;
  position: relative;
  float: left;
}

#ColRight {
  float: left;
  background: transparent url(/images/Bkg3a.gif) no-repeat;
  width: 137px;
  height: 768px;
  position: relative;
}


#menu {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 180px;
  height: 260px;
  background: transparent;
  position: relative;
}

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

#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
#menu .earr {
  background: url(/images/Earrings.gif) no-repeat;
  width: 180px;
  height: 34px;
  left: 0px;
  top: 24px;
}
#menu .earr span {
  background: url(/images/EarringsO.gif) no-repeat;
  width: 180px;
  height: 34px;
  left: 0px;
  top: 0px;
}
#menu .neck {
  background: url(/images/Necklaces.gif) no-repeat;
  width: 180px;
  height: 41px;
  left: 0px;
  top: 58px;
}
#menu .neck span {
  background: url(/images/NecklacesO.gif) no-repeat;
  width: 180px;
  height: 41px;
  left: 0px;
  top: 0px;
}
#menu .brac {
  background: url(/images/Bracelets.gif) no-repeat;
  width: 180px;
  height: 33px;
  left: 0px;
  top: 99px;
}
#menu .brac span {
  background: url(/images/BraceletsO.gif) no-repeat;
  width: 180px;
  height: 33px;
  left: 0px;
  top: 0px;
}
#menu .commi {
  background: url(/images/Commissions.gif) no-repeat;
  width: 180px;
  height: 44px;
  left: 0px;
  top: 132px;
}
#menu .commi span {
  width: 180px;
  height: 44px;
  left: 0px;
  top: 0px;
  background: url(/images/CommissionsO.gif) no-repeat;
}
#menu .buy {
  background: url(/images/Buy.gif) no-repeat;
  width: 180px;
  height: 45px;
  left: 0px;
  top: 176px;
}
#menu .buy span {
  width: 180px;
  height: 45px;
  left: 0px;
  top: 0px;
  background: url(/images/BuyO.gif) no-repeat;
}
#menu .party {
  background: url(/images/Party.gif) no-repeat;
  width: 180px;
  height: 63px;
  left: 0px;
  top: 221px;
}
#menu .party span {
  width: 180px;
  height: 63px;
  left: 0px;
  top: 0px;
  background: url(/images/PartyO.gif) no-repeat;
}
#menu li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menuTop li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menuTop {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 236px;
  height: 29px;
  background: transparent;
  position: relative;
}

#menuTop span {
  display: none;
  position: absolute;
}
#menuTop a {
  display: block;
  text-indent: -1000%;
  position: absolute;
  outline: none;
}

#menuTop a:hover {
  background-position: left bottom;
}
#menuTop a:hover span {
  display: block;
}
#menuTop .home {
  background: url(/images/Home.gif) no-repeat;
  width: 71px;
  height: 29px;
  left: 326px;
  top: 71px;
}
#menuTop .home span {
  background: url(/images/HomeO.gif) no-repeat;
  width: 71px;
  height: 29px;
  left: 0px;
  top: 0px;
}
#menuTop .about {
  background: url(/images/About.gif) no-repeat;
  width: 73px;
  height: 29px;
  left: 397px;
  top: 71px;
}
#menuTop .about span {
  background: url(/images/AboutO.gif) no-repeat;
  width: 73px;
  height: 29px;
  left: 0px;
  top: 0px;
}
#menuTop .contact {
  background: url(/images/Contact.gif) no-repeat;
  width: 92px;
  height: 29px;
  left: 470px;
  top: 71px;
}
#menuTop .contact span {
  background: url(/images/ContactO.gif) no-repeat;
  width: 92px;
  height: 29px;
  left: 0px;
  top: 0px;
}

#Home #home a {
  background: url(/images/HomeO.gif) no-repeat;
}
#About #about a {
  background: url(/images/AboutO.gif) no-repeat;
}

#Contact #contact a {
  background: url(/images/ContactO.gif) no-repeat;
}

#Earrings #earr a {
	background: url(/images/EarringsO.gif) no-repeat;
}

#Necklaces #neck a {
	background: url(/images/NecklacesO.gif) no-repeat;
}

#Bracelets #brac a {
	background: url(/images/BraceletsO.gif) no-repeat;
}

#Comissions #commi a {
	background: url(/images/CommissionsO.gif) no-repeat;
}

#Buy #buy a {
	background: url(/images/BuyO.gif) no-repeat;
}

#Party #party a {
	background: url(/images/PartyO.gif) no-repeat;
}
#copy {
	margin-left: 180px;
	height: 50px;
	width: 570px;
}
#menuPar li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menuPar {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 210px;
  height: 29px;
  background: transparent;
  position: relative;
}

#menuPar span {
  display: none;
  position: absolute;
}
#menuPar a {
  display: block;
  text-indent: -1000%;
  position: absolute;
  outline: none;
}

#menuPar a:hover {
  background-position: left bottom;
}
#menuPar a:hover span {
  display: block;
}
#menuPar .home {
  background: url(/images/Home.gif) no-repeat;
  width: 60px;
  height: 29px;
  left: 326px;
  top: 71px;
}
#menuPar .home span {
  background: url(/images/HomeO.gif) no-repeat;
  width: 60px;
  height: 29px;
  left: 0px;
  top: 0px;
}
#menuPar .about {
  background: url(/images/About.gif) no-repeat;
  width: 69px;
  height: 29px;
  left: 386px;
  top: 71px;
}
#menuPar .about span {
  background: url(/images/AboutO.gif) no-repeat;
  width: 69px;
  height: 29px;
  left: 0px;
  top: 0px;
}
#menuPar .contact {
  background: url(/images/Contact.gif) no-repeat;
  width: 81px;
  height: 29px;
  left: 455px;
  top: 71px;
}
#menuPar .contact span {
  background: url(/images/ContactO.gif) no-repeat;
  width: 81px;
  height: 29px;
  left: 0px;
  top: 0px;
}