h1, h2, h3, h4, h5, h6 { color: #000; font-family: Helvetica, Arial, Tahoma, sans-serif; font-weight: bold; }
h1 { font-size: 1.85em; line-height: 120%; }
h2 { font-size: 1.7em; line-height: 124%; }
h3 { font-size: 1.55em; line-height: 128%; }
h4 { font-size: 1.4em; line-height: 132%; }
h5 { font-size: 1.25em; line-height: 136%; }
h6 { font-size: 1.1em; line-height: 140%; }
@media (min-width: 768px) {
    h1 { font-size: 2.2em; }
    h2 { font-size: 2.0em; }
    h3 { font-size: 1.8em; }
    h4 { font-size: 1.6em; }
    h5 { font-size: 1.4em; }
    h6 { font-size: 1.2em; }
}

p,ul,ol,table,label,input,textarea,select,option { color: #000; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; line-height: 145%; }
p,ul,ol,table,label,h1,h2,h3,h4,h5,h6,hr { margin: 0.8em 0 0 0; }

hr.reverse { border-color: #FFF; }

table#info { margin: 15px 0; }
table#info th { text-align: left; }
table#info tr.rowgrey { background-color: #f2f2f2; }
table#info th, table#info td { padding: 5px 7px 5px 5px; }
@media (min-width: 1000px) {
    table#info hr { margin-left: -5px; margin-right: -7px; }
}

a:link, a:visited { color: #00BD40; text-decoration: none; }
a:hover, a:active { color: #00BD40; text-decoration: underline; }
a.external { background: transparent url(../img/main/external-link.gif) no-repeat right 1px; padding-right: 9px; }

#banner { background: #000 url(../img/super/pod1.jpg) no-repeat center 60%; background-size: cover; position: relative; }
#banner .colour {
    position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgb(108,133,244);
    background: rgb(35,43,79);
    background: -moz-linear-gradient(59deg, rgba(35,43,79,0.8) 0%, rgba(0,54,18,0.8) 100%);
    background: -webkit-linear-gradient(59deg, rgba(35,43,79,0.8) 0%, rgba(0,54,18,0.8) 100%);
    background: linear-gradient(59deg, rgba(35,43,79,0.8) 0%, rgba(0,54,18,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#232b4f",endColorstr="#003612",GradientType=1); 
}
#banner .container { position: relative; }
#banner hr { border-color: #FFF; margin-top: 30px; }
#banner .intro { max-width: 800px; margin-top: 4em; }
#banner .intro h1 { color: #FFF; }
#banner .intro h6 { color: #FFF; max-width: 650px; font-weight: normal; }
#banner .social { margin-top: 4em; padding: 0; list-style-type: none; }
#banner .social li { display: inline-block; font-size: 1.5em; color: #00BD40; }
#banner .social li:not(:first-child) { margin-left: 0.5em; }
#banner .social li a:hover { text-decoration: none; color: #FFF; }

header { background-color: #333; padding: 30px 0; }

#property_nav { margin-top: 2.5em; }
#property_titles h2 { margin-top: 0; line-height: 105%; }
#property_titles h6 { margin-top: 2em; margin-bottom: 0; font-size: 1em; }
#property #images { margin-top: 1.2em; margin-bottom: 1.2em; }
#property #images .image { height: 300px; width: 100%; margin-top: 15px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#property #images .image a { height: 100%; display: block; text-align: right; }
#property #images .image.hidden { margin: 0; width: auto; height: auto; }
#property #seemore { margin-top: 1.2em; display: block; border: 1px solid #CCC; text-align: center; padding: 30px 0; text-transform: uppercase; color: #999; font-size: 1.1em; font-weight: normal; cursor: pointer; }
#property #seemore:hover { text-decoration: none; color: #FFF; border-color: #00BD40; background-color: #00BD40; }
#companion_col { margin-top: 1.1em; }
@media (min-width: 576px) {
    #property #images .image { height: 400px; }
}
@media (min-width: 992px) {
    #property #images .image.first { height: 395px; }
    #property #images .image { height: 190px; }
    #property #seemore { margin-top: 0; }
}
@media (min-width: 1200px) {
    #property #images .image.first { height: 495px; }
    #property #images .image { height: 240px; }
}

.navmain { margin: 25px 0 15px 0; padding: 0 0 15px 0; font-size: 174%; font-weight: bold; line-height: 110%; list-style-type: none; background: transparent url("../img/main/greenDash.gif") repeat-x bottom left; }
.navmain li { margin: 0; padding: 0; }
.navmain li a { margin: 0; padding: 0; text-decoration: none; display: block; }
.navmain li a:link, .navmain li a:visited { color: #000; }
.navmain li a:hover, .navmain li a:active { color: #00BD40; }
.navmain li#sel a { color: #B5B5B5; }
@media (min-width: 1000px) {
    .navmain { margin: 25px 0 15px 0; font-size: 157%; }
}
@media (min-width: 1140px) {
    .navmain { margin: 25px 0 15px 0; padding: 0 15px 0 0; font-size: 157%; }
}

ul.subnav { margin: 1em 0 0 0; padding: 0; list-style-type: none; border-top: 1px solid #cdcdcd; }
ul.subnav li { margin: 0; padding: 0; border-bottom: 1px solid #cdcdcd; }
ul.subnav li a { display: block; padding: 1px 0 1px 3px; }
ul.subnav li a:link, ul.subnav li a:visited { color: #000; text-decoration: none; background-color: none; }
ul.subnav li a:hover, ul.subnav li a:active { color: #FFF; text-decoration: none; background-color: #00BD40; }
ul.subnav li.archive_link a:link, ul.subnav li.archive_link a:visited { color: #B5B5B5; }
ul.subnav li.archive_link a:hover, ul.subnav li.archive_link a:active { color: #FFF; }
ul.subnav li a.selected, ul.subnav li.archive_link a.selected { color: #000; text-decoration: none; background-color: #CDCDCD; }
@media (min-width: 1000px) {
    ul.subnav { margin: 4px 0 12px 0; }
}

ul.button_nav { margin: 1em 0 0 0; padding: 0; list-style-type: none; }
ul.button_nav li { margin: 0; padding: 0; display: inline-block; }
ul.button_nav li a { display: inline-block; padding: 0.5em 0.7em; font-size: 1.2em; border-radius: 4px; }
ul.button_nav li a:link, ul.button_nav li a:visited { color: #FFF; text-decoration: none; background-color: #00BD40; }
ul.button_nav li a:hover, ul.button_nav li a:active { color: #FFF; text-decoration: none; background-color: #000; }

ul.linenav { margin: 1.4em 0 0 0; padding: 0; list-style-type: none; }
ul.linenav li { margin: 0 0 0 0.5em; padding: 0; display: inline-block; }
ul.linenav li a { color: #999; font-size: 1.1em; }
ul.linenav li a.selected { color: #00BD40; }

ul.files { padding-left: 0; list-style-type: none; }
ul.files li { margin: 0; padding: 0 0 7px 22px; min-height: 16px; position: relative; font-size: 0.9em; line-height: 125%; }
ul.files li i, ul.files li svg { position: absolute; left: 0; font-size: 1.2em; }

ul.projectNav { display: none; }
p#viewlarger { display: none; }
@media (min-width: 1000px) {
    ul.projectNav { display: block; float: left; padding: 0; margin: 15px 15px 0 0; list-style-type: none; border-bottom: 1px solid #CCC; width: 299px; }
    ul.projectNav li { padding: 0; margin: 0; float: left; }
    ul.projectNav li a { padding: 3px 6px 2px 5px; margin: 0; text-decoration: none; color: #00BD40; text-align: center; }
    ul.projectNav li a:hover, ul.projectNav li a:active { color: #FFF; background: #00BD40; }
    p#viewlarger { display: block; margin: 15px 0 0 0; float: left; border-bottom: 1px solid #CCC; width: 150px; }
    p#viewlarger a:link, p#viewlarger a:visited { color: #00BD40; padding: 3px 0 2px 0; }
    p#viewlarger a:hover, p#viewlarger a:active { color: #000; text-decoration: none; }
}

ul#scroll { list-style-type: none; padding: 0; margin: 0 0 15px 0; }
ul#scroll li { margin: 10px 0; }
#leftalpha { display: none; }
#rightalpha { display: none; }
@media (min-width: 1000px) {
    #worksurround { width: 100%; position: absolute; top: 124px; overflow: hidden; z-index: 1; }
    ul#scroll { z-index: 2; padding: 0; margin: 0 0 0 215px; position: relative; list-style-type: none; width: 4840px; }
    ul#scroll li { position: relative; width: 464px; float: left; display: inline; padding: 0 20px 0 0; }
    ul#scroll li img { display: block; }
    #leftalpha { z-index: 3; position: absolute; width: 215px; height: 360px; background: #fff; filter:alpha(opacity=92); opacity: 0.92; /*-moz-opacity:0.92;*/ }
    #rightalpha { z-index: 4; position: absolute; left: 683px; width: 100%; height: 360px; background: #FFF; filter:alpha(opacity=92); opacity: 0.92; /*-moz-opacity:0.92;*/ }
    #pageText { margin-left: 215px; padding-top: 495px; width: 464px; }
    #pageText2 { margin-top: 30px; width: 464px; }
    #pageText3 { margin-left: 215px; padding-top: 415px; width: 464px; }
}

#projectImageLarge { display: none; }
@media (min-width: 1000px) {
    #projectImageLarge { z-index: 101; position: absolute; top: 90px; left: 15px; padding: 10px; width: 856px; background: #FFF; border: 1px solid #CCC; }
    #projectImageLarge h2 { float: left; margin: 0; }
    #projectImageLarge p { float: right; margin: 0; }
    #projectImageLarge img { display: block; margin: 20px 0 50px 0; }
}

.article h4.title { margin-top: 0; }
.article h4.title a:link, .article h4.title a:visited { color: #000; text-decoration: none; }
.article h4.title a:hover, .article h4.title a:active { color: #000; text-decoration: underline; }
.article .date { margin: 15px 0 3px 0; text-transform: uppercase; font-size: 0.8em; color: #999; }
.article .keywords { font-size: 0.9em; color: #999; margin-bottom: 0; }
.article .share { margin-top: 5px; margin-bottom: 25px; }
.article img.article_img { margin-top: 15px; }

.spaces { margin-top: 1em; }
.space { border-bottom: 1px solid #CCC; padding: 20px 0; position: relative; }
.space_img { display: block; width: 150px; height: 150px; background-size:cover; background-repeat:no-repeat; }
.space_text h6 a:link, .space_text h6 a:visited { color: #000; text-decoration: none; }
.space_text h6 a:hover, .space_text h6 a:active { color: #000; text-decoration: underline; }
.space_text p.label { margin: 1em 0 -1em 0; font-weight: bold; font-size: 0.8em; }
.space_info p.more { font-size: 0.8em; margin-bottom: 0; }
.sidebox { background-color: #EAEAEA; margin-top: 2em; padding: 15px 25px; }
.position { text-transform: uppercase; font-size: 0.8em; color: #777; font-weight: bold; }
@media (min-width: 576px) {
    .space_img { float: left; }
    .space_text { margin-left: 165px; }
    .space_text.full { margin-left: 0; }
    .space_text h6 { margin-top: 0.5em; }
    .space_text p.label { margin: 0.3em 0 -0.8em 0; }
    .space_text p { margin-bottom: 0.3em; }
    .space_info { margin-left: 165px; text-align: right; }
}
@media (min-width: 768px) {
    .space_text.full { min-height: 115px; }
}
@media (min-width: 992px) {
    .space_text { max-width: 600px; }
    .space_info { position: absolute; right: 0; bottom: 16px; }
}
@media (min-width: 1200px) {
    .space_text { max-width: 700px; }
}

#footernav { margin-bottom: 2em; }
#footernav .fnavright { float: right; margin-top: 0.7em; }
#footernav .fnavleft { float: left; margin-top: 0.7em; }

.pag_nav { margin-right: 10px; }
.pagination { margin-top: 0; }
.pagination span.deadlink { margin-right: 5px; }
.pagination a { margin-right: 5px; }

footer { min-height: 100px;
    background: rgb(108,133,244);
    background: rgb(35,43,79);
    background: -moz-linear-gradient(59deg, rgba(35,43,79,0.8) 0%, rgba(0,54,18,0.8) 100%);
    background: -webkit-linear-gradient(59deg, rgba(35,43,79,0.8) 0%, rgba(0,54,18,0.8) 100%);
    background: linear-gradient(59deg, rgba(35,43,79,0.8) 0%, rgba(0,54,18,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#232b4f",endColorstr="#003612",GradientType=1);
}

.clear, .cl { clear: both; }
.sup { font-size: 0.7em; position: relative; bottom: 0.4em; }
.green { color:#00BD40; }
.grey { color:#888; }
.red { color:#F00; }
.reverse { color:#FFF; }
.small { font-size:0.8em; }
.bigger { font-size:1.2em; line-height:145%; }

.bg_lgrey { background-color: #F4F4F4; }
.bg_lgrey_gradient {
    background: rgb(240,240,240);
    background: -moz-linear-gradient(123deg, rgba(240,240,240,1) 0%, rgba(215,232,221,1) 100%);
    background: -webkit-linear-gradient(123deg, rgba(240,240,240,1) 0%, rgba(215,232,221,1) 100%);
    background: linear-gradient(123deg, rgba(240,240,240,1) 0%, rgba(215,232,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#d7e8dd",GradientType=1); 
}

.btn-green { background-color:#00BD40; color: #FFF; }
.btn-green:hover { background-color:#000; color: #FFF; }

.map { height: 440px; background-color: #00BD40; text-align: left; margin: 1.5em 0; border-radius: 6px; }
.map_marker1 { width: 0; height: 0; position: relative; }
.map_marker1:after { font-family: 'Font Awesome 5 Pro'; content: "\f3c5"; color: #00BD40; font-size: 3em; line-height: 100%; font-weight: bold; position: absolute; bottom: 0; left: -0.25em; }

.nm { margin: 0px; }
.ntm { margin-top: 0px; }
.nbm { margin-bottom: 0px; }
.stm { margin-top: 5px; }
.sbm { margin-bottom: 5px; }
.smm { margin-top: 5px; margin-bottom: 5px; }
.btm { margin-top: 15px; }
.vbtm { margin-top: 30px; }
.bbm { margin-bottom: 15px; }

.fullonly { display: none; }
@media (min-width: 1000px) {
    .handheld { display: none; }
}
@media (min-width: 1140px) {
    .fullonly { display: block; }
}

.area_space { padding-top: 2em; padding-bottom: 2em; }
.area_space_below { padding-bottom: 2em; }
@media (min-width: 576px) {
    .area_space { padding-top: 3em; padding-bottom: 3em; }
    .area_space_below { padding-bottom: 3em; }
}
@media (min-width: 768px) {
    .area_space { padding-top: 4em; padding-bottom: 4em; }
    .area_space_below { padding-bottom: 4em; }
}
@media (min-width: 992px) {
    .area_space { padding-top: 5em; padding-bottom: 5em; }
    .area_space_below { padding-bottom: 5em; }
}
@media (min-width: 1200px) {
    .area_space { padding-top: 6em; padding-bottom: 6em; }
    .area_space_below { padding-bottom: 6em; }
}