html,body{
margin:0px;
border:0px;
padding:0px;
}

#mainbox{
width:100%
margin:0px;

}

p{
margin:0px;
}

#logobox{
height:120px;
width:1024px;
margin:auto;
}

#logo{
height:100px;
width:550px;
background-image: url(../images/logo.jpg);
margin-left:237px;
float:left;
margin-top:10px;
margin-bottom:10px;
}

#linkslinebox{
margin-top:10px;
height:33px;
width:100%;
background-image: url(../images/menu_bar_piece.jpg);
}

#linksbox{
width:1024px;
height:33px;
margin:auto;
}

.link{
height:10px;
margin-top:12px;
float:left;
background-position: 0px 10px;
margin-right:25px;
}

.link:hover{
background-position: 0px 0px;
}

#profile{
width:43px;
margin-left:320px;
background-image: url(../images/profile.jpg);

}

#diary{
width:33px;

background-image: url(../images/diary.jpg);
}

#animations{
width:72px;

background-image: url(../images/animations.jpg);
}

#illustrations{
width:83px;

background-image: url(../images/illustrations.jpg);
}

#contact{
width:51px;

background-image: url(../images/contact.jpg);
}

#contentbox{
width:1024px;
margin:auto;
margin-top:45px;
font-family:Verdana, sans-serif;
font-size:9pt;
line-height:11pt;
color:#444444;
}

#profilebox{
margin-left:130px;
margin-right:130px;
width:720px;
height:389px;
float:left;
}

#profileimg{
width:340px;
height:389px;
background-image: url(../images/profileimage.jpg);
float:left;
}

#profiletext{
width:360px;
margin-left:10px;
float:left;
}

#contactbox{
width:380px;
margin-left:320px;
float:left;
}

#contacttxt{
width:380px;

float:left;
}

#contactimg{
width:300px;
height:210px;
background-image: url(../images/contactimage.jpg);
float:right;
}

#diarybox{
width:530px;
margin-left:250px;

}

#homeimg{
width:600px;
height:442px;
margin-left:212px;
background-image: url(../images/homeimage.jpg);
float:left;
}

#animationsbox{
width:640px;
margin-left:192px;
float:left;
}

#illustrationsbox{
width:500px;
margin-left:277px;
float:left;
}