﻿#groupedportal {
    height: auto;
    max-height: none;
}

    #groupedportal .subheadline {
        font-size: 44px;
    }

.callout-contactlisting .listing {
    width: 250px;
}

#groupedportal {
    background: 0 0 !important;
    margin: -49px -30px 0 -30px;
    height: auto;
    max-height: none;
    padding: 36px 30px 30px;
}

    #groupedportal .subheadline {
        color: #212c4d;
        font-size: 28px;
        max-width: 500px;
        line-height: 34px;
        letter-spacing: .8px;
        margin: 0 0 40px 0;
    }

    #groupedportal #sectionnav {
        margin: 0 -3px 0 0;
        padding: 0;
        max-width: 570px;
    }

        #groupedportal #sectionnav li {
            display: inline-block;
            margin: 0 1px 0 0;
            position: relative;
            max-height: 150px;
            overflow: hidden;
        }

            #groupedportal #sectionnav li a {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                width: 118px;
                height: 113px;
                color: #fff;
                text-decoration: none;
                background: #666;
                padding: 20px 10px;
                font-size: 15px;
                font-weight: 300;
            }

                #groupedportal #sectionnav li a.active {
                    background: #fec430;
                }

                #groupedportal #sectionnav li a a:hover, #groupedportal #sectionnav li a a:active {
                    background: #fec430;
                }

#buttons-categories {
    display: block;
    width: 100%;
    margin: 0 -2.08333333%;
    clear: both;
    margin-bottom: 80px;
    text-align: center;
}

    #buttons-categories:after, #buttons-categories:before {
        content: "";
        display: table;
    }

    #buttons-categories:after {
        clear: both;
    }

@media only screen and (max-width:420px) {
    #buttons-categories {
        margin-bottom: 40px;
    }
}

#buttons-categories h1.section-head {
    color: #212c4d;
    text-align: center;
}

@media only screen and (max-width:420px) {
    #buttons-categories h1.section-head {
        font-size: 31px;
    }
}

#buttons-categories #groupedportal {
    display: inline;
    width: 96%;
    margin: 0 2%;
    padding: 0;
    height: auto;
    max-height: none;
}

@media only screen and (max-width:999px) {
    #buttons-categories #groupedportal {
        display: inline;
        /*float: left;*/
        width: 62%;
        margin: 0 2%;
    }
}

@media only screen and (max-width:768px) {
    #buttons-categories #groupedportal {
        width: 100%;
        margin: 0;
        text-align: center;
    }
}

@media only screen and (max-width:654px) {
    #buttons-categories #groupedportal {
        display: inline;
        float: left;
        width: 96%;
        margin: 0 2%;
        margin-left: 2%;
    }
}

#buttons-categories #groupedportal ul#sectionnav {
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width:768px) {
    #buttons-categories #groupedportal ul#sectionnav {
        width: 612px;
        max-width: 612px;
        margin: 0 auto;
        text-align: left;
    }
}

@media only screen and (max-width:654px) {
    #buttons-categories #groupedportal ul#sectionnav {
        width: 100%;
        max-width: 100%;
    }
}

#buttons-categories #groupedportal ul#sectionnav li {
    height: 175px;
    max-height: 175px;
    box-shadow: 5px 5px 5px gray;
    margin-right: 50px;
}

    #buttons-categories #groupedportal ul#sectionnav li a {
        height: 175px;
        width: 155px;
        padding: 135px 0 0 0;
        font-size: 17px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Arial;
        border: 2px solid #212c4d;
        background-color: #212c4d;
        line-height: 1em;
    }

@media only screen and (max-width:654px) {
    #buttons-categories #groupedportal ul#sectionnav li a {
        font-size: 15px;
        /*padding: 20px 10px;*/
        /*width: 116px;*/
    }
}

#buttons-categories #groupedportal ul#sectionnav li a.currentEmployees {
    background-color: #FFFFFF;
    color: #212c4d;
    border: 2px solid #212c4d;
}

#buttons-categories #groupedportal ul#sectionnav li a:before {
    position: absolute;
    content: '';
    background-size: 90px auto;
    width: 90px;
    height: 90px;
    top: 10px;
    left: 50%;
    margin-left: -42px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a:before {
}

#buttons-categories #groupedportal ul#sectionnav li a:active, #buttons-categories #groupedportal ul#sectionnav li a:hover {
    background: #fec430;
    color: #fff;
    border: 2px solid #fec430;
}

#buttons-categories #groupedportal ul#sectionnav li a:link {
    -webkit-tap-highlight-color: transparent;
}

@media print {
    #groupedportal .subheadline {
        font-family: Arial,sans-serif;
    }
}

.pw_container {
    width: 1024px;
}

#buttons-categories #groupedportal ul#sectionnav li a div {
    width: 100%;
    background-color: white;
    color: #212c4d;
    min-height: 36px;
    display: table;
}

#buttons-categories #groupedportal ul#sectionnav li a div div {
    vertical-align: middle;
    display: table-cell;
}

#buttons-categories #groupedportal ul#sectionnav li a.servicesButton:before {
    background: url(../Images/services.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.servicesButton:before {
    background-image: url(../Images/services.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.contactButton:before {
    background: url(../Images/contact.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.contactButton:before {
    background-image: url(../Images/contact.png);
}
