html {
    width: 100%;
    height: 100%;
}

body {
//    background-image: url('res/img/bg.png');
    font-family: helvetica;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.slider {
    display: none;
}

#sliderlength {
    width: 100px;
}

#navbar {
    position: fixed;
    top: 0;
    width: 100%;

    background: #666;
    height: 45px;
    margin: 0 auto 30px auto;
/*    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

#navbar > img {
    float: left;
    width: 15%;
    height: 45px;
}

#navbar > nav {
    float: right;
    width: 50%;
    height: 100%;
    margin: 0;
    padding-right: 75px;
    padding-bottom: 0;
    padding-top: 0;
}

#navbar > nav > a {
    float: right;
    display: inline-block;
    padding: 1px 25px;
    margin: 1px;
    height: 42px;
    vertical-align: middle;
    background-color: lightcyan;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 40px;
}

#navbar > nav > a:hover {
    background-color: orange;
}

#main_wrapper {
    width:100%;
    padding: 21% 0;

    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}

#center {
    width: 640px;
}

#searchbox {
    height: 100%;
    width: 100%;

    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}

#searchbox > form > input[type=text], #searchbox > form > input[type=submit] {
    font-size: 150%;
}

footer {
    width: 100%;
    background-color: #666;
    position: fixed;
    bottom: 0;
}

footer > #siteinfo {
    float: right;
}

footer > #copyright {
    padding: 0 45%;
}