html
{
 overflow-y : hidden;
}
body
{
 background : white;
}

span{ text-color : white; }

#main
{
 width:100%;
 height:600px;
}
#upper
{
 width : 99%;
 position : fixed;
}
#img_upper_left
{
  text-align:left;
  position:absolute;
  left:0px;
  top:0px;
  width : 200px;
  height : 90px;
 border : 0px solid blue;
}
#img_upper_right
{
  text-align:left;
  position:absolute;
  right:0px;
  top:0px;
  border : 0px solid green;
}
#menu
{
 text-align : left;
 left : 10px;
 margin-top : 200px;
 height:300px;
 width : 200px;
 position : fixed;
 z-index :3;
border : 0px solid red;

}
#foto
{
 left : 250px;
 top : 100px;
 position : absolute;
 z-index :2;
 border : 0px;
 margin :0px;
 width : 500px;
 display : block;
}

#listwa
{
 top : 100px;
 left : 250px;
 width : 18500px;
 position : static;
}
#text2
{
 width : 600px;
 top : 100px;
 position : relative;
}
#text_contact
{
 top :150px;
 margin-left :100px;
 position:relative;

}

p.about
{

 text-align : justify;
 font-size : 14px;
 font-family : Century Gothic, Verdana, Arial,Helvetica;
}
p#contact
{
 font-size : 26px;
  color : black;
  text-decoration : none;
  margin : 0px;
}

p#contact_link
{
 font-size : 18px;
  color : black;
  text-decoration : none;
  margin : 0px;
}

a.mail
{
  text-decoration : none;
  color : grey;
}


a.button_about
{
display : block;
background-color : transparent;
width : 132px;
height : 28px;
margin : 5px auto;
text-align : left;
background-image : url(../jpgs/about.jpg);
}
a.button_portfolio
{
display : block;
background-color : transparent;
width : 132px;
height : 28px;
margin : 5px auto;
text-align : left;
background-image : url(../jpgs/portfolio.jpg);
}

a.button_links
{
display : block;
background-color : transparent;
width : 132px;
height : 28px;
margin : 5px auto;
text-align : left;
background-image : url(../jpgs/links.jpg);
}

a.button_metamorph
{
display : block;
background-color : transparent;
width : 132px;
height : 28px;
margin : 5px auto;
text-align : left;
background-image : url(../jpgs/metam.jpg);
}


a.button_contact
{
display : block;
background-color : transparent;
width : 132px;
height : 28px;
margin : 5px auto;
text-align : left;
background-image : url(../jpgs/contact.jpg);
}
a.button_about:hover, a.button_about:active
{
background-image : url(../jpgs/about_click.jpg);
}


a.button_portfolio:hover, a.button_portfolio:active
{
background-image : url(../jpgs/portfolio_click.jpg);
}

a.button_contact:hover, a.button_contact:active
{
background-image : url(../jpgs/contact_click.jpg);
}

a.button_links:hover, a.button_links:active
{
background-image : url(../jpgs/links_click.jpg);
}

a.button_metamorph:hover, a.button_links:active
{
background-image : url(../jpgs/metam_click.jpg);
}