/**
 * Hellotank Ltd.
 * http://www.hellotank.com
 * 16/05/14
 */

/*
	=================================
	 HTML5 Boilerplate
	=================================	
*/


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   SITE STYLES
   ========================================================================== */

/* Global */

html {/* background-color: #404040; */}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #262626; font-size: 16px; /* background-color: #ffffff; */background-color: #404040;}

section, header, nav, footer, aside, slider, div {display: block;}
.left {float: left;}
.right {float: right;}

p {margin: 0 0 20px 0;}
p.intro {font-size: 22px; margin-top: 0;}

h1 {margin: -5px 0 15px 0;}

ul, ol {list-style: none; padding-left: 0;}

#wrapper{width:100%; margin: 0 auto; background-color: #fff;}

#container{width:940px; margin: 0 auto;}

/* Header */
header {margin-bottom: 25px;height: 102px; padding-top: 35px;}
#logo {width: 159px;}
#logo h1 {margin: 0;}
/* Nav */
nav {font-size: 18px; font-weight: bold; margin: 15px 0 0 60px; width: 240px;}
nav ul {width: 380px; overflow: hidden; margin: 0;}
nav ul li {float: left; display: inline; border-bottom: solid 1px #404040;width: 25%;margin-right: 8%;}/* Display in 3 columns */
nav a {color: #404040; text-decoration: none;}
nav a:hover, nav a.active {color: #cf7d39; text-decoration: none;}
/* End Nav */
#descriptor{color: #cf7d39; font-size: 22px;margin-top: 65px}
/* End Header */

/* Aside */
aside {width:230px; margin: 0 20px 0 0;}
aside a {text-decoration: none; color: #cf7d39;}
.contact a:hover {color: #404040;}
.contact { color: #cf7d39; border-bottom: solid 1px #cf7d39;padding: 0 0 5px 0;margin: 5px 0 0 0;}
.first {margin-top: 0;}
.last {border: none;}
#social {width:100px; margin-top: 20px; background: url(../img/layout/twitter-badge.png) no-repeat right center;}
#social a {color: #404040;}
#social:hover {opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */ cursor:pointer;}
/* End Aside */

#main-content {width: 623px; margin: 0 0 0 67px;}
#main-content a {color: #cf7d39; }
#main-content a:hover {color: #cf7d39; text-decoration: none; }
#middle {margin: 30px 0 40px 0;}

footer {background-color: #404040; height: 130px;}
#footer-content {width: 940px; margin: 0 auto;}
#copyright {margin-top: 45px; color: #ffffff;}
#accreditation{ width: 97px; height: 45px; background-color: #ffffff; text-align: center; padding-top: 20px;}


/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}

/* Slide arrows */
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position: absolute; display: block;padding: 15px; color: #ffffff;text-decoration: none;font-size: 44px;font-family: 'Courier';}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;top: 70% !important;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;top: 70% !important;}
ul.bjqs-controls.v-centered li a{display:block;padding:15px;color:#ffffff;text-decoration: none;}
ul.bjqs-controls.v-centered li a:hover{color:rgb(207,125,57);}

/* Slide caption */
p.bjqs-caption {display: block;width: 96%;margin: 0;padding: 30px 2% 5% 20px;position: absolute;bottom: 0;font-size: 58px;color: #ffffff;text-align: center;line-height: 58px;}
p.bjqs-caption{background: rgba(146,53,0,0.7);}

/* Slide numbers */
/*
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
ol.bjqs-markers li a{padding:5px 10px;background:#000;color:#fff;margin:5px;text-decoration: none;}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover{background: #999;}
*/


/* End Slider */

/* Hero image */
#hero-image {border-top: 14px solid #e68f1a;}
/* End Hero image */

/* Team images */
#team-images ul{list-style: none;padding-left: 0;margin: 0; font-size: 0;/* Clears automatic margin created with inline-block */}
#team-images ul li{display: inline-block; height: 220px;}

#team-images span.picture-title {background: rgba(0,0,0,0.5); padding: 10px; margin-top: 185px; width: 215px; height: 20px; display: block;}

#team-images ul li a{display: block;width: 188px;height: 220px;overflow: hidden;/* text-indent: -15000px; */font-size: 16px;line-height: 16px; text-decoration: none; color: #fff;}

#team-images ul li #andy {background: url(../img/content/andy-sturrock.jpg) no-repeat 0 0;}
#team-images ul li #nick {background: url(../img/content/nick-carter.jpg) no-repeat 0 0;}
#team-images ul li #phil {background: url(../img/content/phil-williams.jpg) no-repeat 0 0;}
#team-images ul li #paul {background: url(../img/content/paul-young.jpg) no-repeat 0 0;}
#team-images ul li #nick-g {background: url(../img/content/nick-golunski.jpg) no-repeat 0 0;}
#team-images ul li #nick:hover, #team-images ul li #nick.active, #team-images ul li #paul:hover, #team-images ul li #paul.active, #team-images ul li #phil:hover, #team-images ul li #phil.active, #team-images ul li #andy:hover, #team-images ul li #andy.active, #team-images ul li #nick-g:hover, #team-images ul li #nick-g.active {background-position: 0 -220px;}

/* End Team images */


/* Property page */

/* Search input */
#searchForm {background-color: #eee;padding: 15px 20px 15px 20px;font-weight: bold;color: #666;}
label {padding-right: 10px;}
input[type=text] {border: 1px solid #ccc;padding: 5px 10px;width: 200px;height: 25px;line-height: 25px;color: #666;}
#go {vertical-align: bottom;margin-left: 5px;}

/* Page numbers */
ul.pagination{	float: left;	width: 150px;	margin: 15px 0; font-size: 14px; font-weight: bold;}
ul.pagination li{	float: left;	margin-right: 5px;}
ul.pagination li.prevNav{	margin-right: 10px;}
ul.pagination li.nextNav{	margin-left: 5px;}
ul.pagination li a{	display: block;	color: #cf7d39 !important;	font-size: 13px; text-decoration: none;}
ul.pagination li a:hover,ul.pagination li a.active{	color: #262626 !important;}
/* ul.pagination li a.active{color: #cf7d39;} */

/* Order by buttons */
ul.ordering {float: right;margin: 15px 0;	width: 310px; font-size: 14px;}
ul.ordering li {display: block;	float: left;margin: 0 10px;	font-weight: bold;}
ul.ordering li.first {}
ul.ordering li.last {margin-right: 0;}
ul.ordering li a {color: #cf7d39 !important; text-decoration: none;}
ul.ordering li.active a {color: #262626 !important;}
ul.ordering li:hover a {color: #262626 !important;}
ul.ordering li.address.DESC a,ul.ordering li.price.DESC a {padding-right: 0;}
ul.ordering li.address.ASC a,ul.ordering li.price.ASC a {padding-right: 0;}

/* Search results */
ul#propertiesList{border-top: 4px solid #eee;clear: left;}
ul#propertiesList li{padding: 10px 0px 15px 0px;border-bottom: 2px solid #eee; font-size: 14px; line-height: 24px;}
ul#propertiesList li a{}
ul#propertiesList li a:hover{/* text-decoration: underline; */}
a.propertyTitle{font-size: 22px;text-decoration: none;}
a.propertyTitle:hover{color: #262626 !important;}
span.briefInfo{}


/* Clients table */
table{border: 1px solid #cccccc; width: 100%; margin:0px; padding:0px; width:100%; border-collapse: collapse; border-spacing: 0; margin:0px; padding:0px;}
td{border:1px solid #cccccc; vertical-align:middle; background-color:#ffffff; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:14px; font-family: 'Helvetica', sans-serif; font-weight:normal; color:#262626;}

/* Services list */
ul#services {list-style-type: disc; padding-left: 30px;}
ul#services li {padding: 0 0 10px 10px;}


/* IE Conditional styles */
.lt-ie9 p.bjqs-caption{background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); zoom: 1;}

/* Investment */
.c-investment {
    box-sizing: border-box;
    position: relative;
} 

.c-investments .c-investment {
    float: left;    
    width: 300px;
    margin: 0 20px 20px 0;
    padding: 1em;

    background-color: rgba(238, 238, 238, .3);
}

.c-investments .c-investment:nth-of-type(3n + 3) {
    margin-right: 0;
}

.c-investments .c-investment:nth-of-type(3n + 4) {
    clear: left;
}

.c-investment__header { 
    overflow: hidden;
    position: relative;
    margin-bottom: 3em;
}

.c-investments__title,
.c-investment--full .c-investment__title { 
    margin-bottom: 1em;
}

.c-investment--short .c-investment__title {
    margin-bottom: .25em;

    color: #404040;
    font-size: 18px;
}

.c-investment__image {
    position: relative;
}

.c-investment__image img {
    width: 100%;
}

.c-investment--short .c-investment__image {
    margin: -1em -1em 0 -1em;
    height: 200px;
    overflow: hidden;
}
.c-investment--short .c-investment__image img {
/*     max-height: 100%;   */
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
.c-investment--full .c-investment__image {
    float: left;
    width: 620px;
    min-height: 413px;
}

.c-investment__image figcaption {
    padding: .5em 1em;
    position: absolute;
    top: 0;
    left: 0;

    background-color: #E68F19;

    color: white;
    font-size: 14px;
}

.c-investment__meta {
    float: left;
    width: 320px;

    color: #404040;
    font-size: 20px;
}

.c-investment__facts {
    padding: 0 1em;
}

.c-investment__facts dd {
    margin: 0 0 .75em 0;
    padding-bottom: .75em;

    border-bottom: 1px solid #ccc;

    font-size: 28px;
    font-weight: 700;
}

.c-investment__facts dd:last-of-type {
    border-bottom: 0;
}

.c-investment__download {
    width: 320px;
}

.c-investment__download a {
    display: block;
    padding: 1em;

    background-color: #E68F19;

    color: white;
    text-align: center;
    text-decoration: none;

    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
}

.c-investment__download a:hover {
    background-color: #404040;
}

.c-investment--short .c-investment__strapline {
    color: #404040;

    min-height: 44px;
}

.c-investment--full .c-investment__strapline {
    margin-top: 0;

    font-size: 28px;
    line-height: 1.1786;
}

.c-investment__address {
    margin-bottom: 1.25em;

    font-size: 22px;
}

.c-investment__address strong {
    font-weight: normal;
}

.c-investment__summary li {
    padding-top: .75em;
    margin-top: .75em;

    border-top: 1px solid #ccc;
}

.c-investment__cta {
    height: auto;
    padding-top: 1em;

    border-top: 1px solid #ccc;

    background-color: transparent;

    text-align: right;
}

.c-investment__cta a {
    color: #CF7D39;
    text-decoration: none;
}

.c-investment__cta a:hover {
    color: #404040;
}

.c-backlink {
    position: absolute;
    top: .75em;
    right: 0;

    text-decoration: none;
}

.c-backlink:hover {
    color: #404040 !important;
}

.u-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background-color: #E68F19;

    opacity: 0;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.c-investment__image a:hover .u-overlay {
    opacity: .3;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}