@import 'reset.css';
html, body { height: 100%; }
#top, #bottom { height: 50%; position: relative; }
    #top div, #bottom div { height: 50%; position: relative; width: 666px; position: absolute; left: 50%; margin: 0 0 0 -333px; }
#top { background: #fff url(../images/bg-t.png) repeat-x left bottom; }
    #top div { height: 243px; background: url(../images/top.jpg) no-repeat; bottom: 0; }
#bottom { background: #fff url(../images/bg-t.png) repeat-x; }
    #bottom div { height: 192px; }
    #bottom a { float: left; cursor: pointer; }
    .l1:hover, .l2:hover { background-position: 0 -166px; }
    .l1, .l2 { height: 166px; margin: -14px 0 0 0; }
    .l3, .l4 { height: 39px; border-top: 1px #200 solid; }
    .l3:hover, .l4:hover { background-position: 0 -39px; }
    .l1 { width: 330px; background: url(../images/l1.png) no-repeat; }
    .l2 { width: 336px; background: url(../images/l2.png) no-repeat; }
    .l3 { width: 330px; background: url(../images/l3.png) no-repeat; }
    .l4 { width: 336px; background: url(../images/l4.png) no-repeat; }