* {
    margin: 0;
    padding: 0;
    font-family:'Open Sans', Arial;
}
body { background-color:#eee;}
h1 {
    font-size: 40px;
    text-align: center;
    margin: 150px 0 30px auto;
}

h1 a {
    color: #666;
}

.main-box {
    position: relative;
    margin: 0 auto 800px;
    width: 1000px;
    color: #fff;
    font: bold 16px/1.5 Arial;
    text-align: center;
}

.left-box {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200px;
    background: #abc;
}

.left-box ul {
    width: 200px;
    background: #869EB5;
    transition: background .2s ease;
}

.left-box ul li {
    list-style: none;
    border-bottom: 1px solid #fff;
    height: 100px;
    line-height: 100px;
}

.right-box div {
    margin-left: 230px;
    height: 400px;
    background: #abc;
    line-height: 400px;
}

.right-box div:nth-child(odd) {
    background: #869EB5;
}