ciao
il #main ti risulta di 420px perchè non hai tenuto conto che hai scritto:
div.main {
z-index: 2;
background: #787471 url(../pics/logo.jpg) no-repeat;
height: 100%;
width: 400px;
padding-top: 150px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-top: solid 12px #C5C2BD;
text-align: justify;
}

Ergo: 10px + 400px + 10px = 420px.
ciao