/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 03 November 2017 13:32:30
*/


/**
 * Response Ability - Home Style Sheet
 *
 * home.css
 * author: Squiz Australia
 */

/*
 * Table of Contents
 *
 * 1. General
 *     1.1 Banner
 *     1.2 Feature Boxes
 *
 */

/*
--------------------
1. General
--------------------
*/
#content ul li {
    line-height: 16px;
    background-postion-y: 2px;
}
h1 {
    text-indent: -99999px;
}
/*-- 1.1 Banner --*/

#banner_wrapper {
    width: 980px;
    height: 385px;
    margin: 22px auto;
}
    #banner_wrapper .intro {
        background: url(../../../__data/assets/image/0016/4435/intro_bg0472_v-0.1.1.jpg) repeat-x;
        width: 252px;
        height: 321px;
        padding: 40px 40px 24px 30px;
        display: inline-block;
        float: left;
    }
        #banner_wrapper .intro h2 {
            font-size: 22px;
            line-height: 28px;
            color: #ffffff;
            margin-bottom: 0;
        }
        #banner_wrapper .intro hr {
            margin-bottom: -3px;
        }
        #banner_wrapper .intro p {
            font: 14.5px verdana;
            color: #ffffff;
            line-height: 20px;
            padding-bottom: 0;
            /*width: 240px;*/
        }
        #banner_wrapper .intro p.top {
            margin-top: 10px;
            padding-bottom: 15px;
            border-bottom: 1px solid lightgrey;
        }
        #banner_wrapper .intro p.bottom {
            margin-top: 3px;
            padding-top: 15px;
            border-top: 1px solid lightgrey;
        }
    #banner_panels {
        float:left;
        display: block;
        width: 508px;
        height: 385px;
    }
        #banner_panels ul {
            margin-left: 0;
        }
            #banner_panels ul li {
                background-image: none;
                padding-left: 0;
                height: 385px;
                width: 508px;
            }
        #banner_panels img {
            z-index: -1;
            position:relative;
            height: 385px;
            width: 508px;
        }
        #banner_panels .banner_caption {
            margin-top: -108px;
            height: 88px;
            background-color: #fefefe;
            opacity: 0.9;
            -moz-opacity: 0.9;
            filter:alpha(opacity=90);
            padding:10px 20px;
            width: 468px
        }
        #banner_panels .banner_caption h3 {
            margin: 10px 0;
            color: #009790;
        }
    #banner_wrapper .banner_thumbs {
        display: inline-block;
        float: right;
        width: 146px;
    }
        #banner_wrapper .banner_thumbs ul {
            list-style: none;
            margin-left: 0px;
            height: 307px;
            overflow:hidden;
        }
        #banner_wrapper .banner_thumbs li {
            margin-bottom: 4px;
            background-image: none;
            padding-left: 0;
        }
    #banner_wrapper .controls {
        background: transparent url(../../../__data/assets/image/0017/4436/controls_bkgrd0472_v-0.1.1.jpg) no-repeat;
        display: inline-block;
        float: right;
        width: 146px;
        height: 76px;
        background-size: 150px 76px
    }
    #banner_wrapper button.next{
        background: transparent url(../../../__data/assets/image/0018/4437/gallery_arrow0472_v-0.1.1.png) no-repeat;
        margin: 16px 47px;
        width:50px;
        height: 50px;
        border: none;
        cursor: pointer;
    }
/* 1.2 Feature boxes */
        #features {
        width:980px;
        margin: 0 auto;
    }
        #features .feature {
            width:292px;
            height: 126px;
            float:left;
            display: inline-block;
            margin: 0 22px 20px 0;
            background-color: #ededf3;
            padding: 10px;
        }
        #features .last {
            margin-right: 0;
            float:right;
        }
        #features .feature .border {
            width: 272px;
            height: 106px;
            background-color: white;
            margin: auto;
            padding: 10px;
        }
        #features .image,
        #features .blurb {
            padding: 0;
            width:312px;
            height: 146px;
        }
        #features h3 {
           text-transform: capitalize;
        }
            #content #features .image h3 {
                height: 50px;
                margin-top: -50px;
                background-color: #026f81;
                opacity: 0.9;
                -moz-opacity: 0.9;
                filter:alpha(opacity=90);
                text-indent: 15px;
                line-height: 50px;
                font-size: 16px;
                padding-bottom: 0;
            }
            #features .image a {
                color: #ffffff;
            }
        #features ul {
            margin:5px 0 0 2px;
        }
        #features .blurb img {
            float: left;
            margin-right: 10px;
        }
        #features .blurb .caption {
            padding: 10px;
        }
        #features .feature ul {
            margin: 0;
        }
        #features .feature h3 {
            margin-bottom: 10px; 
        }