html {
    width: 100%;
    background: #fff url(/img/bg_body.png) center top repeat-x;
    height: 100%;
    min-height: 834px;
}
body {
    width: 100%;
    background: url(/img/bg_body.jpg) center top no-repeat;
    height: 100%;
    min-height: 834px;
}
    #logo,
    #logo span {
        background: url(/img/logo_appco_group.png) left top no-repeat;
        width: 180px;
        height: 73px;
        position: absolute;
        left: 20px;
        top: 20px;
        left: 17px;
    }
    #membersOnlyLogin {
        position: absolute;
        top: 98px;
        right: 30px;
        background: url(/img/nav/members_only_login.png) no-repeat left top;
        width: 127px;
        height: 48px;
        cursor: pointer;
        display: block;
    }


/* ----------------------------- APPCO HOMEPAGE ---------------------------- */
#homepageSplash {
    height: 400px;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    width: 960px;
}
    #homepageSplash .container {
        position: absolute;
        top: 0;
        left: 0;
    }
        #homepageSplash #boxArea {
            float: left;
            background: #1f1f1f url(/img/bg_appco_homepage_splash_left.png) left top no-repeat;
            width: 180px;
            height: 356px;
            padding: 22px 15px;
        }
            #homepageSplash #boxArea #whatWeDo,
            #homepageSplash #boxArea #whoWeAre {
                width: 172px;
                height: 160px;
                border: 4px solid #8b0007;
                cursor: pointer;
                overflow: hidden;
                position: relative;
                display: block;
            }
            #homepageSplash #boxArea #whoWeAre { margin-top: 22px; }
            #homepageSplash #boxArea div.bg {
                background: #000;
                height: 160px;
                overflow: hidden;
                filter: alpha(opacity=60);
                opacity: 0.6;
                position: absolute;
                top: 125px;
                width: 172px;
            }
                #homepageSplash #boxArea .content {
                    position: absolute;
                    z-index: 2;
                    top: 125px;
                    left: 0;
                    width: 172px;
                }
#leadNews {
    float: left;
    width: 750px;
    height: 400px;
}
    #leadNews div.content {
        position: absolute;
        width: 750px;
        height: 80px;
        bottom: 0;
        left: 210px;
        color: #fff;
        z-index: 3;
    }
        #leadNews div.content h2 {
            color: #fff;
            margin: 0;
            padding: 5px 0 0 40px;
            font-size: 25px;
            z-index: 3;
        }
        #leadNews div.content h3 {
            color: #fff;
            margin: 0;
            padding: 0 42px 0 42px;
            z-index: 3;
            font-size: 1em;
        }
    #homepageSplash #controller {
        position: absolute;
        bottom: 5px;
        right: 0;
        width: 130px;
        height: 30px;
        background: #00387e;
    }


/* ---------------------------- HOMEPAGE NEWS ---------------------------------- */
ul.newsArticles {
    width: 100%;
    overflow: hidden;
    margin-left: -20px;
}
    ul.newsArticles li {
        float: left;
        height: 120px;
        width: 280px;
        margin-left: 10px;
        overflow: hidden;
        margin-bottom: 30px;
        position: relative;
        list-style: none !important;
    }
        ul.newsArticles li img {
            float: left;
            margin-right: 10px;
        }
        ul.newsArticles li div {
            float: left;
            width: 160px;
        }
#body_news ul.newsArticles li { width: 430px; }
    #body_news ul.newsArticles li div { width: 280px; }
#mainContent dt { margin-top: 10px; }
#whatWeDoImages,
#whoWeAreImages { position: relative; }
    #whatWeDoImages li,
    #whoWeAreImages li {
        position: absolute;
        top: 0px;
        left: 0px;
    }