body {
    margin:0;
    font-family:Arial, sans-serif;
    background:#ffffff;
}

/* ================= WRAPPER ================= */

.navwrap {

    width:100%;

    background:#f7f5f0;

    border-bottom:1px solid #cfc8bb;

    padding-top:10px;
    padding-bottom:10px;
}

/* ================= MAIN TABLE ================= */

.navtbl {

    width:100%;

    border-collapse:collapse;
}

/* ================= LOGO ================= */

.navlogo {

    width:420px;

    padding-left:18px;

    vertical-align:middle;
}

.navlogo img {

    display:block;
}

/* ================= MENU ================= */

.navmenu {

    vertical-align:middle;
}

.menutbl {

    margin-left:40px;

    border-collapse:collapse;
}

/* ================= CELLS ================= */

.navcell {

    position:relative;

    padding:0;
}

/* ================= TOP LINKS ================= */

.navlink {

    display:block;

    padding:16px 22px;

    background:#2f3b2f;

    color:#f4f1e8;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:0.3px;

    border-left:1px solid #445244;

    white-space:nowrap;
}

.navlink:hover {

    background:#445244;

    color:#ffffff;
}

/* ================= JOIN ================= */

.joinlink {

    background:#6b5b3e;

    color:#f8f4ea;
}

.joinlink:hover {

    background:#84704d;
}

/* ================= DROPDOWNS ================= */

.navdrop {

    display:none;

    position:absolute;

    top:100%;

    left:0;

    background:#f5f2eb;

    border:1px solid #c9c2b4;

    z-index:5000;

    box-shadow:0 4px 10px rgba(0,0,0,0.08);
}

/* SHOW */

.navcell:hover .navdrop {

    display:block;
}

.showdrop {

    display:block;
}

/* ================= SIMPLE DROPDOWN ================= */

.simpledrop {

    width:240px;
}

.simpledrop a {

    display:block;

    padding:10px 12px;

    text-decoration:none;

    color:#2f3b2f;

    font-size:13px;

    border-bottom:1px solid #ddd7ca;

    background:#f5f2eb;
}

.simpledrop a:hover {

    background:#e7e1d5;

    color:#000000;
}

/* ================= SERVICES ================= */

.servicescell {

    position:relative;
}

.servicesdrop {

    right:0;

    left:auto;

    width:760px;

    padding:6px;
}

/* ================= SERVICES TABLE ================= */

.servicetbl {

    width:100%;

    border-collapse:separate;

    border-spacing:4px;
}

.servicetbl td {

    width:33.33%;

    vertical-align:top;
}

/* ================= SERVICE LINKS ================= */

.servicelink {

    display:block;

    padding:10px 12px;

    background:#ece7db;

    border:1px solid #d1c8b7;

    text-decoration:none;

    color:#2f3b2f;

    font-size:13px;

    font-weight:600;

    line-height:1.25;

    min-height:20px;
}

.servicelink:hover {

    background:#dfe7dc;

    border-color:#5b6b5b;

    color:#000000;
}

/* ================= MOBILE ================= */

@media (max-width:768px) {

    .navtbl,
    .navtbl tr,
    .navtbl td {

        display:block;

        width:100%;
    }

    .navlogo {

        width:100%;

        text-align:center;

        padding:12px;
    }

    .navlogo img {

        margin:auto;

        max-width:95%;

        height:auto;
    }

    .menutbl,
    .menutbl tr,
    .menutbl td {

        display:block;

        width:100%;
    }

    .menutbl {

        margin-left:0;
    }

    .navlink {

        border-left:none;

        border-bottom:1px solid #4d5c4d;

        text-align:center;

        font-size:14px;

        padding:14px;
    }

    .navdrop {

        position:static;

        width:100%;

        border:none;

        box-shadow:none;
    }

    .servicesdrop {

        width:100%;

        padding:0;
    }

    .servicetbl,
    .servicetbl tr,
    .servicetbl td {

        display:block;

        width:100%;
    }

    .servicetbl {

        border-spacing:0;
    }

    .servicetbl td {

        padding:0;
    }

    .servicelink {

        border:none;

        border-bottom:1px solid #d1c8b7;
    }
}