.container {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.container {
    height: 100%;
}

.row:before, .row:after,
.container:before, .container:after,
.l-inline:before, .l-inline:after, .l-inline li:before, .l-inline li:after,
.l-stacked:before, .l-stacked:after, .l-stacked li:before, .l-stacked li:after {
    content: " ";
    display: table;
}

.row:after,
.container:after,
.l-inline:after, .l-inline li:after,
.l-stacked:after, .l-stacked li:after {
    clear: both;
}

.row,
.container,
.l-inline, .l-inline li,
.l-stacked, .l-stacked li {
    *zoom: 1;
}

@media ( max-height: 770px ) {
    header {
        top: 0px;
        height: 110px;
    }
}

.main-nav {
    background: url('../img/nav-bg.png') left 10px no-repeat;
    width: 1000px;
    height: 97px;
    /*padding-left: 95px;*/
}

    .main-nav li {
        /*position: relative;
        margin-left: 23px;

        text-align: center;*/

        margin-left: 29px;
        line-height: 16px;
        font-family: "futura-pt", sans-serif;
    }

    .main-nav li:first-child {
        /*margin-left: 0;*/
    }

    .main-nav /*li*/.active {
        background: url('http://www.mckittrickhotel.com/wp-content/themes/mckittrick/img/main-nav-active.png') center 22px no-repeat;
    }

    @media ( max-height: 770px ) {
        .main-nav /*li*/.active {
            background: none;
        }
    }

        .main-nav a {
            margin-top: 34px;
            font-size: 16px;
            font-weight: 700;
            color: #00ffff;
            opacity: 1;
        }

        .main-nav /*li*/.active a,
        .main-nav a:hover {
            color: #00ffff;
            opacity: 0.8;
        }

        .main-nav /*a*/ .subtitle {
            display: block;
            font-size: 14px;
            font-weight: 400;
            font-style: normal;
            text-transform: none;
        }


.main-nav /*li*/ .logo-link {
    width: 194px;
    height: 109px;
    margin-top: 0;
}


    /*img*/.logo {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        background: url('../img/logo.png') left top no-repeat;
        background-size: 250px 109px;
        width: 250px;
        height: 109px;
    }

    .logo-link:hover .logo,
    .active .logo {
        /*background-position: 0 -109px;*/
    }

    @media ( max-height: 770px ) {
        /*img*/.logo {
            /*display: block;
            position: absolute;
            top: 0;
            left: -25px;
            background: url('../img/logo.png') left top no-repeat;
            width: 250px;
            height: 100%;*/
            margin-top: 0;
        }

        .logo-link:hover .logo,
        .active .logo {
            background-position: 0 0px;
        }
    }