body {
background-image:url(back.png);
background-repeat:repeat;
}

div.container {
position:relative;
background-image:url(stars.gif);
background-position:center;
background-repeat:no-repeat;
margin-top:25px;
margin-left:auto;
margin-right:auto;
width:980px;
height:700px;
}

div.resume {
background-image:url(resume.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:430px;
left:540px;
width:278px;
height:156px;
}

div.resume:hover {
background-image:url(resumeh.png);
}

div.resume a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}

div.blog {
background-image:url(blog.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:200px;
left:710px;
width:200px;
height:250px;
}

div.blog:hover {
background-image:url(blogh.png);
}

div.blog a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}

div.vans {
background-image:url(vans.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:200px;
left:300px;
width:400px;
height:150px;
}

div.vans:hover {
background-image:url(vansh.png);
}

div.vans a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}

div.etsy {
background-image:url(etsy.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:0px;
left:660px;
width:291px;
height:210px;
}

div.etsy:hover {
background-image:url(etsyh.png);
}

div.etsy a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}

div.contact {
background-image:url(contact.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:0px;
left:300px;
width:319px;
height:197px;
}

div.contact:hover {
background-image:url(contacth.png);
}

div.contact a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}

div.photo {
background-image:url(photo.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0px;
width:275px;
height:284px;
*background-image:url(photo.gif);
}

div.photo:hover {
background-image:url(photoh.png);
}

div.photo a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}

div.about {
background-image:url(about.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:307px;
width:346px;
height:393px;
*background-image:url(about.gif);
}

div.about:hover {
background-image:url(abouth.png);
top:359px;
height:341px;
}

div.about a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}


div.warped {
background-image:url(warped.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:330px;
left:270px;
width:323px;
height:201px;
}

div.warped:hover {
background-image:url(warpedh.png);
}

div.warped a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}



div.name {
background-image:url(name.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:580px;
left:290px;
width:661px;
height:110px;
*background-image:url(name.gif);
}