html{
    margin:0;
    padding:0;
    background:#444;
}
body{
    margin:0;
    padding:0;
    color:#333;
    font-size:0.85em;
    font-family:Arial,Helvetica,sans-serif;
    position: relative;
    background:#eee;
}
header{    
    background:#fff;
    z-index:100;
    position:relative;
    box-shadow: 0 0 2px #666;
}

header > div{
    padding:0;
    width:980px;
    margin:0 auto;
    background:url(../img/logo.png) no-repeat center center;
    /*background-size: 100%;*/
    position:relative;
}

header h1{
    display:block;
    margin:0;
    padding:0;
}

header h1 a{    
    text-decoration: none;
    display:block;
    text-indent:-99999px;
    overflow: hidden;
    min-height:140px;
}

#main{
    width:90%;
    min-width:960px;
    margin:0 auto;
    max-width: 1200px;
    padding:50px 1em;
    background:#fff;
    min-height: 300px;
    box-shadow: 0 0 2px #666;
}

#main ul{
    margin:2em 0;
    padding:0;
    text-align:center;
    list-style-type:none;
}

#main li{
    display:inline-block;
    vertical-align:middle;
    width:30%;
    padding:0;
    margin:0;
    
}

#main li a{
    color:#fff;
    display:block;
    text-decoration:none;
    padding:2em;
    font-weight:bold;
    background:#444;
    border-radius:5px;
}

#main li a:hover, #main li a:focus{
    text-decoration:none;
    background:#44727e;
}

footer{
    bottom:0;
    background:#444;
    width:100%;
    color:#ccc;
    font-size: 0.85em;
    padding:1em 0;
    text-align: center;
}