Top bar for F2K layout?

index.html

<div class="grad"></div>

style.css

.grad {
    position: relative;
    height: 44px;
    border-bottom: 1px solid #1C5380;
    border-bottom-color: rgba(4, 40, 71, 0.8);
    -webkit-box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0, 0, 0, .2);
    background-color: #517FA4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#517FA4), to(#306088));
    background-image: -webkit-linear-gradient(top, #517FA4, #306088);
    background-image: -moz-linear-gradient(top, #517FA4, #306088);
    background-image: -o-linear-gradient(top, #517FA4, #306088);
    background-image: -ms-linear-gradient(top, #517FA4, #306088);
    background-image: linear-gradient(top, #517FA4, #306088);
    background-position: 50% 50%;
    z-index: 100;
}