Eliminar espacios en blanco

[aclaucio]

Hola, estoy realizando un diseño y tengo una duda sobre como eliminar los espacios en blanco que quedan entre el header y el section y entre los sections. También como posicionar el nav más arriba. Cualquier otra crítica constructiva será bienvenida.
Estoy utilizando boilerplate.

Código HTML:

<header>
        <section id="Logo">
            <p>Logo</p>            
        </section>
 
        <nav>
            <ul>
                <li>Link</li>
                <li>Link</li>
                <li>Link</li>
            </ul>
        </nav>
 
    </header>
 
    <section id ="Section1">    
        <p>Section1</p>    
    </section>
 
    <section id ="Section2">
        <article>
            <p>Article</p>
        </article>
        <article>
            <p>Article</p>
        </article>
        <article>
            <p>Article</p>
        </article> 
    </section>
 
    <section id = "Section3">
        <article>
            <h3>Article</h3>
        </article>
        <article>
            <h3>Article</h3>
        </article>
    </section>
 
    <section id="Section4">
        <p>Section4</p>
    </section>
 
    <footer>
        <p>Footer</p>
    </footer>
 

Código CSS:

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
 
header{
    background: #B39E00;
    height: 8em;
}
 
#Logo{
    background: #9BB300;
    display: inline-block;
    width: 15%;
}
 
nav{
    background: #6EB300;
    margin-left: 20%;
    width: 75%;
}
 
nav li{
    display: inline-block;
    margin-left: 15%;    
}
 
#Section1{    
    background: #2AA2C0;
    height: 20em;
}
 
article{
    background: #15B300;
    display: inline-block;
    margin-left: 20%;
    margin-top: 2em;
}
 
#Section2{    
    background: #922F20;
    display: block;
    height: 15em;
}
#Section3{
    background: #C0C02A;
    display: block;
    height:15em;    
}
 
#Section4{
    background: #C5DC60;
    display: block;    
    height: 15em;
}
 
footer{
    background: #748E1F;
    display: block;
    height: 4em;
}
 

Descarga del Diseño completo:

[URL=http://depositfiles.com/files/oevwn8eyq]http://depositfiles.com/files/oevwn8eyq[/URL]