body {
margin: 0px;
padding: 0px;
}

#headerbox {
height: 112px;
width: 700px;
position: absolute; top: -100px; left: 180px;
background: url(img/header.gif) no-repeat;
}

#bio {
height: 26px;
width: 81px;
position: absolute; top: 80px; left: 100px;
text-align: left;
background: url(img/button-bio.png) no-repeat;
}

#bio a {
display: block;
color: transparent;
}

#bio a:link, a:visited {
text-decoration: none;
}

#bio a:hover {
height: 26px;
background: url(img/button-bio2.png) no-repeat;
}

#tat{
height: 26px;
width: 57px;
position: absolute; top: 0px; left: 133px;
text-align: left;
background: url(img/button-tat.png) no-repeat;
}

#tat a {
display: block;
color: black;
}

#tat a:link, a:visited {
text-decoration: none;
}

#tat a:hover {
height: 26px;
background: url(img/button-tat2.png) no-repeat;
}

#art{
height: 26px;
width: 63px;
position: absolute; top: 0px; left: 107px;
text-align: left;
background: url(img/button-art.png) no-repeat;
}

#art a {
display: block;
color: black;
}

#art a:link, a:visited {
text-decoration: none;
}

#art a:hover {
height: 26px;
background: url(img/button-art2.png) no-repeat;
}

#pho{
height: 26px;
width: 102px;
position: absolute; top: 0px; left: 128px;
text-align: left;
background: url(img/button-pho.png) no-repeat;
}

#pho a {
display: block;
color: black;
}

#pho a:link, a:visited {
text-decoration: none;
}

#pho a:hover {
height: 26px;
background: url(img/button-pho2.png) no-repeat;
}

#con {
height: 26px;
width: 62px;
position: absolute; top: 0px; left: 112px;
text-align: left;
background: url(img/button-con.png) no-repeat;
}

#con a {
display: block;
color: black;
}

#con a:link, a:visited {
text-decoration: none;
}

#con a:hover {
height: 26px;
background: url(img/button-con2.png) no-repeat;
}

#juan {
height: 26px;
width: 120px;
position: absolute; top: 0px; left: 110px;
text-align: left;
background: url(img/button-juan.png) no-repeat;
}

#juan a {
display: block;
color: transparent;
}

#juan a:link, a:visited {
text-decoration: none; 
}

#juan a:hover {
height: 26px;
background: url(img/button-juan2.png) no-repeat;
}


#copyright{
background: url("http://www.13por13.com/ricardo/img/copyright.png");
valign: bottom;
position: relative;
width: auto;
height: 22px;
margin: 0;
padding: 0px;
}


