Na CSS para o Versatile Banner, existem margens conflitantes para .banner-box
.banner-box {
margin: 0 auto;
margin-top: 20px;
}
Infelizmente, isso parece dar uma margem superior dupla (devido ao preenchimento do main-outlet) e nenhuma margem entre o banner e as pílulas de navegação. Posso sugerir isto em vez disso?
.banner-box {
margin: 0 auto 20px;
}