/* footerStickAlt ---------- */
html, body, #visual-portal-wrapper {
    height: 100%;
}
#hc-portal-container {
    position: relative;
    min-height: 100%;
}
#portal-columns {
    padding-bottom: 100px;
}
#portal-footer {
    position: relative;
    height: 100px;
    margin-top: -100px;
    background: #2a598c;
    min-width: 900px;
}
#portal-footer .hc-inner-container {
    padding: 20px 0;
    height: 60px;
    background: url(../images/bg_footer.jpg) no-repeat 100% 100% transparent;
    color: #c2d3e2;
    font-size: 11px;
    text-align: right;
}
#portal-footer #copyright {
    padding-right: 20px;
}
#portal-footer .hc-inner-container a {
    color: #fff;
}



#hc-portal-container,
#portal-footer {
    text-align: center;
}
.hc-inner-container {
    position: relative;
    margin: 0 auto;
    width: 880px;
    padding: 0 10px;
    text-align: left;
}
#portal-columns .hc-inner-container {
    width: 860px;
    padding: 0 20px;
}


/* HEADER ---------- */

#hc-portal-header {
    height: 90px;
    background: url(../images/bg_shrmheader.png) repeat-x 0 0 transparent;
    min-width: 900px;
}
#logo a {
    display: block;
    width: 600px;
    height: 90px;
    background: url(../images/bg_shrmlogo.jpg) repeat-x 0 0 transparent;
    text-indent: -9999em;
}



/* BIG BUTTON lists ----- */

.actions ul,
ul.products {
    list-style: none;
    list-style-image: none;
}
.actions ul li,
ul.products li {
    float: left;
    display: inline;
}
.actions ul li a,
ul.products li a {
    display: block;
    text-decoration: none;
}
/* hover behavior ---- */
ul.products li a:hover,
.actions li a:hover {
    position: relative;
    top: 2px;
}



/* 3 big blue boxes ------------- */

.actions {
    overflow: hidden;
}

.actions ul li a {
    background: url(../images/button_go.png) no-repeat 208px 108px #2a598c;
    color: #fff;
    min-height: 120px;
    width: 220px;
    margin: 20px 40px 20px 0;
    padding: 20px;
    font-size: 14px;
    line-height: 18px;
}
.actions ul li a:hover {
    background-color: #4e79a3;
}
.actions ul li.new a {
    margin-right: 0;
}

.actions ul li a strong {
    display: block;
    font-size: 30px;
    width: 200px;
    height: 32px;
    text-indent: -999em;
    margin-bottom: 10px;
}
.actions ul li a span {
    display: block;
    width: 82%;
}

.actions ul li.demo a strong {
    background: url(../images/heading_freedemo.png) no-repeat 0 0 transparent;
}
.actions ul li.login a strong {
    background: url(../images/heading_login.png) no-repeat 0 0 transparent;
}
.actions ul li.new a strong {
    background: url(../images/heading_newuser.png) no-repeat 0 0 transparent;
}



/* LEARN MORE ------------ */

.learnmore {
    position: relative;
}
.learnmore h2 {
    background: url(../images/heading_learnmore.png) no-repeat 20px 0 transparent;
    text-indent: -999em;
    height: 45px;
    border-bottom: 1px solid #2a598c;
    margin: 20px 0;
}
.learnmore h3 {
    color: #777;
    position: absolute;
    top: 17px;
    left: 210px;
}

ul.products {
    padding: 0 0 0 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
ul.products li a {
    width: 190px;
    margin-right: 5px;
    height: 230px;
    text-indent: -999em;
}
ul.products li.essentials a {
    background: url(../images/product_essentials.png) no-repeat 0 0 transparent;
}
ul.products li.ls a {
    background: url(../images/product_ls.png) no-repeat 33% 0 transparent;
}
ul.products li.gls a {
    width: 210px;
    background: url(../images/product_gls.png) no-repeat 66% 0 transparent;
}
ul.products li.federal a {
    background: url(../images/product_federal.png) no-repeat 100% 0 transparent;
}
ul.products li.ca a {
    width: 225px;
    background: url(../images/product_ca.png) no-repeat 100% 0 transparent;
}