<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
    Created on : 10-May-2017, 19:49:19
    Author     : Sarah Bate (www.encodedesign.co.uk)
*/

body {
    padding-top: 50px; 
    color: #595959;
    font-family: 'Open Sans', sans-serif;
    
}
/**********NAVBAR************/
.navbar {
    border: none;
    background-color: #fff;
    font-size: 1.2em;
}
.navbar-nav &gt; li{
  padding-left:20px;
  padding-right:20px;
}
.navbar-left {
    line-height: 50px;
    text-decoration: none;
    padding-left: 20px;
    color: #595959;
}

.navbar-default .navbar-nav &gt; li &gt; a:hover, .navbar-default .navbar-nav &gt; li &gt; a:focus {
    color: #5C9315; /*dark green comp colour*/
    font-weight: bold;
}
.navbar-header &gt; a:hover, .navbar-header &gt; a:focus {
    color: #5C9315; /*dark green comp colour*/
    text-decoration: none;
    font-weight: bold;
}


/***********NAVBAR END************/

/*****************HOME PAGE***********/
.bannerholder {
    
}
.heroimage {

    width: 100%;

   background-size: cover;
    background-image: url('../images/Fotolia_104610928.jpg');
       background-position: center center;
   
    

    
}
/*.logohold {
    background-color: red;
    padding: 20px;
}
.logolarge {
    background: #fff;
    padding: 10px;
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}*/
.logohold {
    /*height: 100%;*/
    width: 100%;
    padding: 10px 0;


}
.logolarge {
    /*height: 100%;*/
    background: #fff;
    padding: 5px;
  display: block;

  margin: auto;
}

.content {
    
    width: 100%; 
    font-size: 1.1em;  
}
.spacer {
    height: 10px;
    background-color: #fff;
}
.welcome{
    text-align: center;
}
.imgcontainer {
    margin: auto;
    display: block;
    max-height: 100px;
    background-color: red;
}
.whtborder {
    height: 6px;
    background-color: #fff;  
}
.grnborder {
    height: 6px;
    background-color: #79b62b; 
}
.strapline {
    width: 100%;
    text-align: center;
    padding: 1%;  
}
.fourgrids{
     text-align: left;
     padding: 0% 2% 0% 2%; 
}


.wrapper { 
    display: flex;
}
.columnside {
    display: inline-block;
    vertical-align: top;
}
.ckboxes {
    color: #79b62b;
}
.glyphbullet {
    font-size: 1.2em; 
    
    margin-bottom: 0px;
}
    
.glyphbullet li {
    display: block;
    padding: 15px;
}

.glyphbullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e067";
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: -36px; 
    color: #79b62b;
}
.thesmalljobs .glyphbullet li:before
{
    color: #fff;
}
.anchordkgrey &gt; a {
    color: #fff;
    font-size: 2em;
}
.anchordkgrey &gt; a:hover, .quickcontact &gt; a:focus {
    color: #fff;
    text-decoration: none;
    font-size: 2em; 
}
.anchorpadd {
    padding-top: 60px; 
    margin-top: -60px;
}


.thesmalljobs a, .thesmalljobs a:link, .thesmalljobs a:visited, .thesmalljobs a:hover, .thesmalljobs a:active {
    color: #fff; 
    text-decoration: none;

}
.theservices a, .theservices a:link, .theservices a:visited, .theservices a:hover, .theservices a:active {
    color: #595959; 
    text-decoration: none;

}
.theabout a, .theabout a:link, .theabout a:visited, .theabout a:hover, .theabout a:active {
    color: #595959; 
    text-decoration: none;
}
.theservices {
    padding: 100% 3%;
}
.theabout {
    padding-top: 15px;
}


/********FOOTER**********/

.quickcontact {
    width: 100%;
    padding: 3%;
    font-size: 1.2em;
}

.quickcontact a:link, .quickcontact a:visited, .quickcontact a:hover, .quickcontact a:focus {
    color: #fff; /*dark green comp colour*/
    text-decoration: none;
}
.footer {
    padding: 2% 0% 3% 0%;
    overflow: hidden;
    text-align: center;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:focus {
    color: #595959;
    text-decoration: none;
}
/*********ELEMENTS*************/
.divcenter {
    width: 100%;
    text-align: center;
} 
.padding {
    padding: 1% 3%;
}
.imgpadding {
    padding:3%;
}
.clear {
    clear: both;
}
.green {
    background-color: #79b62b;
    color: #fff;
}
/*******************DEBUG****************/
</pre></body></html>