* {
    margin: 1px;
    padding: 0px;
}

ul li {
    list-style: none;
}

header, section, footer, aside, nav, article, hgruop {
    display: block;
}

body {
    width:100%;
    margin: 0px auto;
    /* display:-moz-box; /*Firefox */
    /* -moz-box-pack:center; /*Firefox */
    /* display:-webkit-box; /*Safari and Chrome */
    /*-webkit-box-pack:center; /*Safari and Chrome */
}

#contain {
    width: 100%;
    /*border:dotted 1px red;*/
    margin: 0px auto;   
    display: -moz-box; /* Firefox */
    -moz-box-orient: vertical;
    -moz-box-flex: 1;
    display: -webkit-box; /* Safari and Chrome */
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1;
}

#top_header {
    background: #ffffff;
    border: 1px solid red;
    padding: 2px;
    display: -moz-box; /* Firefox */
    -moz-box-orient: horizontal;
    -moz-box-align: center;
    display: -webkit-box; /* Safari and Chrome */
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
}

#logo {
    width: 100%;
    margin-right: 50px;
}

#top_menu {
    width: 100%;
    margin:0px 0px 0px 0px;
    border: 1px solid red;
    background: #6699ff;
    color: blue;
    text-align:center;
    vertical-align:middle;
}

    #top_menu li {
        display: inline-block;
        list-style: none;
        padding: 5px;
        font: bold 14px Tahoma;
        float:right;
    }
#content {
    width: 100%;    
}


#bottom_footer {
    text-align: center;
    font-weight: bold;
    background: blue;
    padding: 10px;
    border-top: 1px solid green;
    border: 1px solid red;
    clear: both;
    color:#fff;
}