#blogbutton a:hover,
#mailbutton a:hover  {
   text-decoration: underline;
}

#marcraftphotographybutton a:hover  {
   background-position: -175px 0%;
}

#marcraftphotographybutton a  {
   background: url(webmessagemedia/marcraftphotographybutton.gif) no-repeat 0% 0px;
   display: block;
   height: 53px;
   width: 175px;
   font-size: 53px;
   line-height: 53px;
}

#mailbutton a,
#blogbutton a  {
   display: block;
   width: 100%;
   text-decoration: none;
   color: #8DD7F6;
}

#marcraftphotographybutton  {
   visibility: visible;
   position: absolute;
   left: 302px;
   top: 180px;
   z-index: 2;
   width: 175px;
   height: 53px;
}

#texttext p,
#id2 p  {
   font: 17px/20px Verdana;
   margin: 0px;
   text-align: center;
   color: #535353;
}

#blogbutton  {
   font: 17px/20px Verdana;
   text-align: center;
   visibility: visible;
   position: absolute;
   left: 427px;
   top: 357px;
   z-index: 2;
   width: 39px;
   height: 16px;
}

#mailbutton  {
   font: 17px/20px Verdana;
   text-align: center;
   visibility: visible;
   position: absolute;
   left: 334px;
   top: 357px;
   z-index: 2;
   width: 59px;
   height: 15px;
}

#webmessage  {
   margin: 0px auto 0px auto;
   width: 800px;
   position: relative;
}

#texttext  {
   visibility: visible;
   position: absolute;
   left: 108px;
   top: 266px;
   z-index: 2;
   width: 604px;
}

#layer1  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 800px;
   height: 600px;
   background-color: #000000;
   background-image: none;
}

#id2  {
   visibility: visible;
   position: absolute;
   left: 408px;
   top: 357px;
   z-index: 2;
   width: 2px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #000000;
}