/* ----- Landing ----- */
.sys_landingHeaderImg {background:url(/SiteElements/Images/Patients/visitors.jpg) no-repeat 0 0;}

/* once colours have been decided, will need to add the images into the About folder */

.sys_landingSpotList li h2 {background:url(/SiteElements/Images/GeneralBackground/landing-spot-header-dark-blue.png) no-repeat 0 0;}

#contentArea .spotlight_one {background: url(/SiteElements/Images/About/spotlight-who.jpg) no-repeat 0 0;}
#contentArea .spotlight_two {background: url(/SiteElements/Images/About/spotlight-quality-story.png ) no-repeat 0 0;}
#contentArea .spotlight_three {background: url(/SiteElements/Images/About/spotlight-our-plans.jpg) no-repeat 0 0;}
#contentArea .spotlight_four {background: url(/SiteElements/Images/About/spotlight-community.jpg) no-repeat 0 0;}
#contentArea .spotlight_five {background: url(/SiteElements/Images/About/spotlight-annual-report.jpg) no-repeat 0 0;}
#contentArea .spotlight_six {background: url(/SiteElements/Images/About/spotlight-our-history.jpg) no-repeat 0 0;}

/* ----- Landing Aside ----- */


ul.facts {list-style: none; }
li.factoid p, li.factoid h2 {margin-left: 75px; }
li.img { float: left; width: 50px; }
#aside blockquote {background: url(/SiteElements/Images/About/open-quote.gif) no-repeat scroll 0 0 transparent; }
#aside blockquote span {background: url(/SiteElements/Images/About/close-quote.gif) bottom right no-repeat; }

/* --- Master progressive ---*/

.sys_section {
    background-color: #fff;
    float: left;
    margin-top: 0 !important;
    padding: 12px 20px;
    width: 95%;
  	height:100% !important;
}


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

    .sys_headerContainer { background: #265595; }
    .sys_landingSpotList li h2 { background: #265595;}
    .sys_landingSpotList li h2:before { background-color: #265595;}
}