body {margin: 0px; padding: 0px; background: #5484a0 url('bg.png') repeat-x top center; } 
#center {color: white; text-align:center; position:absolute; text-align:center; height: 400px; 
margin-top: -200px;  top:50%; font-size: 1.1em;  width: 745px; margin-left: -373px; left:50%;
} 
/* css */
h1.logo {
    
    position: relative; /* allows child element to be placed positioned wrt this one */
    overflow:hidden; /* don’t let content leak beyond the header - not needed as height of anchor will cover whole header */
    padding: 0; /* needed to counter the reset/default styles */
}

h1.logo a {
    position: absolute; /* defaults to top:0, left:0 and so these can be left out */
left:0px; 
top:0px;
    height: 0; /* hiding text, prevent it peaking out */
    width: 100%; /* 686px; fill the parent element */
    background-position: left top;
    background-repeat: no-repeat;
}

h1#logo {
    height: 280px; /* height of replacement image */
}

h1#logo a {
    padding-top: 280px; /* height of the replacement image */
    background-image: url("Babanatrans.png"); /* the replacement image */
}
a img{border: 0;}

.icon {margin: 0 10px;}