/*
*	Reactive
*	Author reactive.com
*	Copyright © 2011, reactive.com
*   All rights reserved.
*
*/


/* 1.02 SKIP LINKS 
 -----------------------------------------------------------------------------------------------------------*/
#skipLinks {
    position: absolute;
    top: -999em;
    left: -999em;
    height: 1px;
    width: 1px;
}
/* 2.01 STRUCTURE
 -----------------------------------------------------------------------------------------------------------*/
html, body {
    height: 100%;
    width: 100%;
    background: #edebe7;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

form#aspnetForm {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
}

#container {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    display: block;
    overflow: visible !important;
}

    #container .inner {
        position: relative;
    }

    #container .rmScaleable {
        width: 600px;
        height: 150px;
    }

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #3b3934;
    z-index: 51;
}
/* 2.02 TYPOGRAPHY
 -----------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .name {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #3b3934;
    line-height: 0.9em;
    cursor: default;
    letter-spacing: -1px;
}

h1, .h1 {
    font-size: 2.6em;
    line-height: 0.955em;
}

h2, .h2 {
    font-size: 1.4em;
}

h3, .h3 {
    font-size: 1.35em;
    letter-spacing: 0;
}

h4, .h4 {
    color: #767572;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 1.15em;
    line-height: 1.3em;
    padding: 0 0 12px;
    display: block;
}

.name {
    font-size: 1.35em;
    letter-spacing: 0;
}

/* 2.03 HEADER
 -----------------------------------------------------------------------------------------------------------*/
#header, #headerbg {
    height: 180px;
    width: 1000px;
    display: block;
    position: fixed;
    z-index: 50;
    overflow: visible !important;
    top: 0;
}

#header {
    background: #3b3934;
}

#headerbg {
    /*background:url(/Images/backgrounds/headerBG.png) repeat-y center;*/
    z-index: 49;
}

#reactiveBrand {
    display: block;
    width: 180px;
    height: 180px;
    position: absolute;
    overflow: visible !important;
    z-index: 100;
    left: 0;
    top: 0;
}

    #reactiveBrand img {
        position: absolute;
        top: 0;
        right: 0px;
    }

#webby {
    display: block;
    position: absolute;
    top: 13px;
    right: 223px;
    width: 150px;
    height: 150px;
}

#container #header .rmScaleable {
    height: 180px;
}

#header #navigationContainer {
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
    height: 180px;
    overflow: visible !important;
    width: 100%;
}

    #header #navigationContainer .background {
        /*background:#3a3934;*/
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    #header #navigationContainer .navigation {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

        #header #navigationContainer .navigation ul,
        #header #navigationContainer .navigation .categories {
            display: block;
            width: 180px;
            height: 130px;
            padding: 20px 0 0 20px;
            margin: 0;
            float: left;
        }

            #header #navigationContainer .navigation ul li a,
            #header #navigationContainer .navigation .categories .label {
                font-size: 1.35em;
                color: #767572;
                font-weight: bold;
                text-transform: lowercase;
                font-family: Helvetivca, Arial, sans-serif;
                letter-spacing: 0;
            }

                #header #navigationContainer .navigation ul li a:hover,
                #header #navigationContainer .navigation ul li.active a {
                    color: #cfe107;
                }

            #header #navigationContainer .navigation .categories .label {
                display: block;
                cursor: default;
                margin: 0 0 5px;
            }

.headerSpacer {
    display: block;
    height: 180px;
}


#header .categories select {
    background: #56534d;
    color: #fff;
    margin: 0 0 10px 0;
    border: 0 none;
    padding: 0;
    width: 130px;
    float: left;
    height: 20px;
    font-size: 1.15em;
    font-weight: bold;
    color: #CFE107;
}

#header .categories input {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    border: 0 none;
    padding: 0;
    margin: 0;
    background: url(/Images/buttons/btnGoDropDown.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    overflow: hidden;
}

    #header .categories input:hover {
        background-position: 0 -19px;
        cursor: pointer;
    }

#rmProjects {
    overflow: hidden;
    z-index: 10;
}

#header dl.dropdown,
#container .rmListProjectRow dl.dropdown {
    width: 160px;
    position: relative;
    margin: 0 0 5px 0;
}

    #header dl.dropdown dt a,
    #container .rmListProjectRow dl.dropdown dt a {
        display: block;
        color: #cfe107;
        font-weight: bold;
        font-size: 1.35em;
        font-family: Helvetivca, Arial, sans-serif;
        background: #56534d url(/Images/Icons/dropDownIcons.gif) no-repeat 147px 0px;
        text-transform: lowercase;
        padding: 0 18px 0 3px;
    }

        #header dl.dropdown dt a.working {
            background: #56534d url(/Images/Icons/dropDownIconsLoading2ndGen.gif) no-repeat 143px 2px !important;
        }

        #header dl.dropdown dt a.value,
        #container .rmListProjectRow dl.dropdown dt a.value {
            display: none;
        }

    #header #navigationContainer .navigation dl.dropdown dd ul,
    #container .rmListProjectRow dl.dropdown dd ul {
        padding: 5px 0;
        width: 160px;
        height: auto;
        float: none;
        background: #56534d;
        position: absolute;
        z-index: 90;
    }

        #header #navigationContainer .navigation dl.dropdown dd ul li a,
        #container .rmListProjectRow dl.dropdown dd ul li a {
            display: block;
            letter-spacing: 0;
            font-size: 1.35em;
            line-height: 1em;
            padding: 3px 0 3px 3px;
        }

        #header #navigationContainer .navigation dl.dropdown dd ul li a {
            color: #EDEBE7;
        }

    #header #navigationContainer .navigation dl.dropdown dd ul,
    #container .rmListProjectRow dl.dropdown dd ul {
        display: none;
    }

        #header #navigationContainer .navigation dl.dropdown dd ul li a:hover,
        #header #navigationContainer .navigation dl.dropdown dd ul li a.active {
            color: #cfe107;
            background: #55534e;
        }

        #header #navigationContainer .navigation dl.dropdown dd ul li a .value,
        #container .rmListProjectRow dl.dropdown dd ul li a .value {
            display: none;
        }
/* Container Theme */
#container .rmListProjectRow dl.dropdown {
    margin-top: 8px;
}

    #container .rmListProjectRow dl.dropdown dt a {
        color: #3b3934;
        background: #F1EDEA url(/Images/Icons/dropDownIconsLGHT.gif) no-repeat 148px 0px;
    }

    #container .rmListProjectRow dl.dropdown dd ul {
        background: #F1EDEA;
        z-index: 30 !important;
    }

        #container .rmListProjectRow dl.dropdown dd ul li a {
            background: none;
            font-weight: bold !important;
        }

            #container .rmListProjectRow dl.dropdown dd ul li a:hover {
                background-color: #cfe107;
            }


.searchBox {
    position: absolute;
    top: 15px;
    right: 23px;
    background: url(/Images/elements/searchBg.gif) no-repeat 0 0;
    width: 168px;
    height: 25px;
    z-index: 100;
}

    .searchBox .input-search {
        background: none;
        border: 0 none;
        width: 128px;
        height: 25px;
        float: left;
        padding: 1px 4px 1px 10px;
        font-weight: bold;
        color: #ffffff;
    }

    .searchBox .example {
        color: #3B3934;
    }

    .searchBox .input-btn {
        border: 0 none;
        width: 24px;
        height: 25px;
        background: transparent url(/Images/elements/search-btn.gif) no-repeat 0 3px;
        float: left;
        cursor: pointer;
    }

        .searchBox .input-btn:hover {
            background-position: 0 -28px;
        }

.results {
    color: #3B3934;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

a .result-meta {
    color: #fff;
    padding: 5px 60px 0 22px;
}

/* 2.04 Footer
 -----------------------------------------------------------------------------------------------------------*/
#footer {
    display: block;
    height: 170px;
    width: auto;
    position: relative;
}

    #footer .block {
        display: block;
        height: 148px;
        width: 800px;
        background: #dcd9d1;
        margin: 0 0 0 200px;
        padding: 22px 0 0 0;
        position: relative;
        z-index: 41;
    }

        #footer .block .copy {
            padding: 10px 0 0 22px;
            color: #767572;
            font-weight: bold;
            display: block;
            cursor: default;
            font-size: 0.9em;
            display: block;
            clear: left;
        }

        #footer .block ul {
            padding: 0 0 0 15px;
            margin: 0;
            float: left;
            width: 185px;
        }

            #footer .block ul li {
                display: block;
            }

                #footer .block ul li a {
                    color: #767572;
                    font-weight: bold;
                    font-size: 0.9em;
                    padding: 3px 10px 3px 8px;
                }

                    #footer .block ul li a:hover, #footer .block ul li.on a {
                        color: #3b3934;
                    }

                #footer .block ul li.last a {
                    background: none;
                    padding-right: 0;
                }


            #footer .block ul.socialLockup {
                padding: 0;
                width: auto;
            }

                #footer .block ul.socialLockup li {
                    float: left;
                }

                    #footer .block ul.socialLockup li a {
                        display: block;
                        padding: 45px 80px 0 0;
                        width: 120px;
                        height: 35px;
                        font-size: 1.5em;
                        background: url(/images/icons/reactiveSocial.gif) no-repeat 0 0;
                    }

                    #footer .block ul.socialLockup li.news a:hover {
                        background-position: 0 -139px;
                    }

                    #footer .block ul.socialLockup li.twitter a {
                        background-position: 0 -273px;
                    }

                        #footer .block ul.socialLockup li.twitter a:hover {
                            background-position: 0 -413px;
                        }

                    #footer .block ul.socialLockup li.facebook a {
                        background-position: 0 -546px;
                    }

                        #footer .block ul.socialLockup li.facebook a:hover {
                            background-position: 0 -695px;
                        }


            #footer .block ul li a.popActive {
                padding: 3px 8px 3px 13px;
                background: #cbc7c0 url(/images/buttons/footerGeneric.gif) no-repeat 0 1px;
            }

                #footer .block ul li a.popActive:hover {
                    background-position: 0 -18px;
                }

            #footer .block ul li.on a.popActive {
                background: #4c4943 url(/images/buttons/footerGeneric.gif) no-repeat 0 -45px;
                color: #c9c7c3;
            }

                #footer .block ul li.on a.popActive:hover {
                    background-position: 0 -45px;
                    color: #cbc7c4;
                }

    #footer .subscribeBox {
        display: none;
        background: #eceae4;
        width: 756px;
        height: 153px;
        position: absolute;
        left: 200px;
        bottom: 170px;
        padding: 22px;
        z-index: 100;
    }

        #footer .subscribeBox:after {
            content: "";
            position: absolute;
            z-index: 102;
            bottom: -7px;
            left: 205px;
            margin-left: -8px;
            border-top: 8px solid #e3e1d9;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 0;
        }


        #footer .subscribeBox .btnUnsubscribe,
        #container .newsletterSignup .formArea .formRow input.btnUnsubscribe {
            display: block;
            width: 112px;
            height: 24px;
            overflow: hidden;
            text-indent: -999px;
            background: url(/images/buttons/btnUnsubscribe.gif) no-repeat;
            margin: 18px 0 0 0;
            cursor: pointer;
        }

            #footer .subscribeBox .btnUnsubscribe:hover,
            #container .newsletterSignup .formArea .formRow input.btnUnsubscribe:hover {
                background-position: 0 -24px;
            }

#container .newsletterSignup .formArea .formRow input.btnUnsubscribe {
    margin: 0 0 0 18px;
}

#footer .subscribeBox #subscribeOverlayClose {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/images/buttons/btnOverlayClose.gif) no-repeat 0 0;
    overflow: hidden;
    text-indent: -999px;
}

    #footer .subscribeBox #subscribeOverlayClose:hover {
        background-position: 0 -20px;
    }

#footer .leftCol {
    float: left;
    width: 380px;
    padding: 0;
}

#footer .rightCol {
    float: left;
    width: 330px;
}

#footer .subscribeBox.loading {
    background-image: url(/Images/Icons/ajaxLoaderLight2ndGen.gif);
}

#footer .subscribeBox .title {
    display: block;
    font-size: 1.35em;
    padding: 0 22px 0 0;
    float: left;
    width: 168px;
    color: #71706d;
}

    #footer .subscribeBox .title span {
        display: block;
        font-weight: bold;
    }

#footer .subscribeBox .form {
    float: left;
    width: 180px;
}

#footer .subscribeBox p {
    color: #767572;
    font-size: 1.15em;
    line-height: 1.2em;
    padding: 0 0 5px 0;
    clear: left;
    max-width: 180px;
}

#footer .subscribeBox .input-text {
    border: 0;
    padding: 0 5px;
    margin: 0 0 5px 0;
    background: #fff;
    color: #767572;
    font-size: 1.1em;
    width: 160px;
    height: 25px;
    line-height: 25px;
    float: left;
}

    #footer .subscribeBox .input-text.example {
        font-style: italic;
        color: #aaaaaa;
    }

#footer .subscribeBox .input-btn,
#container .newsletterSignup .formArea .formRow input.btnSubscribe {
    background: url("/Images/buttons/btnGo.gif") no-repeat 0 0 !important;
    border: 0 none;
    display: block;
    float: left;
    font-size: 0;
    height: 25px;
    line-height: 0;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    width: 50px;
}

    #footer .subscribeBox .input-btn:hover,
    #container .newsletterSignup .formArea .formRow input.btnSubscribe:hover {
        background-position: 0 -25px;
        cursor: pointer;
    }

#footer .subscribeBox .scriptClose {
    display: block;
    background: url(/Images/buttons/close.gif) no-repeat;
    width: 73px;
    height: 25px;
    overflow: hidden;
    text-indent: -999px;
}

    #footer .subscribeBox .scriptClose:hover {
        background-position: 0 -25px;
    }

#footer .subscribeBox .scriptBack {
    display: block;
    background: url(/Images/buttons/back.gif) no-repeat 0 -75px;
    width: 73px;
    height: 25px;
    overflow: hidden;
    text-indent: -999px;
    margin-bottom: 1px;
}

    #footer .subscribeBox .scriptBack:hover {
        background-position: 0 -25px;
    }

/* 2.05 CONTENT
 -----------------------------------------------------------------------------------------------------------*/
.anchor {
    position: relative;
    top: -180px;
}

.rmRow {
    display: block;
    /*height:300px;*/
    position: relative;
}

    .rmRow.rmInner {
        padding-left: 200px;
    }

.projectsListing {
    padding: 0;
    margin: 0;
}

.newsListing {
    padding: 0;
    margin: 0;
}

.featuredProjects,
.socialFeed,
.clocks {
    padding: 0 0 0 200px;
    margin: 0;
    display: block;
}

.clocks {
    padding-left: 0px;
}

.socialFeed li {
    position: relative;
    overflow: hidden;
}

.socialFeed .right {
    float: right;
}

.featuredNews {
    padding: 0 200px 0 0;
    margin: 0;
    display: block;
}

.rmListProjectRow {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 200px;
}

#container .rmListProjectRow .colContainer {
    background: #fff;
    /*padding-bottom:80px;*/
    padding-bottom: 0;
}

#container .rmListProjectRow #awards.colContainer {
    margin-top: -22px;
}

#container .rmListProjectRow .colContainer .col {
    display: block;
    width: 400px;
    float: left;
}

#container .rmListProjectRow .colpadded {
    display: block;
    width: 356px;
    float: left;
    padding: 0 22px 0 22px;
}

    #container .rmListProjectRow .colpadded.last {
        padding: 0 0 0 22px;
    }

#container .rmListProjectRow .rmTitleContent {
    display: block;
    width: 356px;
    height: 256px;
    padding: 22px;
    float: right;
}

    #container .rmListProjectRow .rmTitleContent h2 {
        padding-bottom: 12px;
    }

#container .rmListProjectRow.noScript {
    height: auto;
}

#container .rmListProjectRow .headingCol {
    display: block;
    width: 800px;
    height: 300px;
    overflow: hidden;
    background: #DCD9D2;
}

    #container .rmListProjectRow .headingCol h1 {
        width: 356px;
        height: 256px;
        display: block;
        padding: 22px;
        float: left;
    }

    #container .rmListProjectRow .headingCol .rmImgDetail {
        float: right;
        display: block;
        width: 400px;
        height: 300px;
        text-align: left;
    }

        #container .rmListProjectRow .headingCol .rmImgDetail .text {
            padding: 22px;
        }

            #container .rmListProjectRow .headingCol .rmImgDetail .text h3 {
                padding: 0 0 19px 0;
                border-bottom: 1px solid #bab7b0;
                margin: 0 0 15px 0;
            }

        #container .rmListProjectRow .headingCol .rmImgDetail .clockLarge {
            position: relative;
            display: block;
            width: 400px;
            height: 300px;
            overflow: hidden;
        }

            #container .rmListProjectRow .headingCol .rmImgDetail .clockLarge img {
                position: absolute;
                top: 0;
                left: 0;
            }

#container .rmListProjectRow ul.socialListing {
    display: block;
    height: 100px;
    padding: 6px 0 0;
}

    #container .rmListProjectRow ul.socialListing li {
        display: block;
        float: left;
        width: 61px;
        height: 61px;
        margin: 0 22px 0 0;
    }

        #container .rmListProjectRow ul.socialListing li a {
            display: block;
            width: inherit;
            height: inherit;
            background: url(/Images/icons/socialList.gif) no-repeat;
            overflow: hidden;
            text-indent: -999px;
            height: 61px;
        }

            #container .rmListProjectRow ul.socialListing li a.twitter {
                background-position: 0 -122px;
            }

                #container .rmListProjectRow ul.socialListing li a.twitter:hover {
                    background-position: 0 -183px;
                }

            #container .rmListProjectRow ul.socialListing li a.flikr {
                background-position: 0 0;
            }

                #container .rmListProjectRow ul.socialListing li a.flikr:hover {
                    background-position: 0 -61px;
                }

            #container .rmListProjectRow ul.socialListing li a.ldin {
                background-position: 0 -244px;
            }

                #container .rmListProjectRow ul.socialListing li a.ldin:hover {
                    background-position: 0 -305px;
                }

            #container .rmListProjectRow ul.socialListing li a.fb {
                background-position: 0 -366px;
            }

                #container .rmListProjectRow ul.socialListing li a.fb:hover {
                    background-position: 0 -427px;
                }

#container .rmListProjectRow .static {
    display: block;
    width: 356px !important;
    height: 256px !important;
    overflow: hidden;
    padding: 22px;
    cursor: default !important;
}

#container .rmListProjectRow .staticOfficeItem {
    width: 756px !important;
    height: auto !important;
}

    #container .rmListProjectRow .staticOfficeItem a {
        text-decoration: underline;
        height: auto !important;
        display: inline !important;
    }

#container .rmListProjectRow .static h3,
#container .rmListProjectRow .static h2 {
    padding: 0 0 17px 0;
    border-bottom: 1px solid #dadada;
    margin-bottom: 17px;
    width: 356px;
}

#container .rmListProjectRow .static .left {
    display: block;
    float: left;
    width: 200px;
    height: 300px;
    overflow: hidden;
}

#container .officeItem {
    width: 400px;
    height: 300px;
    overflow: hidden;
    display: block;
    float: left;
    position: relative;
    cursor: pointer;
}


    #container .officeItem a {
        width: 400px;
        height: 300px;
        display: block;
        position: relative;
        cursor: default;
    }

    #container .officeItem .static a {
        display: inline;
        width: auto;
        height: auto;
    }

    #container .officeItem table a {
        width: auto;
        height: auto;
        display: inline;
        position: static;
    }

    #container .officeItem img {
        position: absolute !important;
        z-index: 41;
    }

    #container .officeItem .img .clockElements,
    #container .officeItem .img .clockElements img {
        position: absolute;
        top: 0;
        left: 0;
    }

    #container .officeItem .name {
        z-index: 45;
        position: absolute;
        top: 22px;
        left: 22px;
        color: #fff;
        cursor: default;
    }

        #container .officeItem .name .title {
            font-size: 1.35em;
            line-height: 1em;
            font-weight: bold;
            display: block;
            width: 188px;
            color: #c4c3bf;
            padding-top: 4px;
        }

    #container .officeItem .infoBlock {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background: #cfe107;
        width: 400px;
        height: 300px;
        z-index: 38;
    }

        #container .officeItem .infoBlock p {
            margin: 86px 22px 22px 22px;
            font-weight: bold;
        }

#container .teamItem {
    width: 400px;
    height: 300px;
    overflow: hidden;
    display: block;
    float: left;
    position: relative;
    cursor: pointer;
}


    #container .teamItem a {
        width: 400px;
        height: 300px;
        display: block;
        position: relative;
        cursor: default;
    }

    #container .teamItem .static a {
        display: inline;
        width: auto;
        height: auto;
    }

    #container .teamItem table a {
        width: auto;
        height: auto;
        display: inline;
        position: static;
    }

    #container .teamItem img {
        position: absolute !important;
        z-index: 41;
    }

    #container .teamItem .name {
        z-index: 45;
        position: absolute;
        top: 22px;
        left: 22px;
        color: #fff;
        cursor: default;
    }

        #container .teamItem .name .title {
            font-size: 1.35em;
            line-height: 1em;
            font-weight: bold;
            display: block;
            width: 188px;
            color: #c4c3bf;
            padding-top: 4px;
        }

    #container .teamItem .infoBlock {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background: #cfe107;
        width: 400px;
        height: 300px;
        z-index: 38;
    }

        #container .teamItem .infoBlock p {
            margin: 86px 22px 22px 22px;
            color: #3b3934 !important;
        }

#container .rmListProjectRow .colItem {
    display: block;
    width: 356px;
    height: auto;
    padding: 22px;
    background: #fff;
    float: left;
}

    #container .rmListProjectRow .colItem .rmImg {
        text-align: center;
        border-bottom: 1px solid #d8d7d6;
        margin-bottom: 22px;
    }

    #container .rmListProjectRow .colItem .quote {
        position: relative;
    }

    #container .rmListProjectRow .colItem .qOpen {
        position: absolute;
        left: -17px;
        top: -3px;
    }

    #container .rmListProjectRow .colItem .qClose {
        display: inline;
    }

#container .rmListProjectRow #officeListing a {
    text-decoration: none;
}

/*#features{
			background:#ffffff;
			height:600px !important;
			}*/
.rmRow.half {
    height: 150px;
}

.rmController,
.rmTitle,
.rmFilterController,
.rmProjectFilter {
    display: block;
    overflow: hidden;
    width: 156px;
    height: 106px;
    position: absolute;
    top: 0;
    padding: 22px;
    background: #fff url(/Images/Icons/ajaxControls.gif) no-repeat;
}

.rmController.non-absolute.left {
    position: inherit;
    float: left;
}
.rmController.non-absolute.right {
    position: inherit;
    float: right;
}

.rmProjectFilter {
    margin-top: 330px;
    margin-left: -200px;
    position: fixed;
    background: #dcd9d2;
    z-index: 50;
}

.rmRow .rmTitle,
.rmFilterController {
    background-image: none;
}

.noScript,
.no-js .rmFilterController {
    background-image: none;
}

.rmRow .rmController:hover {
    background-position: 0 -150px;
    background-color: #cfe107;
}

.rss {
    background: #fff url(/Images/Icons/ajaxControls.gif) no-repeat -400px 0;
}

    .rss:hover {
        background-position: -400px -150px;
    }

.rmLoadMore {
    display: block;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    font-weight: bold;
    color: #3b3934;
    font-size: 1.25em;
    background-image: url(/Images/Icons/ajaxControls.gif) !important;
    background-repeat: no-repeat;
    background-position: -200px 0 !important;
    width: 156px;
    height: 106px;
    background: #fff;
    padding: 22px;
    z-index: 1;
}

    .rmLoadMore:hover {
        background-position: -200px -150px !important;
    }

#container .rmRow .rmController.ajaxControl {
    background-image: url(/Images/Icons/ajaxControls.gif);
    background-repeat: no-repeat;
    background-position: 22px 60px;
}

    #container .rmRow .rmController.ajaxControl:hover {
        background-position: 22px -140px;
    }

.rmFilterController {
    position: fixed;
    top: 180px;
    margin-left: -200px;
    z-index: 10;
}

#container .rmFilterController.scroll-active {
    position: absolute;
    bottom: 150px;
    left: 200px;
}

#container .rmFilterController.noFix {
    position: absolute;
    top: 0;
}

#container .rmRow .rmController .ajaxReload {
    position: absolute;
    bottom: 20px;
    left: 22px;
}

#container .rmLoadMore .ajaxLoadMore {
    position: absolute;
    bottom: 20px;
    right: 106px;
}

#container .rmFilterController a.back {
    display: block;
    background: url(/Images/buttons/back.gif) no-repeat;
    width: 73px;
    height: 25px;
    text-indent: -999px;
    overflow: hidden;
}

#container .rmFilterController a.previous,
#container .rmFilterController a.next {
    display: block;
    width: 55px;
    height: 103px;
    background: url(/Images/buttons/nextprev.gif) no-repeat;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    top: 40px;
}

#container .rmFilterController a.previous {
    left: 18px;
}

#container .rmFilterController a.next {
    right: 18px;
    background-position: 0 -309px;
}

#container .rmFilterController a.previous:hover {
    background-position: 0 -103px;
}

#container .rmFilterController a.next:hover {
    background-position: 0 -413px;
}

#container .rmFilterController.rGreen a.previous {
    background-position: 0 -103px;
}

    #container .rmFilterController.rGreen a.previous:hover {
        background-position: 0 -206px;
    }

#container .rmFilterController.rGreen a.next {
    background-position: 0 -412px;
}

    #container .rmFilterController.rGreen a.next:hover {
        background-position: 0 -516px;
    }

#container .rmFilterController.rGreen a.back {
    background-position: 0 -25px;
}

    #container .rmFilterController.rGreen a.back:hover {
        background-position: 0 -50px;
    }

/* Project Filter */
.rmProjectFilter ul {
    display: block;
    padding: 0;
}

    .rmProjectFilter ul li {
        display: block;
        margin: 0 0 5px 0;
    }

        .rmProjectFilter ul li a {
            display: block;
            background-color: #fff;
            line-height: 26px;
            font-size: 1.25em;
            font-weight: bold;
            text-indent: 5px;
            color: #B0AFAD;
            /*background:#fff url(/images/icons/reactiveArrowDefault.gif) no-repeat 95% 8px;*/
            cursor: pointer;
        }

            .rmProjectFilter ul li a.selected,
            .rmProjectFilter ul li a:hover {
                color: #5b5b5b;
            }

        .rmProjectFilter ul li .options {
            display: none;
            background: #fff;
            position: fixed;
            width: 200px;
            height: auto;
            min-height: 150px;
            top: 180px;
            margin: 0 0 0 178px;
            z-index: 900;
        }

            .rmProjectFilter ul li .options ul {
                padding: 18px;
                margin: 0;
            }

                .rmProjectFilter ul li .options ul li {
                    border-bottom: 1px solid #ddd;
                    margin: 0;
                }

                    .rmProjectFilter ul li .options ul li a {
                        text-indent: 0;
                        color: #5b5b5b;
                        /*background:#fff url(/images/icons/reactiveArrowDefault.gif) no-repeat 100% 8px;*/
                    }

                        .rmProjectFilter ul li .options ul li a:hover {
                            color: #d2e331;
                            background-position: 100% -80px;
                        }

            /* Pointer Tip */
            .rmProjectFilter ul li .options:before {
                content: "";
                position: absolute;
                z-index: 1000;
                left: 0;
                top: 204px;
                margin-left: -8px;
                border-top: 8px solid transparent;
                border-right: 8px solid #fff;
                border-bottom: 8px solid transparent;
                border-left: 0;
            }

        .rmProjectFilter ul li .industry:before {
            top: 236px;
        }



.rmTile {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 150px;
    /*position:absolute;*/
    float: left;
    overflow: hidden;
    max-width: 100%;
    padding: 0;
    margin: 0;
    z-index: 10;
}

    .rmTile a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        position: relative;
        padding: 0;
        margin: 0;
    }

#container .rmTile.hoverable a:hover {
    background: #cfe107;
}

#container .rmTile a .name,
#container .rmListProjectRow .hero a .name {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 41;
    display: block;
    padding: 22px;
    cursor: pointer !important;
}

#container .rmTile.fill {
    background-color: #fff;
}

    #container .rmTile.fill.loading {
        background-image: url(/Images/Icons/ajaxLoaderWhite2ndGen.gif);
        background-repeat: no-repeat;
        background-position: center center;
    }

#container .rmRow .rmTile.float,
#container .rmListProjectRow .rmTile.float {
    position: static;
    float: left;
}

#container .loading {
    background-image: url(/Images/Icons/ajaxLoaderLight2ndGen.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

#container #features .loading {
    /*background-image:url(/Images/Icons/ajaxLoaderWhite2ndGen.gif);*/
}

#container .feed .loading {
    background-image: url(/Images/Icons/ajaxLoaderDark2ndGen.gif);
}

.rmTile a img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    /* Prevent vertical gaps */
    line-height: 0;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.rmTile a .infoBlock {
    background: #cfe107;
    color: #3b3934;
    overflow: hidden;
    position: absolute;
    width: 89%;
    top: 0;
    left: 0;
    z-index: 30;
    padding: 50px 22px 22px 22px;
    display: block;
    cursor: pointer;
}

#container .rmTile a .infoBlock h2 {
    color: #3b3934 !important;
}

#container .rmTile .infoBlock .p,
#container .rmListProjectRow .hero a .p {
    font-size: 2.1em;
    font-weight: bold;
    line-height: 1em;
    padding: 0 !important;
    letter-spacing: -1px;
}

#container .rmTile.x1 .infoBlock .p {
    display: none;
}

v #container .rmTile.x1 {
    height: 150px;
}

#container .rmTile.x2 {
    height: 300px;
}

#container .rmTile.x3 {
    width: 400px !important;
    height: 150px !important;
}

.x4 {
    width: 400px;
    height: 300px;
}
/*#container .rmTile.x1 .infoBlock{
		        width:156px;
			    height:106px;
		        }
			#container .rmTile.x4 .infoBlock{
		        width:356px;
			    height:236px;
		        }*/
#container .rmRow .rmTile.head1 {
    background: #dcd9d1;
    padding: 22px 52px 22px 22px;
    width: 326px !important;
    height: 256px !important;
}

#container .rmTile .date {
    font-weight: bold;
    font-size: 1.35em;
    color: #9a9997;
    padding: 22px 0 0 22px;
    display: block;
    line-height: 0.9em;
}

#container .rmTile.hoverable a:hover .date {
    color: #858d1e;
}

#container .rmTile .p {
    display: block;
    padding: 12px 22px 22px 22px;
    color: #393833;
}

#container .rmTile .date .office {
    font-weight: normal;
    padding-left: 3px;
}

#container .rmTile .title {
    font-weight: bold;
    font-size: 1em;
    display: block;
    color: #373631;
    padding: 5px 60px 0 22px;
    line-height: 1em;
    letter-spacing: 0;
}

#container div.searchResults .rmTile a span.title {
    padding-top: 5px;
}

#container .rmTile.x1 .title {
    font-size: 1.5em;
    display: block;
    overflow: hidden;
    height: 92px;
}

#container .rmTile.x2 .title {
    font-size: 2.1em;
}

#container .rmTile.x3 .title {
    font-size: 2.5em;
    letter-spacing: -1px;
}

#container .officeListing {
    position: absolute;
    bottom: 22px;
    left: 22px;
    color: #767572;
}

    #container .officeListing a {
        color: #767572;
        font-weight: bold;
        font-size: 1.1em;
    }

        #container .officeListing a.active,
        #container .officeListing a:hover {
            color: #3b3934;
        }

#container .rmRow.feed .rmTile,
#container .rmRow.feed .rmTile.loading {
    background-color: #3a3934;
}

    #container .rmRow.feed .rmTile.blank,
    #container .rmRow.feed #rmFlickr .rmTile {
        background: none;
    }

        #container .rmRow.feed #rmFlickr .rmTile.loading {
            background: url("/Images/Icons/ajaxLoaderLight2ndGen.gif") no-repeat center center;
        }

    #container .rmRow.feed .rmTile .item img {
        margin: -10px 0 0 -12px;
    }

    #container .rmRow.feed .rmTile .social,
    #container .rmRow.feed .rmTile a.social {
        position: absolute;
        bottom: 17px !important;
        top: auto;
        left: 22px;
        z-index: 41;
        width: auto;
        height: auto;
        display: block !important;
    }

        #container .rmRow.feed .rmTile a.social img {
            position: static;
        }

    #container .rmRow.feed .rmTile.tweet .item span {
        padding: 22px 22px 0 22px;
        display: block;
        color: #dcd9d0;
        font-weight: bold;
        font-size: 1.2em;
        height: 94px;
        overflow: hidden;
    }

    #container .rmRow.feed .rmTile .tweeter {
        color: #767571;
    }

    #container .rmRow.feed .rmTile a {
        color: #767571;
        position: relative;
    }

        #container .rmRow.feed .rmTile a:hover {
            color: #CFE107;
        }

    #container .rmRow.feed .rmTile.tweet a {
        display: inline;
        background: none;
    }

/**
	* PlaceHolders
	 */
#container .rmRow.cl .rmController {
    left: 0;
}

#container .rmRow.cr .rmController {
    right: 0;
}
/* Controller Left*/
/*#container .rmRow.cl.phContainerx4 .ph1{left:200px !important;top:0;} 			
	#container .rmRow.cl.phContainerx4 .ph2{left:600px !important;top:0;display:none;}			
	#container .rmRow.cl.phContainerx4 .ph3{left:200px;top:300px;}			
	#container .rmRow.cl.phContainerx4 .ph4{left:600px;top:300px;}
	#container .rmRow.cl.phContainerx4 .ph5{left:1000px;top:300px;display:none}*/

.welcome {
    background: #CFE107;
    padding: 0;
    margin: 0;
    width: 400px;
    height: 300px;
    float: right;
}

    .welcome h1 {
        padding: 22px;
    }

/* Controller Right*/
/*#container .rmRow.cr.phContainerx4 .ph1{left:0;top:0;}
	#container .rmRow.cr.phContainerx4 .ph2{left:400px;top:0;}
	#container .rmRow.cr.phContainerx4 .ph3{left:800px;top:0;display:none;}*/


/*#container .rmRow.cl.phContainerx1 .ph1{left:200px;top:0;}
	#container .rmRow.cl.phContainerx1 .ph3{left:400px;top:0;}
	#container .rmRow.cl.phContainerx1 .ph5{left:600px;top:0;}
	#container .rmRow.cl.phContainerx1 .ph7{left:800px;top:0;}
	#container .rmRow.cl.phContainerx1 .ph9{left:1000px;top:0;}
	#container .rmRow.cl.phContainerx1 .ph11{left:1200px;top:0;} 
	#container .rmRow.cl.phContainerx1 .ph2{left:200px;top:150px;}
	#container .rmRow.cl.phContainerx1 .ph4{left:400px;top:150px;}
	#container .rmRow.cl.phContainerx1 .ph6{left:600px;top:150px;}
	#container .rmRow.cl.phContainerx1 .ph8{left:800px;top:150px;}
	#container .rmRow.cl.phContainerx1 .ph10{left:1200px;top:150px0;display:none;}
	#container .rmRow.cl.phContainerx1 .ph12{left:1200px;top:150px;display:none;}*/

/*#container .rmRow.cr.phContainerx4x2 .ph1{left:0;top:0;}
	#container .rmRow.cr.phContainerx4x2 .ph2{left:400px;top:0;}
	#container .rmRow.cr.phContainerx4x2 .ph3{left:600px;top:0;}
	#container .rmRow.cr.phContainerx4x2 .ph4{left:800px;top:0;}
	#container .rmRow.cr.phContainerx4x2 .ph5{left:1000px;top:0;}*/

#container .hero {
    display: block;
    overflow: hidden;
    height: 450px;
    width: auto;
    background: #dcd9d2;
}

    #container .hero.video {
        height: 338px;
    }

    #container .hero.standard {
        height: 300px;
    }

#container .rmListProjectRow .hero h1 {
    padding: 22px;
    display: block;
    height: 200px;
}

#container .rmListProjectRow .hero .heroPagination h3 {
    padding: 22px;
    display: block;
    height: 20px;
    margin-top: 142px;
}

#container .rmListProjectRow .hero a.x5 {
    display: block;
    float: right;
    width: 600px;
    height: 450px;
    margin-left: 22px;
    position: relative;
    cursor: pointer;
}

    #container .rmListProjectRow .hero a.x5 img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 40;
    }

    #container .rmListProjectRow .hero a.x5 .infoBlock {
        background: #CFE107;
        color: #3B3934;
        display: none;
        left: 0;
        overflow: hidden;
        padding: 42px 22px 22px;
        position: absolute;
        top: 0;
        z-index: 30;
        height: 386px;
        width: 556px;
    }

    #container .rmListProjectRow .hero a.x5:hover .infoBlock {
        display: block;
    }

#container #slideShow {
    float: right;
    /*margin-left: 22px;*/
    overflow: hidden;
    width: 600px;
    height: 450px;
    position: relative;
}

    #container #slideShow .belt {
        display: block;
        width: 600px;
        height: 450px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 30;
    }

    #container #slideShow #imageContainer,
    #container #slideShow #imageContainerCloned {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 600px;
        height: 450px;
        -webkit-margin-before: 0;
        margin-top: 0px;
    }

        #container #slideShow #imageContainer li {
            float: left;
            width: 600px;
            height: 450px;
            display: block;
        }

        #container #slideShow #imageContainer iframe {
            height: 450px;
        }

    #container #slideShow #slideBack,
    #container #slideShow #slideNext {
        width: 200px;
        height: 450px;
        position: absolute;
        top: 0;
        z-index: 30;
        display: block;
        overflow: hidden;
        background: url(/Images/Icons/slideShowNavigation.png) no-repeat;
    }

    #container #slideShow #slideBack {
        left: 0;
        background-position: 0 0;
    }

        #container #slideShow #slideBack:hover {
            background-position: 0 0;
        }

    #container #slideShow #slideNext {
        right: 0;
        background-position: -200px 0;
    }

        #container #slideShow #slideNext:hover {
            background-position: -200px 0;
        }

#container .rmListProjectRow .hero .videoContainer {
    float: right;
    margin-left: 22px;
    width: auto;
    height: auto;
    position: relative;
}

#container .rmListProjectRow .hero .slideShow #loadingIMG {
    display: block;
    width: 22px;
    height: 22px;
    background: #3B3934 url(/Images/icons/ajaxLoaderSmall.gif) no-repeat center center;
    position: absolute;
    top: 22px;
    right: 22px;
}

#container .rmListProjectRow .hero .slideShow img {
    position: absolute;
    top: 0;
    left: 0;
}

#container .rmListProjectRow .hero .slideShow #rmSlideControls {
    position: absolute;
    bottom: 22px;
    left: 22px;
}

    #container .rmListProjectRow .hero .slideShow #rmSlideControls a {
        display: block;
        overflow: hidden;
        background: #ffffff;
        height: 7px;
        width: 7px;
        float: left;
        margin: 0 4px 0 0;
        text-indent: -999px;
    }

        #container .rmListProjectRow .hero .slideShow #rmSlideControls a:hover,
        #container .rmListProjectRow .hero .slideShow #rmSlideControls a.active {
            background: #cfe107;
        }

#container .rmFilterController .filter {
    display: block;
    overflow: hidden;
    color: #b0afad;
    font-weight: bold;
    font-size: 1.25em;
    /*background:url(/Images/Icons/filter.gif) no-repeat 100% 4px;*/
}

    #container .rmFilterController .filter.active,
    #container .rmFilterController .filter:hover {
        color: #3b3934;
        background-position: 100% -11px;
    }

#container .rmFilterController.back {
    font-weight: bold;
    color: #3b3934;
    font-size: 1.25em;
}

    #container .rmFilterController.back:hover {
        background: #cfe107;
        color: #fff;
    }

    #container .rmFilterController.back span {
        padding: 0 0 0 15px;
        display: block;
        overflow: hidden;
        background: url(/Images/Icons/back.gif) no-repeat 0 3px;
    }

    #container .rmFilterController.back:hover span {
        background-position: 0 -150px;
    }

#container .rmFilterController .subNav {
    font-size: 1.25em;
    font-weight: bold;
    display: block;
    color: #b0afad;
    background: url(/Images/Icons/accordionIcons.gif) no-repeat 100% -215px;
    padding: 0 15px 4px 0;
    line-height: 0.9em;
}

    #container .rmFilterController .subNav.active {
        background-position: 100% -114px;
        color: #3b3934;
    }

    #container .rmFilterController .subNav:hover {
        background-position: 100% 1px;
        color: #3b3934;
    }

    #container .rmFilterController .subNav.active:hover {
        background-position: 100% -114px;
    }

#container .rmFilterController .listLarge,
#container .rmFilterController .listSmall {
    bottom: 20px;
    display: block;
    overflow: hidden;
    padding: 0 0 3px 22px;
    margin: 0 0 5px 0;
    height: 14px;
    font-size: 1.25em;
    font-weight: bold;
    color: #b0afad;
    background: url(/Images/Icons/listType.gif) no-repeat 0 0;
}

#container .rmFilterController.rGreen {
    background: #cfe107;
}

#container .rmFilterController .listLarge {
    background-position: 0 -80px;
}

    #container .rmFilterController .listLarge:hover,
    #container .rmFilterController .listLarge.active {
        background-position: 0 -98px;
        color: #3b3934;
    }

#container .rmFilterController .listSmall:hover,
#container .rmFilterController .listSmall.active {
    background-position: 0 -17px;
    color: #3b3934;
}

#container .rmFilterController.rGreen .listLarge {
    background-position: 0 -138px;
    color: #858d1e;
}

    #container .rmFilterController.rGreen .listLarge:hover,
    #container .rmFilterController.rGreen .listLarge.active {
        background-position: 0 -118px;
        color: #fff;
    }

#container .rmFilterController.rGreen .listSmall {
    background-position: 0 -60px;
    color: #858d1e;
}

    #container .rmFilterController.rGreen .listSmall:hover,
    #container .rmFilterController.rGreen .listSmall.active {
        background-position: 0 -40px;
        color: #fff;
    }

#container .tags div {
    display: block;
    width: 600px;
    height: auto;
    min-height: 106px;
    background: #3b3934;
    float: right;
    padding: 22px 0;
    font-size: 1.3em;
}

    #container .tags div span.title {
        color: #dcd9d1;
        font-weight: bold;
        padding: 0 22px 2px 22px;
        display: block;
    }

    #container .tags div ul {
        padding: 0 22px;
        margin: 0;
        display: block;
    }

        #container .tags div ul li {
            display: block;
            width: 200px;
            float: left;
        }

            #container .tags div ul li a {
                color: #767572;
            }

                #container .tags div ul li a:hover {
                    color: #cfe107;
                }

.notfound #container #body {
    background: #dcd9d2 url("/Images/elements/lines.svg") no-repeat left center;
    height: 570px;
    max-width: 800px;
}

    .notfound #container #body .rmHeadingTile {
        background: none;
    }

.notfound #container .wysiwyg a {
    text-decoration: underline;
}

    .notfound #container .wysiwyg a:hover {
        color: #434142;
    }

#container #body {
    display: block;
    background: #fff;
    padding: 22px 22px 80px 22px;
    color: #898885;
    position: relative;
}

    #container #body.clean {
        padding: 0;
        /* padding:0 0 80px 0; */
        /* background: #EDEBE7; */
    }

#container .rmListProjectRow .colContainer #standardListing {
    background: #EDEBE7;
}

#container #body .restricted {
    max-width: 976px;
}

#container #body .minRestrictied {
    max-width: 600px;
}

#container #body .wysiwygWrapper .supportingContent {
    float: left;
    width: 356px;
    padding: 0 22px 0 0;
}

    #container #body .wysiwygWrapper .supportingContent .supportBlock {
        display: block;
        float: left;
        width: 166px;
        height: 235px;
        padding: 0 12px 0 0;
        font-size: 0.9em;
    }

        #container #body .wysiwygWrapper .supportingContent .supportBlock h4 {
            padding: 0;
        }

#container #body .wysiwygWrapper .mainContent {
    display: block;
    margin: 0 0 0 378px;
    padding: 0 0 0 22px;
}

#container #body .unrestricted .mainContent {
    padding: 0 !important;
}

#container #body .rmol {
    margin: 0;
    padding: 0;
}

    #container #body .rmol li {
        display: block;
        border-bottom: 1px solid #D8D7D6;
        padding: 0;
        clear: left;
        padding: 12px 0;
        max-width: 976px;
    }

        #container #body .rmol li .count {
            font-size: 2.1em;
            font-weight: bold;
            color: #c6e107;
            float: left;
            display: block;
            width: 52px;
            line-height: 0.9em;
        }

        #container #body .rmol li .title {
            font-size: 2.1em;
            font-weight: bold;
            float: left;
            display: block;
            width: 315px;
            line-height: 0.9em;
            color: #85837e;
        }

        #container #body .rmol li .content {
            padding: 0 0 0 398px;
            display: block;
        }

            #container #body .rmol li .content p {
                font-size: 1em;
            }

#container a.featureLink,
#container .featureLink a,
#container a.featureLinkBold,
#container .featureLinkBold a,
#container a.featureLinkv2,
#container .featureLinkv2 a,
#blogNavigation ul li a {
    color: #434142;
    font-weight: normal;
    background: #f6f5f3 url(/Images/Icons/reactiveLink.gif) no-repeat 0 -1px;
    padding: 3px 15px 4px 28px;
}

#container a.featureLinkBold,
#container .featureLinkBold a {
    font-weight: bold !important;
}

#container a.featureLinkv2,
#container .featureLinkv2 a,
#blogNavigation ul li a {
    background: url(/Images/Icons/reactiveLinkv2.gif) no-repeat 0 -2px;
    display: block;
    font-weight: bold !important;
    margin: 0 0 1px 0;
    padding: 1px 0 1px 28px;
    overflow: hidden;
}

#blogNavigation ul li a {
    font-weight: normal !important;
}

#container a.featureLink:hover,
#container .featureLink a:hover,
#container a.featureLinkBold:hover,
#container .featureLinkBold a:hover {
    color: #434142 !important;
    background: #cfe107 url(/Images/Icons/reactiveLink-hover.gif) no-repeat 0 -1px;
}

#container a.featureLinkv2:hover,
#container .featureLinkv2 a:hover,
#blogNavigation ul li a:hover {
    background-position: 0 -308px;
    color: #434142 !important;
}

#container a.featureLinkv2 .iblock,
#container .featureLinkv2 a .iblock,
#blogNavigation ul li a .iblock {
    background: #f1edea;
    font-size: 1.15em;
    padding: 2px 5px 2px 0;
    line-height: 1.301em;
}

#container a.featureLinkv2:hover .iblock,
#container .featureLinkv2 a:hover .iblock,
#blogNavigation ul li a:hover .iblock {
    background: #cfe107;
}

#container a.featureLinkv2 .note,
#container .featureLinkv2 a .note {
    font-weight: normal !important;
}

#container #body p,
#container #body li,
#blogs .wysiwyg p,
#blogsOverflow .wysiwyg p,
#blogsExtra .wysiwyg p,
#container .rmListProjectRow .colItem p,
#container .static p,
#container .rmListProjectRow .rmTitleContent p {
    padding: 0 0 12px 0;
    font-size: 1.15em;
    line-height: 1.3em;
    color: #5c5a56;
    position: relative;
}

    #container #body p.summary {
        font-size: 1.18em;
        font-weight: bold;
    }

#container ul.links {
    display: block;
    padding: 10px 0 0 0;
    margin: 0;
}

    #container ul.links li {
        display: block;
        padding: 22px 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid #d8d7d6;
        background-image: none !important;
    }

        #container ul.links li a {
            padding: 0 0 0 22px;
            margin: 0;
            color: #3b3934;
            font-size: 1.1em;
            font-weight: bold !important;
        }

            #container ul.links li a:hover {
                color: #cfe107;
            }

            #container ul.links li a.addthis_button {
                background: url(/Images/Icons/share.gif) no-repeat 0 4px;
            }

                #container ul.links li a.addthis_button:hover {
                    background-position: 0 -15px;
                }

            #container ul.links li a.comments {
                background: url(/Images/Icons/comments.gif) no-repeat 0 3px;
            }

                #container ul.links li a.comments:hover {
                    background-position: 0 -16px;
                }

            #container ul.links li a.back {
                background: url(/Images/Icons/back.gif) no-repeat 0 3px;
            }

                #container ul.links li a.back:hover {
                    background-position: 0 -57px;
                }



#container #body .col {
    display: block;
    float: left;
    border-bottom: none;
}

    #container #body .col.fixed {
        width: 400px;
    }

    #container #body .col.flex {
        width: 400px;
        float: none;
        margin-left: 400px;
    }

    #container #body .col.auto {
        width: 50%;
    }

body #container #body .col .colInner {
    padding: 22px;
}

body.cleanWzgTop #container #body .col .colInner {
    padding: 0 22px 22px 22px;
}

#container #body .col .colInner.shiftUp {
    padding: 0 22px 22px 22px;
}

#container #body .wysiwyg h3 {
    padding: 7px 0 15px 0;
}

#container #body .wysiwyg ul {
    padding: 0 0 10px 0;
    margin: 0;
}

    #container #body .wysiwyg ul li {
        background: url(/Images/Icons/bullet.gif) no-repeat 0 7px;
        padding: 0 0 8px 20px;
        margin: 0;
    }

    #container #body .wysiwyg ul.clean li {
        background: none;
        padding: 0 0 6px 0;
        margin: 0;
    }

#container #body .wysiwyg.supportingContent ul li {
    background: url(/Images/Icons/tickList.gif) no-repeat 0 0;
    padding: 0 0 12px 38px;
    margin: 0;
    font-weight: bold;
}

#container .wysiwyg a,
#container #body .rmTextBlock a,
#container .rmListProjectRow .static a,
#footer .subscribeBox p a {
    font-weight: bold;
    color: #434142;
}

    #container .wysiwyg a:hover,
    #container #body .rmTextBlock a:hover,
    #container .rmListProjectRow .static a:hover,
    #footer .subscribeBox p a:hover {
        color: #cfe107;
    }

#container #body .wysiwyg table {
    border-top: 1px solid #dedede;
    width: 100%;
    margin-bottom: 22px;
}

    #container #body .wysiwyg table.clean {
        border-top: none;
    }

    #container #body .wysiwyg table tr {
        border-bottom: 1px solid #dedede;
    }

    #container #body .wysiwyg table.clean tr {
        border-bottom: none;
    }

    #container #body .wysiwyg table tr td,
    #container #body .wysiwyg table tr th {
        padding: 19px 0;
    }

#container table.clean tr td,
#container table.clean tr th {
    padding: 0;
    font-size: 1.15em;
    line-height: 1.3em;
    color: #5C5A56;
}

#container table tr th {
    font-weight: bold;
    color: #3B3934;
}

#container table.clean tr th {
    font-weight: normal;
    width: 30%;
}

#container #body table.logos {
    width: 356px;
    border: 0 none !important;
}

    #container #body table.logos tr {
        border: 0 none !important;
    }

    #container #body table.logos th {
        width: 178px;
        height: 110px !important;
        overflow: hidden;
        border: 0 none !important;
    }

    #container #body table.logos td {
        padding-right: 15px;
        width: 178px;
        height: 110px;
        border: 0 none !important;
    }

        #container #body table.logos td .text {
            padding-right: 15px;
        }

#container #body .rmTextBlock {
    padding: 22px;
    font-size: 1.1em;
}

#container #contentImages {
    width: 400px;
    height: auto;
    overflow: hidden;
}

    #container #contentImages img {
        float: left;
        clear: left;
    }

#container #body .rmHeadingTile {
    display: block;
    width: 100%;
    height: 300px;
    background: #dcd9d2;
}

    #container #body .rmHeadingTile .top,
    #blogs .post .heading .top,
    #blogsOverflow .post .heading .top {
        display: block;
        padding: 22px 22px 10px 22px;
        font-size: 1.1em;
    }

        #container #body .rmHeadingTile .top .date,
        #container #body .rmHeadingTile .top .office,
        #blogs .post .heading .top .date,
        #blogs .post .heading .top .office,
        #blogsOverflow .post .heading .top .date,
        #blogsOverflow .post .heading .top .office,
        #blogsExtra .post .heading .top .date,
        #blogsExtra .post .heading .top .office {
            font-weight: bold;
            color: #767572;
            font-size: 1.35em;
            line-height: 0.9em;
        }

        #container #body .rmHeadingTile .top .office,
        #blogs .post .heading .top .office,
        #blogsOverflow .post .heading .top .office {
            font-weight: normal;
        }

#container #body h3.listingTitle,
#container #body .wysiwyg h2 {
    border-bottom: 1px solid #d8d7d6;
    display: block;
    padding: 17px 0;
    margin: 0 0 17px 0;
}

    #container #body h3.listingTitle:first-child,
    #container #body .wysiwyg h2.first {
        padding: 0 0 17px 0;
    }

#container #body .rmHeadingTile h1,
#container #body .rmHeadingTile h2,
#container #body .rmHeadingTile h3 {
    padding: 0 22px 22px 22px;
}

    #container #body .rmHeadingTile h1.simple {
        padding: 22px;
    }

#container #body .rmImgDetail {
    display: block;
}

#container #body .rmFixedContent {
    width: 332px;
    height: auto;
    display: block;
    padding: 0 22px 0 0;
    float: right;
}

#container #body .leftCol {
    display: block;
    width: 156px;
    padding-bottom: 60px;
    height: auto;
    -webkit-background-size: 200px 20px;
}

#container #body .rightCol {
    display: block;
    width: 556px;
    height: auto;
    float: right;
}

#container #body .leftCol a {
    font-weight: bold;
    color: #898885;
    font-size: 1.15em;
}

    #container #body .leftCol a:hover {
        color: #cfe107;
    }

#container #body #accordion h2.ui-accordion-header {
    display: block;
    padding: 22px 0;
    margin: 0 !important;
    border-bottom: 1px solid #d8d7d6;
}

#container #body #accordion h3 {
    font-size: 1.4em;
    padding: 22px 0;
}

#container #body #accordion p {
    padding-bottom: 0;
}

#container #body #accordion.ui-accordion h2 {
    cursor: pointer;
    background: url(/Images/Icons/accordionIcons.gif) no-repeat 100% 26px;
}

    #container #body #accordion.ui-accordion h2.ui-state-hover {
        color: #cfe107;
        background-position: 100% -36px;
    }

    #container #body #accordion.ui-accordion h2.ui-state-active {
        background-position: 100% -91px;
    }

        #container #body #accordion.ui-accordion h2.ui-state-active.ui-state-hover {
            background-position: 100% -140px;
        }

#container #body #accordion div {
    padding: 22px 5px 22px 0;
    border-bottom: 1px solid #d8d7d6;
}

    #container #body #accordion div.col {
        padding: 0;
        border: none;
    }

        #container #body #accordion div.col .colInner {
            padding: 0 22px 0 0;
            border: none;
        }

            #container #body #accordion div.col .colInner.pad {
                padding: 0 22px 0 22px;
            }

#container #body .stats {
    margin: 50px 0 0 0;
    padding: 22px 0 0 0;
    border-top: 1px solid #d8d7d6;
}

    #container #body .stats h3 {
        font-size: 1.1em;
        letter-spacing: 0;
    }

    #container #body .stats ul {
        padding: 0 0 15px 0;
        margin: 0;
    }

        #container #body .stats ul li {
            padding: 0;
        }

#container #body #share {
    display: block;
    width: 156px;
    position: absolute;
    bottom: 81px;
    left: 22px;
    border-bottom: 1px solid #d8d7d6;
    padding: 0 0 22px 0;
}

    #container #body #share a {
        color: #3b3934;
        font-size: 1.3em;
        font-weight: bold;
        padding: 0 0 0 15px;
        background: url(/Images/Icons/share.gif) no-repeat 0 4px;
    }

        #container #body #share a:hover {
            color: #cfe107;
            background-position: 0 -15px;
        }

#container .rmListProjectRow .project-detail-grid {
    width: 100%;
}

    #container .rmListProjectRow .project-detail-grid.awards .title {
        font-size: 2.08em;
        color: #3b3934;
    }

    #container .rmListProjectRow .project-detail-grid.awards .title-sub {
        font-size: 1.15em;
        color: #3b3934;
        font-weight: normal;
    }

#container .rmListProjectRow .project-detail.testimonial {
    width: 100%;
    min-height: 105px;
    margin: 0 0 17px 0;
    padding: 0 0 17px 0;
    border-bottom: 1px solid #D8D7D6;
    position: relative;
    background: url(/images/icons/project-detail-circle-testimonial.jpg) no-repeat 0 0;
}

    #container .rmListProjectRow .project-detail.testimonial:last-child {
        border-bottom: none;
    }

    #container .rmListProjectRow .project-detail.testimonial .details {
        padding: 0 0 0 120px;
    }

    #container .rmListProjectRow .project-detail.testimonial .author {
        font-size: 1.1666em;
        font-weight: bold;
    }

#container .rmListProjectRow .project-detail-grid .grid-item {
    width: 50%;
    height: 106px;
    margin: 0 0 17px 0;
    padding: 0 0 17px 0;
    border-bottom: 1px solid #D8D7D6;
    position: relative;
    float: left;
}

.project-detail-grid .grid-item .details {
    padding: 17px 0 0 120px;
    font-weight: bold;
}

    .project-detail-grid .grid-item .details .title {
        font-size: 0.9em;
        color: #727572;
        display: block;
    }

    .project-detail-grid .grid-item .details .statistic {
        font-size: 3em;
        line-height: .9em;
        color: #3b3934;
        display: block;
    }

.project-detail-grid .grid-item .statistic-detail {
    font-size: 1.62em;
    line-height: .7em;
    color: #54524d;
    display: block;
}
/* results */
.project-detail-grid .grid-item.launch {
    background: url(/Images/Icons/project-detail-circle-launch.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.twitter {
    background: url(/Images/Icons/project-detail-circle-twitter.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.downloads {
    background: url(/Images/Icons/project-detail-circle-downloads.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.testimonial {
    background: url(/Images/Icons/project-detail-circle-testimonial.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.likes {
    background: url(/Images/Icons/project-detail-circle-likes.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.visitors {
    background: url(/Images/Icons/project-detail-circle-visitors.jpg) no-repeat 0 0;
}
/* awards */

.project-detail-grid .grid-item.adage {
    background: url(/Images/Icons/project-detail-circle-awards-adage.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.agda {
    background: url(/Images/Icons/project-detail-circle-awards-agda.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.apa {
    background: url(/Images/Icons/project-detail-circle-awards-apa.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.bima {
    background: url(/Images/Icons/project-detail-circle-awards-bima.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.create {
    background: url(/Images/Icons/project-detail-circle-awards-create.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.oria {
    background: url(/Images/Icons/project-detail-circle-awards-oria.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.webby {
    background: url(/Images/Icons/project-detail-circle-awards-webby.jpg) no-repeat 0 0;
}

.project-detail-grid .grid-item.adnews {
    background: url(/Images/Icons/project-detail-circle-awards-adnews.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.aimia {
    background: url(/Images/Icons/project-detail-circle-awards-aimia.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.asia {
    background: url(/Images/Icons/project-detail-circle-awards-asia.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.awwwards {
    background: url(/Images/Icons/project-detail-circle-awards-awwwards.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.bandt {
    background: url(/Images/Icons/project-detail-circle-awards-bandt.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.best {
    background: url(/Images/Icons/project-detail-circle-awards-best.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.cannes {
    background: url(/Images/Icons/project-detail-circle-awards-cannes.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.d-and-da {
    background: url(/Images/Icons/project-detail-circle-awards-d-and-da.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.hotshot {
    background: url(/Images/Icons/project-detail-circle-awards-hotshot.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.iab {
    background: url(/Images/Icons/project-detail-circle-awards-iab.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.london {
    background: url(/Images/Icons/project-detail-circle-awards-london.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.mixx {
    background: url(/Images/Icons/project-detail-circle-awards-mixx.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.nyf {
    background: url(/Images/Icons/project-detail-circle-awards-nyf.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.sitecore {
    background: url(/Images/Icons/project-detail-circle-awards-sitecore.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.sitecore-year {
    background: url(/Images/Icons/project-detail-circle-awards-sitecore-year.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.travolution {
    background: url(/Images/Icons/project-detail-circle-awards-travolution.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.w3 {
    background: url(/Images/Icons/project-detail-circle-awards-w3.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.fwa {
    background: url(/Images/Icons/project-detail-circle-awards-fwa.png) no-repeat 0 0;
}

.project-detail-grid .grid-item.oneshow {
    background: url(/Images/Icons/project-detail-circle-awards-oneshow.png) no-repeat 0 0;
}

/* 2.06 Clocks
 -----------------------------------------------------------------------------------------------------------*/

#clocks .filler {
    display: block;
    width: 200px;
    height: 150px;
    background: #ffffff;
}

#clocks .clock {
    display: block;
    width: 200px;
    float: left;
}

    #clocks .clock .rmClockWidget {
        display: block;
        width: 200px;
        height: 150px;
        position: relative;
    }

        #clocks .clock .rmClockWidget img {
            position: absolute;
            top: 0;
            left: 0;
        }

    #clocks .clock .info {
        padding: 22px 0 22px 0;
        color: #3b3934;
    }

        #clocks .clock .info .title {
            font-size: 2.1em;
            font-weight: bold;
            line-height: 1em;
        }

        #clocks .clock .info p {
            color: #898885;
            padding: 12px 70px 0 0;
            margin: 0;
            line-height: 1.3em;
        }

        #clocks .clock .info.fade {
            color: #dcd9d1;
        }

/* 2.07 BLOG
 -----------------------------------------------------------------------------------------------------------*/
#blogs,
#blogsOverflow,
#blogsExtra {
    display: block;
    background: #fff;
    width: 400px;
    height: auto;
    float: left;
}

    #blogs .loading,
    #blogsOverflow .loading,
    #blogsExtra .loading {
        height: 60px;
        background: #fff url(/Images/Icons/ajaxLoaderWhite2ndGen.gif) no-repeat center center;
        display: block;
    }




    #blogs .post .heading,
    #blogsOverflow .post .heading,
    #blogsExtra .post .heading {
        display: block;
        width: 400px;
        background: #DCD9D2;
        padding: 0;
        margin: 0;
    }

        #blogs .post .heading .h1,
        #blogsOverflow .post .heading .h1,
        #blogsExtra .post .heading .h1 {
            padding: 0 22px 22px 22px;
            display: block;
            cursor: pointer;
        }

        #blogs .post .heading img,
        #blogsOverflow .post .heading img,
        #blogsExtra .post .heading img {
            margin-bottom: -3px;
        }

        #blogs .post .heading:hover,
        #blogsOverflow .post .heading:hover,
        #blogsExtra .post .heading:hover {
            background: #cfe107;
        }

            .blogsContainer .post .heading:hover .top .date,
            .blogsContainer .post .heading:hover .top .office,
            #blogsOverflow .post .heading:hover .top .date,
            #blogsOverflow .post .heading:hover .top .office,
            #blogsExtra .post .heading:hover .top .date,
            #blogsExtra .post .heading:hover .top .office {
                color: #858d1e;
            }

    #blogs .post .wysiwyg,
    #blogsOverflow .post .wysiwyg,
    #blogsExtra .post .wysiwyg {
        padding: 22px;
    }

    #blogs .post .category,
    #blogsOverflow .post .category,
    #blogsExtra .post .category {
        display: block;
        padding: 22px 0;
    }

#blogNavigation {
    display: block;
    background: #fff;
    width: 400px;
    height: auto;
    float: right;
}

    #blogNavigation .top {
        display: block;
        padding: 22px;
    }

    #blogNavigation .right {
        display: block;
        width: 178px;
        float: right;
        padding: 22px 0 22px 0;
    }

    #blogNavigation .left {
        width: 178px;
        padding: 22px 5px 22px 22px;
        display: block;
    }

    #blogNavigation ul {
        padding: 10px 0 22px 0 !important;
    }

        #blogNavigation ul li {
            display: block;
            /*padding:0 0 5px 0;*/
        }

            #blogNavigation ul li a {
                /*	color:#B0AFAD;
					font-size:1.25em;
					font-weight:bold;
					line-height:0.9em;*/
            }

                #blogNavigation ul li a:hover,
                #blogNavigation ul li.on a {
                    /*	color:#3B3934;*/
                }

#container #body .wysiwyg ul .comment {
    background: none;
    padding: 0 0 30px 0;
}

    #container #body .wysiwyg ul .comment .name {
        font-size: 0.9em;
        display: block;
        padding-bottom: 15px;
    }

    #container #body .wysiwyg ul .comment p {
        font-size: 1em;
    }

#container #comments input,
#container #comments textarea {
    background: #DCDCDB;
    border: 0 none;
    color: #767572;
    font-size: 1.1em;
    height: 20px;
    margin: 0;
    padding: 0 4px;
    width: 100%;
}

#container #comments textarea {
    height: 60px;
    padding: 4px 4px;
}

#container #comments .buttons input {
    width: 71px;
    background: url(/Images/elements/formBtns.gif) no-repeat 0 -80px;
    display: block;
    height: 20px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    float: left;
    margin-right: 10px;
}

#container #comments input.postBtn:hover {
    background-position: 0 -100px;
    cursor: pointer;
}

#container #comments .formRowInline,
#container #comments .formRow {
    margin-bottom: 10px;
}

    #container #comments .formRowInline div {
        display: block;
        float: left;
        width: 48%;
    }

#container #comments label {
    display: block;
    font-size: 1em;
    color: #3b3934;
    font-weight: bold;
    padding: 0 0 5px 0;
}

/* 2.08 Forms
 -----------------------------------------------------------------------------------------------------------*/
#container .rmSearchController {
    display: block;
    overflow: hidden;
    width: 156px;
    height: 106px;
    position: absolute;
    left: 0;
    top: 138px;
    padding: 22px;
    background: #fff;
}

    #container .rmSearchController .previous a,
    #container .rmSearchController .next a {
        display: block;
        width: 55px;
        height: 103px;
        background: url(/Images/buttons/nextprev.gif) no-repeat;
        text-indent: -999px;
        overflow: hidden;
    }

    #container .rmSearchController .previous a {
        left: 18px;
    }

    #container .rmSearchController .next a {
        float: right;
        right: 18px;
        background-position: 0 -309px;
    }

    #container .rmSearchController .previous a:hover {
        background-position: 0 -103px;
    }

    #container .rmSearchController .next a:hover {
        background-position: 0 -413px;
    }

    #container .rmSearchController.rGreen .previous {
        background-position: 0 -103px;
    }

        #container .rmSearchController.rGreen .previous:hover {
            background-position: 0 -206px;
        }

    #container .rmSearchController.rGreen .next {
        background-position: 0 -412px;
    }

        #container .rmSearchController.rGreen .next:hover {
            background-position: 0 -516px;
        }

    #container .rmSearchController.rGreen a.back {
        background-position: 0 -25px;
    }

        #container .rmSearchController.rGreen a.back:hover {
            background-position: 0 -50px;
        }


#container .search .inputText {
    background: #dcdcdb;
    border: 0 none;
    padding: 5px;
    display: block;
    width: 96px;
    height: 15px;
    overflow: hidden;
    margin: 10px 0 0 0;
    float: left;
}

#container .search .inputButton.go {
    padding: 0;
    margin: 10px 0 0 0;
    border: 0 none;
    display: block;
    width: 50px;
    height: 25px;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    background: url(/Images/buttons/btnGo.gif) no-repeat;
    float: left;
}

    #container .search .inputButton.go:hover {
        background-position: 0 -25px;
        cursor: pointer;
    }

#container .formArea h3 {
    border-bottom: 1px solid #d8d7d6;
    display: block;
    padding: 30px 0 22px 0 !important;
    margin: 0 0 10px 0;
}

    #container .formArea h3:first-child {
        padding-top: 0px !important;
    }

#container .formArea p {
    margin: 10px 0 0 0;
}

#container .formArea .formRow {
    display: block;
    margin: 13px 0 0 0;
    position: relative;
}

    #container .formArea .formRow label {
        display: block;
        float: left;
        width: 177px;
        font-size: 1.1em;
        padding: 0;
        height: 20px;
        position: relative;
        color: #5C5A56;
    }

        #container .formArea .formRow label span {
            position: absolute;
            top: 0;
            right: 0;
            font-weight: bold;
            padding-right: 5px;
            vertical-align: super;
            font-size: 0.9em;
        }

    #container .formArea .formRow.error label span {
        color: #a7b228;
    }

    #container .formArea .formRow .errDescription {
        margin-left: 20px;
        color: #a7b228;
        font-size: 1.1em;
    }

    #container .formArea .formRow .capchaError {
        color: #a7b228;
        font-size: 1.1em;
        font-weight: bold;
        display: block;
    }

#container .formArea .formValidationNotification {
    color: #a7b228;
    font-size: 1.1em;
    font-weight: bold;
}

    #container .formArea .formValidationNotification a:hover {
        color: #a7b228 !important;
    }


#container .formArea .formRow input,
#container .formArea .formRow textarea,
#container .formArea .formRow select {
    border: 0;
    padding: 0 12px;
    margin: 0;
    background: #dcdcdb;
    color: #767572;
    font-size: 1.1em;
    width: 155px;
    height: 20px;
}

    #container .formArea .formRow input.fileField {
        border: 0;
        padding: 0;
        margin: 0;
        background: none;
        color: #767572;
        font-size: 1.1em;
        width: auto;
        height: auto;
    }

#container .formArea .formRow .checkbox input {
    width: auto;
    height: auto;
}

#container .formArea .formRow textarea {
    height: 90px;
    padding: 5px 12px;
}

#container .formArea .formRow select {
    padding: 0 0 0 12px;
}

#container .formArea .formRow textarea.noScale {
    width: 332px;
}

#container .formArea .formRow.native input {
    height: auto;
}

#container .formArea .formRow label.capcha {
    display: block;
    float: none;
    width: 277px;
}

#container .formArea .formRow input.capcha {
    font-weight: bold;
    font-size: 2em;
    height: auto;
    letter-spacing: 22px;
}

#container .formArea .buttons input {
    float: left;
    margin-right: 10px;
}

#container .formArea .formRow .btnSubmit,
#container .formArea .btnSubmit {
    display: block;
    overflow: hidden;
    width: 88px;
    height: 20px;
    background: url(/Images/elements/formBtns.gif) no-repeat 0 -40px;
    border: 0 none;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}

    #container .formArea .btnSubmit:hover {
        background-position: 0 -60px;
        cursor: pointer;
    }

    #container .formArea .btnSubmit.disabled:hover {
        cursor: default;
        background-position: 0 -40px;
    }

/*
*   Newsletter signup page
*/



/* 2.08 IE7
 -----------------------------------------------------------------------------------------------------------*/
html.ie7 #container .rmFilterController {
    position: absolute;
    top: 0;
    left: -200px;
    margin-left: 0;
}

html.ie7 .clfx {
    margin-top: -2px;
}

html.ie7 #container #news .rmTile.x3 a,
html.ie7 #container #news .rmTile.x1 a,
html.ie7 #container #rmNews .rmTile a {
    height: 150px !important;
}

html.ie7 #container .rmFilterController .inputText {
    margin-left: 22px;
}

html.ie7 #container #slideShow {
    margin-left: 0;
}

html.ie7 .rmImgDetail .text {
    height: 100%;
}

html.ie7 #body, #container .rmListProjectRow {
    zoom: 1;
}

/* 2.08 IE6
 -----------------------------------------------------------------------------------------------------------*/

html.ie6 #container .anchor {
    position: static;
    top: auto;
}

html.ie6 #headerbg {
    position: absolute;
    top: 0;
}

html.ie6 #header {
    position: relative;
}

html.ie6 .headerSpacer {
    display: none;
}

html.ie6 #container #news .rmTile.x3 a,
html.ie6 #container #news .rmTile.x1 a,
html.ie6 #container #rmNews .rmTile a {
    height: 150px !important;
}

html.ie6 #container .clfx {
    zoom: 1;
}

html.ie6 #container .tags,
html.ie6 #container .tags div {
    min-height: 106px;
    height: auto !important;
    height: 106px;
    zoom: 1;
}

html.ie6 #container .rmTile a .p,
html.ie6 #container .rmTile a .infoBlock,
html.ie6 #container .rmListProjectRow .hero a .infoBlock,
html.ie6 #container .rmListProjectRow .hero a .p {
    cursor: pointer !important;
}

html.ie6 #container #about .ph1 {
    left: 0!important;
    top: 0;
}

html.ie6 #container #about .ph2 {
    left: 400px!important;
    top: 0;
}

html.ie6 #container #about .ph3 {
    left: 800px!important;
    top: 0;
    display: none;
}

html.ie6 #container .rmTile a .infoBlock,
html.ie6 #container .rmListProjectRow .hero a .infoBlock {
    display: block !important;
}

html.ie6 #container .rmFilterController {
    position: absolute;
    top: 0;
    left: 0;
}

html.ie6 #container .rmListProjectRow {
    zoom: 1;
}

html.ie6 #rmProjects {
    zoom: 1;
}

    html.ie6 #rmProjects li {
        zoom: 1;
    }

html.ie6 #container .rmLoadMore {
    margin-left: 0;
    bottom: -1px;
    display: inline;
    float: none !important;
    position: absolute !important;
    zoom: 1;
}

html.ie6 #container .rmFilterController {
    margin: 0 0 0 -200px;
}

html.ie6 #container #news .loading {
    background-image: url(/Images/Icons/ajaxLoaderWhite.gif);
}

html.ie6 #body {
    zoom: 1;
}

html.ie6 #container #body .fixed {
    width: 400px;
    zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
}

html.ie6 #container #body .stats {
    margin: 59px 0 0 0;
}

html.ie6 #container #body #accordion h2 {
    zoom: 1;
}

html.ie6 #container .formArea .formRow input, #container .formArea .formRow textarea, #container .formArea .formRow select {
    zoom: 1;
    width: 152px;
}

html.ie6 #container .formArea .formRow label {
    clear: left;
}

html.ie6 #header dl.dropdown dt a {
    zoom: 1;
}

html.ie6 #blogNavigation .left {
    width: 150px;
}

html.ie6 #container .rmListProjectRow ul li a {
    zoom: 1;
}

html.ie6 #container .rmListProjectRow .headingCol .rmImgDetail .text,
html.ie6 #container .rmListProjectRow ul,
html.ie6 #container .rmListProjectRow ul li,
html.ie6 #container .rmListProjectRow .colContainer {
    zoom: 1;
}

html.ie6 #footer .block .copy {
    zoom: 1;
}

html.ie6 #container .rmFilterController .active {
    background-position: 100% -114px;
    color: #3B3934;
}

html.ie6 #container .search .inputText {
    margin-left: 22px;
}

html.ie6 #container .search .inputButton {
    cursor: pointer;
}


/* Media Queries*/
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
   #header, 
   #headerbg, 
   #container .rmFilterController{
       position: absolute;
       }
}*/

/* Wide Screen - Everything above 1400px */
@media screen and (min-width:1400px) {

    #container,
    #header {
        width: 1400px;
    }

    .rmOverflow {
        display: block;
    }

    #container .rmListProjectRow .colItem:nth-child(3n+1) {
        clear: both;
    }
}

/* Regular Screen and iPad - 1400px or less */
@media screen and (max-width:1400px) {
    .rmOverflow {
        display: none !important;
    }

    .clocks {
        padding-left: 200px;
    }

    #container .rmListProjectRow .project-detail-grid.awards .title {
        font-size: 1.4em;
    }

    .project-detail-grid .grid-item .details .statistic {
        font-size: 2em;
    }

    #header #navigationContainer, #header #navigationContainer .navigation {
        width: 600px;
    }

    .blogsContainer {
        -webkit-column-count: 2;
    }

    .clocks {
        padding-left: 0px;
    }

    #container .rmListProjectRow .colItem:nth-child(2n+1) {
        clear: both;
    }
}

/* Kicking it oldschool Screen - 1000px or less 
@media screen and (max-width:1000px) {*/
/*   #container, 
    #header{
        width: 600px;
        }
    .welcome{
        height:150px;
        }
}*/

/*@media screen and (max-width:786px) {

/* header */

/*

    #header { width: 100% ;}
    #header #navigationContainer {
        left: 213px;
        right: 0;
        width: 50%;
    }
    #header #navigationContainer .navigation { width: 100%;}
    /*#reactiveBrand { width: 20%;}*/

/*

    #header #navigationContainer .navigation ul, #header #navigationContainer .navigation .categories {
        padding: 20px 0 0 2.5%;
        width: 45%;
        }
    .navigation ul:last-of-type { display: none;}
    #footer .block ul.socialLockup li {width:33%;}
    .searchBox {display:none;}
 /* search */

/*

 #container .rmSearchController {
     bottom: -24px; top: 0; 
     position: relative;
     }
 #container .searchResults .rmFilterController.noFix, #container .searchResults .rmFilterController { display: none;}
 /* home */

/*
 
.Home #features .rmTile, .rmTile.welcome { 
     height: 288px;
     width: 384px;
     }
.Home .featuredProjects,.Home .socialFeed,.Home .clocks,.Home .featuredNews { padding: 0; }
.Home .rmController,.Home .rmTitle,.Home .rmProjectFilter { display: none;}

#clocks .clock { width: 192px; }
    #clocks .clock .info p { padding: 12px 40px 0 15px;}
    #clocks .clock .info .title { padding: 0 0 0 15px; }
 
 /* project listing */

/*
 
 .newsListing .rmFilterController ,.projectsListing .rmProjectFilter, .projectsListing #container .rmFilterController { display: none; }
 .projectsListing #container .rmListProjectRow .hero a.x5 { width: 576px; }
 
 /* blogs */

/*

 .blogsContainer .post { width: 384px; }
 
 /* careers */

/* Jobadder Widget*/



/* Jobs Widget */

#ja-jobs-widget {
    position: relative;
    top: -20px;
}

.jobadder {
    width: 100%;
}

.wysiwyg+.jobadder {
    padding: 0 !important;
}

.ja-loading {
    position: absolute;
    top: 10px;
    right: 10px;
}

.ja-loading.left {
    left: 10px;
    right: auto;
}


/* Forms */
.ja-form {
    margin-bottom: 3em;
}

.ja-form .ja-field-container {
    margin-bottom: 0.5em;
    height: 25px;
}

.ja-form .ja-field-container:before,
.ja-form .ja-field-container:after {
    content: "";
    display: table;
}

.ja-form .ja-field-container:after {
    clear: both;
}

.ja-form .ja-field-container {
    zoom: 1;
}

.ja-form .ja-field-container label {
    display: block;
    float: left;
    width: 100px;
    padding-top: 6px;
}

.ja-form .ja-field-container .ja-field {
    float: left;
}

.ja-form .ja-field-container select,
.ja-form .ja-field-container textarea,
.ja-form .ja-field-container input[type="text"],
.ja-form .ja-field-container input[type="password"],
.ja-form .ja-field-container input[type="datetime"],
.ja-form .ja-field-container input[type="datetime-local"],
.ja-form .ja-field-container input[type="date"],
.ja-form .ja-field-container input[type="month"],
.ja-form .ja-field-container input[type="time"],
.ja-form .ja-field-container input[type="week"],
.ja-form .ja-field-container input[type="number"],
.ja-form .ja-field-container input[type="email"],
.ja-form .ja-field-container input[type="url"],
.ja-form .ja-field-container input[type="search"],
.ja-form .ja-field-container input[type="tel"],
.ja-form .ja-field-container input[type="color"] {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #333;
    border: solid 1px #ccc;
}

.ja-form .ja-field-container select {
    width: 240px;
    padding: 2px;
}

.ja-form .ja-field-container textarea {
    width: 230px;
    padding: 3px 4px;
}

.ja-form .ja-field-container input[type="text"],
.ja-form .ja-field-container input[type="password"],
.ja-form .ja-field-container input[type="datetime"],
.ja-form .ja-field-container input[type="datetime-local"],
.ja-form .ja-field-container input[type="date"],
.ja-form .ja-field-container input[type="month"],
.ja-form .ja-field-container input[type="time"],
.ja-form .ja-field-container input[type="week"],
.ja-form .ja-field-container input[type="number"],
.ja-form .ja-field-container input[type="email"],
.ja-form .ja-field-container input[type="url"],
.ja-form .ja-field-container input[type="search"],
.ja-form .ja-field-container input[type="tel"],
.ja-form .ja-field-container input[type="color"] {
    width: 230px;
    padding: 3px 4px;
}

.ja-form .ja-field-container .checkbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ja-form .ja-field-container .checkbox {
    display: block;
    margin-left: 95px;
}

.ja-form .ja-field-container .checkbox br {
    clear: left;
}

.ja-form .ja-field-container .checkbox input {
    width: 15px;
    height: 19px;
    float: left;
}

.ja-form .ja-field-container .checkbox label {
    height: 21px;
    width: auto;
    line-height: 21px;
    float: left;
    padding: 2px 12px 0 5px;
}


.ja-form .ja-submit {
    margin-top: 1em;
    margin-left: 100px;
    vertical-align: middle;
}

.ja-form .ja-submit .ja-loading {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 10px;
    vertical-align: middle;
}

.ja-button {
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: none;
    padding: 4px 18px;
    text-decoration: none;
    background-color: #4D4B45;
    color: #FFF;
    display: inline-block;
}

.ja-button:hover {
    background-color: #CFE107;
    cursor: pointer !important;
    color: #4D4B45;
}

.ja-button:active {
    position: relative;
    top: 1px;
}

.ja-form .ja-field-container .error {
    color: #990000;
    border-color: #990000;
}

.ja-form .ja-field-container .validation-error {
    display: block;
    clear: both;
    margin-top: 5px;
    color: #aa0000;
}

.ja-form .ja-error-container {
    color: #aa0000;
    margin-top: 2em;
    margin-left: 100px;
}

.ja-form .ja-error-container p {
    margin-bottom: 0;
}

/* End forms */


/* Job list */

.ja-job-list-container {
}

.ja-job-list-container .no-jobs-content {
}

.ja-job-list {
    margin-bottom: 3em;
}

.ja-job-list .job {
    padding: 0.5em;
    position: relative;
}

.ja-job-list .job:hover, .ja-job-list .job.alt:hover {
    background: #CFE107;
}

.ja-job-list .job.alt {
    background-color: #f5f5f5;
}

.ja-job-list .job.hot {
    background-color: #fffdfd;
}

#container #body .wysiwyg .ja-job-list .job h2.title {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding: 10px 0;
}

#container #body .wysiwyg .ja-job-list .job h2.title a:hover {
    color: #000;
}

.ja-job-list .job .title a {
}

.ja-job-list .job .meta {
    margin-bottom: 1em;
    height: 20px;
}

.ja-job-list .job .meta:before,
.ja-job-list .job .meta:after {
    content: "";
    display: table;
}

.ja-job-list .job .meta:after {
    clear: both;
}

.ja-job-list .job .meta {
    zoom: 1;
}

.ja-job-list .job .meta p {
    font-size: 0.9em;
    margin-bottom: 0.5em;
}

#container #body .wysiwyg .ja-job-list .job .meta .classifications {
    float: left;
    list-style: none;
    width: 50%;
    margin: 0 0 0.5em 0;
}

#container #body .wysiwyg .ja-job-list .job .meta .classifications li {
    display: inline;
    margin-right: 0.5em;
    background: none;
    padding-left: 0;
}

.ja-job-list .job .meta .date-posted {
    float: right;
    width: 50%;
    text-align: right;
}

.ja-job-list .job .meta .salary {
    clear: left;
    float: left;
}

.ja-job-list .job .meta .reference {
    float: right;
    text-align: right;
}

.ja-job-list .job .summary {
    display: none;
}

.ja-job-list .job .view-details {
    font-size: 0.9em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    border: 1px solid #000;
    padding: 4px 10px;
    text-decoration: none;
    position: absolute;
    right: 15px;
    top: 18px;
    color: #333333;
    display: inline-block;
}

#container .wysiwyg .ja-job-list .job .view-details:hover {
    background-color: #e9e9e9;
    cursor: pointer !important;
    color: #000;
}

.ja-job-list .job .view-details:active {
    position: relative;
    top: 1px;
}


/* End job list */


/* Pager */

.ja-pager-container {
}

.ja-pager-container:before,
.ja-pager-container:after {
    content: "";
    display: table;
}

.ja-pager-container:after {
    clear: both;
}

.ja-pager-container {
    zoom: 1;
}

.ja-pager {
    float: left;
    font-size: 0.9em;
}

.ja-pager:before,
.ja-pager:after {
    content: "";
    display: table;
}

.ja-pager:after {
    clear: both;
}

.ja-pager {
    zoom: 1;
}

.ja-pager span,
.ja-pager a {
    display: block;
    float: left;
    line-height: 23px;
    padding: 0 8px;
    margin-right: 3px;
    color: #333;
    background-color: #f3f3f3;
    border: solid 1px #ddd;
}

.ja-pager a:hover,
.ja-pager .current-page {
    color: #fff;
    background-color: #bbb;
    border-color: #999;
    text-decoration: none;
}

.ja-pager .previous,
.ja-pager .next {
}

.ja-pager .first-page,
.ja-pager .last-page {
}

.ja-pager .previous-ellipsis,
.ja-pager .next-ellipsis {
}


.ja-pager-summary {
    float: right;
    line-height: 25px;
    font-size: 0.9em;
}

/* End pager */


/* Job details */

.ja-job-details {
}

#container #body .wysiwyg .ja-job-details .title {
    padding-top: 0;
}

.ja-job-details .meta {
    margin-bottom: 1em;
}

.ja-job-details .meta:before,
.ja-job-details .meta:after {
    content: "";
    display: table;
}

.ja-job-details .meta:after {
    clear: both;
}

.ja-job-details .meta {
    zoom: 1;
}

.ja-job-details .meta p {
    font-size: 0.9em;
    margin-bottom: 0.5em;
}

.ja-job-details .meta .classifications {
    float: left;
    width: 50%;
    list-style: none;
    margin: 0 0 0.5em 0;
}

.ja-job-details .meta .classifications li {
    display: inline;
    margin-right: 0.5em;
}

.ja-job-details .meta .date-posted {
    clear: right;
    float: right;
    width: 50%;
    text-align: right;
}

.ja-job-details .meta .salary {
    clear: left;
    float: left;
}

.ja-job-details .meta .reference {
    float: right;
    text-align: right;
}

.ja-job-details .bullet-points {
}

.ja-job-details .bullet-points li {
}

.ja-job-details .description {
}

.ja-job-details .apply {
    margin: 2em 0 0.5em 0;
    text-align: center;
}

.ja-job-details .apply .back-link {
    font-size: 0.9em;
    margin-right: 1em;
}

.ja-job-details .apply .ja-button {
}

/* End job details */

/* Application form iframe (external app forms) */

.ja-apply-iframe iframe {
    width: 100%;
    height: 500px;
    border: none;
}

.ja-apply-iframe .apply {
    margin: 2em 0 0.5em 0;
    text-align: center;
}

.ja-apply-iframe .apply .back-link {
    font-size: 0.9em;
}

/* End application form iframe */

/* Application form */

.ja-job-apply .ja-success-text {
    
}

.ja-job-apply .ja-submit .back-link {
    font-size: 0.9em;
    margin-left: 1em;
}

/* End application form */

/* Powered by JobAdder */

.powered-by-jobadder {
    color: #bbb;
    font-size: 0.9em;
    text-align: center;
    margin: 2em 0 1em 0;
    display: none;
}

.powered-by-jobadder a {
    color: #bbb;
}

.powered-by-jobadder a:hover {
    color: #aaa;
}

/* End powered by JobAdder */




/*
 
 #container #body .col.fixed, 
 #container #body .col.flex { width: 100%; }
 
 #container #body .col.flex { margin: 0; }
 
 /* contact */

/*
 
 #container .rmListProjectRow .colContainer .col { width: 384px; }
 
/* content */

/*

    #container .rmTile.x3 {
        height: 144px !important;
        width: 384px !important;
        }
    #container #body .wysiwygWrapper .mainContent {
        margin: 0; padding: 0; width: 100%;
        }
    #container #body .wysiwygWrapper .supportingContent {
        padding: 0 22px 22px 0;
        width: 100%;
        }
    #container { width: 100% ;}
    #container .rmListProjectRow .headingCol .rmImgDetail,
    #container .officeItem, 
    #container .officeItem a,
    #container .officeItem img, 
    #container .officeItem .infoBlock {
        width: 384px;
        height: 288px;
        }
    #container .rmListProjectRow .headingCol {
        width: 100%;
        }
        
    .rmListProjectRow { padding: 0;}
    #container .rmListProjectRow .rmTitleContent,
    #container .rmListProjectRow .headingCol h1 {
        padding: 22px 2.5%;
        width: 100%;
        }
    .rmController, .rmTitle, .rmProjectFilter {
        height: 101px;
        padding: 22px 11%;
        width: 149px;
        }
    .blog #container .rmFilterController.noFix {
        top: 210px;
        }
    #container .rmFilterController.noFix, #container .rmFilterController {
        margin: 0;
        position: absolute;
        top: 150px;
        }
    .rmTile, #clocks .clock .rmClockWidget, #clocks .clock .rmClockWidget img{
        height: 144px;
        width: 192px;
        }
    .rmRow.half { height: 144px; }
    #container .rmListProjectRow .colpadded.last { padding: 0; }
    #container .rmListProjectRow .colpadded {
        padding: 0 15px 0 0;
        } 
    #container .rmListProjectRow .colItem {
        padding: 0 0 22px 26px;
        }
        #testimonial3, #testimonial5, #testimonial7, #testimonial9 { clear: left;}

/* footer */

/*

    #footer .subscribeBox { 
        left: 0;
        width: 100%;
        } 
    #footer .block { 
        margin: 0; 
        width: 100%;
        }
        #footer .block ul { 
            padding: 0 0 0 2.5%;
            width: 22%; 
            }
        #footer .block ul.socialLockup { 
            padding: 0 0 0 4.5%;
            width: 70%; 
            }
            #footer .block ul.socialLockup li a {
                display: inline-block;
                padding: 45px 0 0 0;
                width:60%;
                }

}

/* Almost Mobile - 600px or less  
@media screen and (max-width:600px) {
    #container, 
    #header{
        width: 400px;
        }
        
    .rmController {
        position:static;
        height:15px;
        background-image:none;
        }
        
    .featuredProjects,
    .socialFeed,
    .clocks{
        padding-left:0;
        }
        
        
    .welcome{
        height:auto;
        }

}

/* Smart Phone - 400px or less 
@media screen and (max-width:400px) {
    #container, 
    #header, 
    .welcome{
        width: 100%;
        }
    
    .x4{
        height:auto;
        width:auto;
        }
    
    #container .rmTile a img{
        position:static;
        max-width:100%;
        }
    
    .socialFeed .ph1,
    .socialFeed .ph7{
        width:50%;
        height:auto;
        }
    .socialFeed li.tweet{
        width:100%;
        height:auto;
        }
    
}
*/

html.js body#ctl00_body.Home div#container {
    position: relative;
    top: -15px;
}

html.js body#ctl00_body.newsListing div#container div.rmListProjectRow {
}

html.js body#ctl00_body form#aspnetForm div#container div#footer {
}

html.js body#ctl00_body div#container div.searchResults .rmTile a span.title {
    padding-top: 25px;
}
p.main-title{
margin: 0 0 15px;
border-bottom: 1px solid #ccc;
}
#container #body .wysiwygWrapper .mainContent > iframe {
    margin-bottom: 15px;
}

/* Homepage static takeover */

.heroFull {
	width: 100%; 
	display: inline-block;
	position: relative;
}

.heroFull .background {
	width: 100%; 
}

.heroFull a:hover .heroBtn {
	background-color: #CFE107;
}

.heroBtn {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #3b3934;
	line-height: 0.9em;
	cursor: default;
	padding: 16px 24px;
	background-color: #ffffff;
	font-size: 1.35em;
	letter-spacing: 0;
	text-decoration: none;
	position: absolute;
	top: 390px;
	left: 29px;
	cursor: pointer;
}

@media screen and (max-width:1400px) {

	.heroBtn {
		top: 270px;
		left: 20px;
		padding: 10px 15px;
	}

}

@media screen and (max-width:768px) {

	.heroBtn {
		top: 160px;
		left: 13px;
		padding: 8px 10px;
		font-size: 1em;
	}

}

.heroBtn:hover {
	background-color: #CFE107;
}