/* --------------- HOME PAGE SPECIFIC STYLESHEET --------------- */ /*-[WAYNE AUSTIN]-*/

#HomeHeader
{
    float:left;
    width:100%;
    height:267px;
    margin-bottom:5px;
    background:#003281 url(../images/bg-blue-gradient.gif) repeat-x left top;
}
#HomeHeaderInner
{
    position:relative;
    width:100%;  
    height:267px;
    overflow:hidden;
}
.header-image
{
    position:absolute;
    top:-5px;
    right:-4px;
}/*
#business-services-header .homepage-title,
#professional-services-header .homepage-title,
#managed-services-header .homepage-title,
#maintenance-services-header
{
    margin-left:19px!important;
}*/
#business-services-header,
#professional-services-header,
#managed-services-header,
#maintenance-services-header
{
    /*float:left;
    clear:none;
    margin:18px 320px 10px 30px;*/
    position:absolute;
    top:5px;
    left:220px;
    z-index:200;
    width:765px;
    color:#fff;
    font-size:30px;
}
#professional-services-header,
#business-services-header,
#maintenance-services-header
{
    z-index:-2;
}

#HomeHeaderInner .homepage-cover,
#HomeHeaderInner .homepage-fadein
{
    position:absolute;
    top:0px;
    left:235px;
    z-index:300;
    width:765px;
    height:269px;
    background:#003281 url(../images/bg-blue-gradient.gif) repeat-x scroll left top;
    display:none;
}
#HomeHeaderInner .homepage-fadein
{
    z-index:10;
    display:block;
}
#HomeHeaderImage
{
    position:absolute;
    top:0px;
    right:0px;
    z-index:999;
    width:338px;
    height:267px;
    background:transparent url(../images/header-image-1.jpg) no-repeat left top; 
}
#HomeTestimonial
{
    display:none;
    float:left;
    width:100%;
    height:84px;
    margin-bottom:20px;
    background:#ef9a31 url(../images/bg-orange-gradient.gif) repeat-x left center;
}
.header-link
{
    margin:0px 30px;
    color:#b1cdf1;
    text-decoration:underline;
    font-size:11px;
}

/* ----- subnav for home only ----- */

ul.SubNavigation
{
    float:left;
    clear:none;
    width:171px;
    list-style-type:none;
    background:transparent url(../images/bg-blue-gradient-sub.gif) repeat-x left top;
    margin:16px 0px 0px 20px;
    padding:0px 25px 0px 15px;
    border-right:solid 1px #3c75c0;
    height:235px;
    
}
ul.SubNavigation>li
{
    float:left;
    width:150px;
    background:url(../images/bullet-blue-arrow.png) no-repeat;
    background-position: 5px 9px;
    border-top:solid 1px #3c75c0;
    line-height:27px;
    text-indent:20px !important;
    padding-bottom:1px;
    font-size:12px;
    margin-top:3px;
}
ul.SubNavigation>li:first-child
{
    border-top:solid 0px #3c75c0!important;
}
ul.SubNavigation>li.on
{
    background:url(../images/bullet-down-orange.png) no-repeat;
    background-position: 6px 5px;
    border-top:solid 1px #3c75c0;
    text-indent:20px;
}
ul.SubNavigation>li>a
{
    float:none;
    color:#e5e5e5;
    font-weight:bold;
    text-decoration:none;
    background:none;
    padding-left:0px;
}
ul.SubNavigation>li.on>a
{
    color:#ef9a31;
}
ul.SubNavigation>li>ul
{
    width:150px;
    margin:0 0 -2px 10px;
}
.professional-services ul,
.business-services ul,
.maintenance-services ul
{
    display:none;
}
ul.SubNavigation>li>ul>li
{
    float:none;
    *float:left;
    *clear:both;
    *width:100%;
    background:url(../images/bullet-orange-arrow.png) no-repeat;
    background-position: 1px 7px;
    line-height:17px;
    margin-left:0px;
    text-indent:12px;
    *padding-left:12px;
    list-style-type:none;
    font-size:11px;
}
ul.SubNavigation>li>ul>li>a
{
    float:none;
    color:#b1cdf1;
    text-decoration:none;
    background:none;
    padding-left:0px;
    line-height:17px;
}
ul.SubNavigation>li>ul>li>a:hover
{
    color:#fff;
}
ul.SubNavigation>li>ul>li.on>a
{
    color:#e5e5e5;
}
ul.SubNavigation>li>ul>li.on
{
    background:url(../images/bullet-white-arrow-sml.png) no-repeat;
    background-position: 5px 7px;
}

.testimonial-header
{
    float:left;
    clear:none;
    width:180px;
    margin-left:44px;
}
.testimonial-content
{
    float:right;
    clear:none;
    width:678px;
    margin-top:10px;
    padding:0px 30px 0px 30px;
    border-left:solid 1px #f9d2a2;
    color:#ffffff;
}
.testimonial-content p
{
    float:left;
    clear:none;
    width:600px;
}
.testimonial-content p
{
    margin-bottom:0px;
}
.testimonial-content .btn-orange-thick
{
    margin-top:-29px;
}

#HomePanelsWrap
{
    float:left;
    width:100%;
    margin-bottom:2px;
    *height:250px;
}
.home-panel-outer,
.home-panel-advert
{
    float:left;
    clear:none;
    width:232px;
    height:205px;
    margin:0px 11px 20px 0px;
    border:solid 1px #d7d8d8;
    overflow:visible;
}
.home-panel-advert
{
    margin-right:0px;
    padding: 0;
    border:0;
    width: 235px;
}

.home-panel-inner
{
    position:relative;
    width:214px;
    height:230px;
    padding:8px 3px 15px 15px;
}
.home-panel-inner h2
{
   margin-bottom:4px!important;
}
.home-about
{
    background:url(../images/suits-image-1.png) no-repeat 108px bottom;
}
.home-about p,
.home-about div
{
    line-height:16px;
    font-size: 8pt;
}
.home-events
{
    background:url(../images/suits-image-2.png) no-repeat 115px 114px;
}
.advert
{
    float:left;
    clear:none;
    width:232px;
    height:184px;
    margin:1px 0px 0px 1px;
    text-indent:-99999px;
}
.banner-1
{
    background:url(../images/banner-01.png) no-repeat left top;
    cursor:pointer;
}
.banner-2
{
    background:url(../images/banner-02.png) no-repeat left top;
    cursor:pointer;
}
.banner-3
{
    background:url(../images/banner-03.png) no-repeat left top;
    cursor:pointer;
}
.home-panel-inner .title
{
    margin-bottom:13px;
}

.home-panel-outer .btn-orange-arrow-small
{
    position:absolute;
    bottom:54px;
    left:15px;
    width:28px;
    height:20px;
}

/* ----- news panel ----- */

.article-preview
{
    float:left;
    width:100%;
    margin-bottom:7px;
}
.article-preview img
{
    float:right;
    clear:none;
    margin:4px 0 5px 8px;
}
.article-title,
.event-title,
.article-date
{
    float:left;
    clear:both;
    width:100%;
}
.article-title,
.event-title
{
    font-size:11px;
    line-height:16px;
    margin-bottom:4px;
}
.event-date
{
    font-size:10px;
}