Правильная шапка сайта(меню)

[Vladimir Shabuniayeu]

Добрый день кто подскажет.
вот код


Код:

<div id="wrapper1">
<div id="cont1">
<logo1>HOCHZEITS</logo1><br>
<logo2>KOMMUNIKATOR</logo2>
</div>
<div id="menulogo"><a href="#">Projektinformation</a></div>
<div id="menulogo2"><a href="#">Dienstleister & Lokations</a></div><br>
</div>

style.css

#wrapper1 {
    width: 932px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background-color:white;
}
logo1 {
font: 19px Arial, sans-serif;
letter-spacing: 0.5px;
color: cc0000;  
font-weight:bold
}
#menulogo {
width: 136px;
height: 30px;
color: white;
float:left;
vertical-align: middle;
text-align: center;
margin-left: 130px;
background-image:url(../img/menulogo.gif);
background-repeat:no-repeat;
}
#menulogo a{
color: white;
text-decoration: none;
}
#menulogo2 {
margin-left: 280px;
}
#menulogo2 a{
color: 6699cc;
text-decoration: none;
}
logo2 {
font: 13px Arial, sans-serif;
letter-spacing: 1px;
color: cc0000;   }

Цель чтобы шли строго последовательно ,т.к logo1 c logo2 внижу потом идет менюлого, потом менюлого2, и в менюлого и менюлого2, текст был по середине по высоте, а он как-то