/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-image: url("/cssimages/pallmallbg.png");
  background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
  
  color: black;
  font-family: Comic Sans MS;
  font-size: 13px;
  text-align: center;
}

.mrbig  {
  width: 1550px;
  height: 740px;
  position: relative;
  margin: auto;
  cursor: url("/cssimages/pawmallcursor.png"), auto;
}

a  {
  cursor: url("/cssimages/pawmallcursorclick.png"), auto;
  
}

a:link {
  color: #984cdf;
}

a:visited {
  color: #ec62b1;
}

a:hover {
  color: #42a4e0;
}


.main {
  width: 700px;
  height: 450px;
  top: 140px;
  left: 260px;
  overflow: auto;
  background-color: #fdbab0;
  border-style: outset;
  border-color: #6a45ad; 
  margin: auto;
  
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  z-index: 1;
  
  text-align: center;
  
}

#headimg  {
  position: absolute;
  width: 560px;
  height: 251px;
  top: 0;
  left: 40px;
  z-index: 2;
  
}

#palettesimg  {
  position: absolute;
  width: 160px;
  height: 70px;
  top: 140px;
  left: 1015px;
  z-index: 2;
  
}

#texturesimg  {
  position: absolute;
  width: 160px;
  height: 70px;
  top: 215px;
  left: 1015px;
  z-index: 2;
  
}

#clothesimg  {
  position: absolute;
  width: 160px;
  height: 70px;
  top: 290px;
  left: 1015px;
  z-index: 2;
  
}

#toysimg  {
  position: absolute;
  width: 160px;
  height: 70px;
  top: 365px;
  left: 1015px;
  z-index: 2;
  
}

#otherimg  {
  position: absolute;
  width: 160px;
  height: 70px;
  top: 440px;
  left: 1015px;
  z-index: 2;
  
}

#etcimg  {
  position: absolute;
  width: 160px;
  height: 70px;
  top: 515px;
  left: 1015px;
  z-index: 2;
  
}

#petz1img  {
  position: absolute;
  width: 196px;
  height: 211px;
  top: 470px;
  left: 60px;
  z-index: 3;
  
}

#petz2img  {
  position: absolute;
  width: 324px;
  height: 200px;
  top: 555px;
  left: 810px;
  z-index: 3;
  
}

#petz3img  {
  position: absolute;
  width: 262px;
  height: 195px;
  top: 535px;
  left: 1130px;
  z-index: 3;
  
}