html, body { height: 100%; }
body { background-color: #fff; font-family: "verdana", "geneva", "lucida", "arial", "helvetica", sans-serif; font-size: 10px; color: #336; margin: 0; padding: 0; border: 0; }

/* div */
#div_left { float: left; width: 50%; height: 142px; margin: 0; padding: 0; border: 0; }
#div_right { float: left; width: 50%; height: 142px; margin: 0; padding: 0; border: 0; }
#div_onder { clear: both; width: 100%; margin: 0; padding: 0 0 80px 0; border: 0; }

/* paragraph */
.nav { margin: 26px 28px 0 28px; font-size: 10px; }
.right { text-align: right; }
#profile { width: 500px; margin: 0 0 16px 46px; line-height: 16px; }

.center { display: block; margin-left: auto; margin-right: auto; }
#contact p { margin: 0 0 16px 46px; line-height: 16px; }

/* headings */
#contact h4 { margin: 0 0 20px 46px; line-height: 16px; font-weight: normal; }

/* anchors */
a:link { text-decoration: none; color: #7881a8; }
a:visited { text-decoration: none; color: #7881a8; }
a:hover { text-decoration: none; color: #336; }
a:active { text-decoration: none; color: #336; }

/* list */
#portfolio { width: 500px; margin: 0 0 0 46px; padding: 0; border: 0; line-height: 16px; list-style-image: url(../img/arrow.png); }
#portfolio li { margin: 0; padding: 0; border: 0; }

/* table */
#contact, #contact tr { margin: 0; padding: 0; border: 0; width: 600px; }
#contact td { margin: 0; padding: 0; border: 0; width: 200px; vertical-align: top; }