html, body {
height: 100%;
margin: 0; padding: 0;
font-family: Arial, sans-serif;
font-size: 14px;
color: #888;
}
table, tr, td {
margin: 0; padding: 0;
width: 100%; height: 100%;
border-collapse: collapse;
vertical-align: middle;
text-align: center;
}

#container {
/* border: 1px solid black; */
width: 800px;
margin: 0 auto;
text-align: left;
}

#parents {
margin-left: 110px;
}
#branches {
height: 150px;
background-image: url("images/branches.jpg");
}
#children {
margin-left: 5px;
}


.person {
float: left;
width: 130px;
/* height: 200px; */
padding: 1px;
text-align: center;
}
.person img.d {
width: 80px;
margin-left: 25px;
height: 145px;
display: block;
/* border: 1px solid red; */
}
#children div img {
padding: 5px 0 3px 0;
}
#giannaros { float: left; margin: 40px 10px 0 10px; }
br { clear: left }

.onhover {
border: 1px solid #ddd;
padding: 0;
}

img { border: 0; }