/* Leisurecom 2013 - Stephen Sherman */



/* global
--------------------------------------------------------------*/

body {
    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
    font-size:14px;
    background:#333;
    color:#66645F;
    line-height:1.5;
}

.container {
    width:960px;
    padding:0 10px;
    margin:0 auto;
}

p {
    margin:0 0 15px;
}

h3 {
    font-family:Georgia, serif;
    font-size:21px;
    font-weight:normal;
    margin:0 0 10px;
}

.col {
    float:left;
    width:219px; 
    margin:0 28px 30px 0; 
}

.col.last {
    margin-right:0;
}

.button,
input[type="submit"] {
    font-family: Georgia, serif;
    display:block;
    color:#002b5c;
    font-size:21px;
    line-height:44px;
    height:44px;
    text-decoration:none;
    padding:0 55px 0 15px;
    background:url(../images/button-bg.png) no-repeat right -44px;
    float:right;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease; 
    -moz-transition: opacity 0.3s ease; 
    -o-transition: opacity 0.3s ease; 
    transition: opacity 0.3s ease;
}

input[type="submit"] {
    color:#fff;
}

.button:hover,
input[type="submit"]:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    zoom:1;
}

.page .button {
    background-position: right top;
    color:#fff;
}

.button.left {
    float:left;
}

header,
footer,
.page-title,
.page,
.home-accordion,
.home-about,
.home-slider,
.buildings-wrapper,
#contact-map {
    min-width:980px;
}

h1, h2, h3, h4, h5 {
    line-height:1;
}

a {
    color:#002b5c;
}

a:hover {
    text-decoration:none;
}


/* header
--------------------------------------------------------------*/

header {
    height:120px;
    background:#FFF;
}

.logo {
    display:block;
    float:left;
    text-indent:-9999px; 
    height:50px;
    width:302px;
    background:url(../images/logo.png) no-repeat left 35px;
    padding:35px 0 0
}

nav {
    float:right;
    width:460px;
}



/* navigation
--------------------------------------------------------------*/

.RadMenu.RadMenu_primary-navigation {
    margin-top:50px;
    float:right;
}

.RadMenu.RadMenu_primary-navigation .rmItem {
    margin-right:50px;
}

.RadMenu.RadMenu_primary-navigation .rmItem.rmLast {
    margin-right:0;
}

.RadMenu.RadMenu_primary-navigation .rmLink {
    color:#333;
    font-size:14px;
    font-family:Arial, sans-serif;
    padding:0;
    margin:0;
    text-decoration:none;
    height:21px;
}

.RadMenu.RadMenu_primary-navigation .rmLink:hover {
   color:#002b5c;
   cursor:pointer;
}

.RadMenu.RadMenu_primary-navigation .rmHorizontal .rmText{
    padding:0;
    margin:0;
}

.RadMenu.RadMenu_primary-navigation .rmItem .rmLink.rmRootLink .rmExpandDown{
    padding-right:15px;
    background:url(../images/nav-arrow.png) no-repeat right top;
}

.RadMenu.RadMenu_primary-navigation .rmItem .rmLink.rmRootLink:hover .rmExpandDown{
    background:url(../images/nav-arrow.png) no-repeat right -21px;
}

.RadMenu.RadMenu_primary-navigation .rmRootGroup .rmItem .rmGroup {
    padding-bottom: 0;
}

.rmSlide {
    left:-14px!important;
}

.RadMenu.RadMenu_primary-navigation .rmSlide .rmVertical {
    background:#FFF;
    padding-top:4px;
}

.RadMenu.RadMenu_primary-navigation .rmSlide .rmVertical .rmItem {
    margin:0;   
}

.RadMenu.RadMenu_primary-navigation .rmSlide .rmVertical .rmLink {
    display:block;
    padding:6px 10px; 
    line-height:1; 
    height:auto;
    margin: 0 4px;
}

.RadMenu.RadMenu_primary-navigation .rmSlide .rmVertical .rmLast .rmLink {
    margin-bottom:4px;
}

.RadMenu.RadMenu_primary-navigation .rmSlide .rmVertical .rmLink:hover {
    background:#002b5c;
    color:#FFF;   
}



/* home
--------------------------------------------------------------*/

.home-accordion {
}

.designed-for-you {
    display:block;
    width:230px;
    padding: 50px 35px;
    color:#FFF;
    background:#333;
    vertical-align:middle;
    font-family:Georgia, serif;
    font-size:52px;
    line-height:1.2;
    margin-bottom:30px;
}

.page blockquote {
    padding:0 0 0 35px; 
    margin:30px 0;
    color:#002b5c;
    font-family:Georgia, serif;
    font-size:32px;
    font-weight:normal;
    line-height:1.2;
    position:relative;
    background:url(../images/quote-open-blue.png) no-repeat left top;
}

.page blockquote > span {
    padding:0 35px 0 0;
    background:url(../images/quote-close-blue.png) no-repeat right bottom;
}



/* home about section
--------------------------------------------------------------*/

.home-about {
    padding:100px 0 100px;
    color:#CCCCCC;
    text-align:center;
    position:relative;
}

.home-about-bg-top {
    position:absolute;
    top:0px;
    width:100%;
    height:104px;
    background:url(../images/home-about-bg.gif) no-repeat center top;
}

.home-about-bg-bottom {
    position:absolute;
    bottom:0px;
    width:100%;
    height:99px;
    background:url(../images/home-about-bg.gif) no-repeat center bottom;
}

.home-about .button {
    float:right;
    margin-top:60px;
}

.home-about-icon.icon {
    display:block;
    margin:0 auto 20px;
    background:url(../images/home-about-icons.png);
    background-repeat:no-repeat;
    height:65px;
}

.to-suit-you.icon {
    width:54px;
    background-position:left top;
}

.council-friendly.icon {
    background-position:left -65px;
    width:44px;
}

.design.icon {
    background-position:left -130px;
    width:71px;
}

.environmental.icon {
    background-position:left -195px;
    width:63px;
}

.ready-to-go.icon {
    background-position:left -260px;
    width:69px;
}

.on-site-package.icon {
    background-position:left -325px;
    width:67px;
}

.services.icon {
    background-position:left -390px;
    width:49px;
}



/* home slider
--------------------------------------------------------------*/

.home-slider {
    position:relative;
}

.home-slider-overlay {
    position:absolute;
    top:0;
    width:100%;
    height:82px;
    background:url(../images/home-slider-overlay.png) no-repeat center top;
    z-index:10;
}

/* placeholder pending Telerik custom module fix */
.slider-placeholder {
    width:100%;
    overflow:hidden;
}

.slider-placeholder img {
    width:100%;
}


/* buildings
--------------------------------------------------------------*/

.building-list {
    list-style-type:none;
    margin:0;
    padding:0;
    color:#FFF;
}

.building-item {
    position:relative;
    overflow:hidden;
    padding-top:50px;
    background:url(../images/loading-anim.gif) no-repeat center 175px;
    border-bottom:15px solid #333;
}

.building-item:last-child {
    border-bottom:none;
}

.building-bg {
    position:absolute;
    width:100%;
    min-height:100%;
    z-index:0;
    top:0;
    left:0;
}

.building-content {
    width:960px;
    padding:0 10px;
    margin:0 auto;
    position:relative;
    z-index:10;
}

.building-title {
    margin:0;
    line-height:58px;
    padding: 0 0 0 15px;
    float:left;
    background:#333;
    font-family:Georgia, serif;
    font-weight:normal;
    font-size:30px;
    min-width:180px;
    cursor:pointer;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease; 
    -moz-transition: opacity 0.3s ease; 
    -o-transition: opacity 0.3s ease; 
    transition: opacity 0.3s ease;
}

.building-title > span{
    display:block;
    height:58px;
    width:58px;
    float:right;
    margin-left:20px;
    background:#555 url(../images/buildings-list-icon.png) no-repeat left bottom;
}

.expanded .building-title > span{
    background-position: left top;
}

.building-title:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    zoom:1;
}

.building-pullquote {
    float:right;
    background:#333;
    max-width:260px;
    padding:50px 25px 60px;
    font-family:Georgia, serif;
    font-weight:normal;
    font-size:30px;
    line-height:1.2;
}

.building-pullquote > blockquote {
    margin:0;
    padding-left:35px;
    background:url(../images/quote-open-white.png) no-repeat left top;
}

.building-pullquote > blockquote > span {
    padding-right:35px;
    background:url(../images/quote-close-white.png) no-repeat right bottom;
}


.building-information {
    position:relative;
    z-index:9;
    background:url(../images/building-information-bg.png) repeat left top;
    background:rgba(0,0,0,0.70);
    clear:both;
    padding: 20px 0 30px;
    margin-top:400px;
}

.building-description {
    float:left;
    width:360px;
    margin-right:10px;
}

.building-images {
    float:left;
}

.building-images-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.building-images-item {
    float:left;
    border:4px solid #FFF;
    width:90px;
    height:90px;
    overflow:hidden;
    margin-left:20px;
}

.building-image {
    min-height:90px;
    min-width:90px;
    border:0;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease; 
    -moz-transition: opacity 0.3s ease; 
    -o-transition: opacity 0.3s ease; 
    transition: opacity 0.3s ease;
}

.building-image:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    zoom:1;
}



.building-contact {
    float:right;
}

.building-contact > a {
    color:#002b5c;
}

.building-contact > p {
    font-size:12px;
    margin:10px 0;
}



/* contact
--------------------------------------------------------------*/

#contact-map {
    height:440px;
    width:100%;
    overflow:hidden;
}

input.sfTxt,
textarea.sfTxt {
    display: block;
    margin:0;
    padding:0;
    border:1px solid #CCC;
    width:284px;
    color:#66645F;
    padding:5px 8px;
    height:18px;
    line-height:18px;
    box-shadow: inset 2px 2px 8px rgba(0,0,0,0.1);
    font-size:14px;
}

textarea.sfTxt {
    font-family:Arial, serif;
    resize:vertical;
    height:120px;
}

input[type="submit"] {
    float:left;
    border:0 none;
    background-position: right top;
}

.sfTxtLbl {

    font-weight:bold;
}

div.sfTxtLbl {
    margin-bottom:10px;
}

input[type="checkbox"] {
    margin-right:8px;
}

.sfFormBox,
.sfFormCheckboxlist,
.sfFormBlock {
    margin-bottom:10px;
}

.sfFormSubmit > input {
    margin: 20px 0 0;
    cursor:pointer;
}

.sfError {
    color:#C00;
}

.bordered > img {
    width:292px;
    height:auto;
    padding:4px;
    box-shadow: 0 0 3px #AAA;
    margin-bottom:15px;
}

.sfSuccess {
    font-family:Georgia, serif;  
    font-size:32px;
    color:#002b5c;
    line-height:1.4;
      
}



/* page area
--------------------------------------------------------------*/

.page-title {
    padding:50px 0;
    color:#FFF;
}

.page-title h1 {
    display:inline-block;
    font-family: Georgia, serif;
    font-size:50px;
    font-weight:normal; 
    margin:0;   
}

.page-title h1.style-for-living {
    background:url(../images/your-style-for-living.png) no-repeat left top;
    text-indent:-9999px;
    height:50px;
    width:321px;
}

.page-title p {
    margin:0 0 0 30px;
    display:inline-block;
    font-size:18px;
    line-height:1.2;
}

.page {
    background:#FFF;
    padding:60px 0;
}

.page h1,
.page h2,
.page h3,
.page h4
{
    font-family: Georgia, serif;
    font-weight:normal;
    margin:0 0 15px 0;
}

.page h1 {
    font-size:36px;
}

.page h2 {
    font-size:28px;
}

.page h3 {
    font-size:21px;
}

.page h4 {
    font-size:18px;
}

.page h5 {
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:1.5;
    margin:0;
}



/* footer
--------------------------------------------------------------*/

footer {
    color:#FFF;
    padding:35px 0 45px;
}

.contact-h3 {
    line-height:21px;
}

.contact-h3 > span {
    display:block;
    height:21px;
    width:21px;
    background:#FFF;
    float:left;
    margin-right:10px;   
}

.page .contact-h3 > span {
    display:none;
}

.container.footer {
    background: url(../images/footer-logo.png) no-repeat 752px bottom;
}

.accreditation {
    clear:both;
    color:#FFF;
}

.design {
    margin-left:20px;
}

.design a {
    text-decoration:none;
    color:#FFF;   
}

.design a:hover {
    text-decoration:underline;
    color:#fff;   
}



/* clearfix
--------------------------------------------------------------*/

.group:before,
.group:after{
	content: " ";
	display: table;
}

.group:after{
	clear: both;
}



/* custom responsive accordion
--------------------------------------------------------------*/

.accordion-clip {
    height:450px;
    overflow:hidden;
    min-width:980px;
}

.accordion {
    overflow: hidden;
    display: block;
    position: relative;
    margin:0;
    padding:0;
    list-style-type:none;
}

.accordion-item {
    overflow: hidden;
    display: block;
    position: absolute;
    float: left;
    display: inline-block;
    zoom: 1;
    box-shadow: -5px -5px 10px rgba(0,0,0,0.5);
}

.accordion-image {
    position: relative;
}

.accordion-caption {
    height:450px;
    overflow:auto;
    position:absolute;
    top:0;
    left:0;
}

.accordion-title {
    position:absolute;
    bottom:10px;
    left:15px;
    margin:0;
    font-family:Georgia, serif;
    font-size:60px;
    font-weight: normal;
    color:#FFF;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4); 
}

.accordion-link {
    position:absolute;
    bottom:15px;
    right:0;
    right:15px;   
}



/* flexslider
--------------------------------------------------------------*/
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; zoom: 1;}
.flex-viewport {max-height: 440px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0; display:none}
.flex-direction-nav a {width: 35px; height: 59px; margin: -30px 0 0; display: block; background: url(../images/direction-nav-bg.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.flexslider .flex-next {background-position: right 0; right: 25px;}
.flexslider .flex-prev { left: 25px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.6;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

@media (min-width: 1200px) {
    .flex-direction-nav {
        display:block;
    }
}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 60px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 21px; height: 21px; display: block; background: #FFF; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.flex-control-paging li a:hover { opacity: 0.6; }
.flex-control-paging li a.flex-active { background: #002b5c; cursor: default; opacity: 1; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.flex-slide img {
    position: absolute;
    z-index: -5;
    top: 0;
    left: 0;
}

.flex-slide {
    position:relative;
    height:440px;
}

.flex-slide-content {
    width:960px;
    padding:0 10px;
    margin:0 auto;
}

.flex-title-wrap {
    margin-top:80px;
    background:#333;
    float:right;
    padding: 50px 40px 60px;
    max-width:260px;
}

.flex-title {
    margin:0;
    font-family: Georgia, serif;
    font-size:52px;
    color:#FFF;
    font-weight:normal;
    line-height:1.2;
    display:inline;
}

.flex-button {
    float:right;
    clear:right;
}