/* PAGE PROPERTIES */

/* this the background colour of the page*/


body {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: 'Open Sans', sans-serif;
} 



/* NAVIGATION */

/* this is the link colour on the navigation bar*/

.navbar-default .navbar-nav > li > a {
 
  margin-top:3px !important;
}

/* this is the size of the logo on the navigation bar*/

#brand-image {
  height: 50px;
  padding-bottom:18px !important; 
}


/* this is the height of the navigation bar*/

.navbar-nav > li > a, .navbar-brand {
    padding-top:9px !important; 
    padding-bottom:0 !important;
    height: 42px;
}
.navbar {min-height:50px !important;}


/* THIS IS STOPPING THE HORIZONTAL SCROLL BAR*/
.row {
  margin-left: 0px;
  margin-right: 0px;
}


/* ALL THIS CODE WAS CREATED FROM TWBS Color*/



.navbar-default {
  background-color: #98c034;
  border-color: #6D8F5E;
}
.navbar-default .navbar-brand {
  color: #f7f9f3;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #f7f9f3;
}
.navbar-default .navbar-nav > li > a {
  color: #f7f9f3;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #98c034;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #f7f9f3;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #6D8F5E;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #6D8F5E;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #6D8F5E;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #6D8F5E;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #6D8F5E;
}
.navbar-default .navbar-toggle {
  border-color: #6D8F5E;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #6D8F5E;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f7f9f3;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #f7f9f3;
}
.navbar-default .navbar-link {
  color: #f7f9f3;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #f7f9f3;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #6D8F5E;
  }
}



/* THIS WAS ADDED TO REMOVE THE WHITE SPACE MARGIN FROM THE BOTTOM OF THE NAVIGATION BAR TO THE BOOTSLIDER*/

.navbar {
    margin-bottom: 0;
}



/* NICK THIS CLASS IS CONTROLLING THE JUMBOTRON */

.mysettings {
	background-size: cover;
	background: url(../images/landcsaping.png) center center;
	width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	color: #FFFFFF;
	
}



/* NICK THIS IS CONTROLLING THE COLOURS OF THE ICONS IN THE JUMBOTRON BUTTON */

.btn-primary {
	color: #fff;
	background-color: #98c034;
	border-color: #98c034;
}
.btn-primary:hover {
  color: #fff;
  background-color: #98c034;
  border-color: #98c034;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #98c034;
  border-color: #98c034;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #98c034;
  border-color: #98c034;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: #98c034;
	border-color: #98c034;
}

/* NICK THIS IS CONTROLLING THE LINK ROLLOVERS COLOURS IN THE FOOTER */

a.exterior:link {
	color: #98c034;
	text-decoration: none;
}
a.exterior:visited {
	text-decoration: none;
	color: #98c034;
}
a.exterior:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a.exterior:active {
	text-decoration: none;
	color: #98c034;
}

/* NICK THIS CLASS IS CONTROLLING THE FOOTER BACKGROUND COLOUR - PLUS THE COLOUR OF THE TEXT IN IT - PLUS SOME EXTRA PADDING ON TOP AND BELOW */

.footercolour {
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 0.8em;
	
}

/* NICK THIS IS A CLASS MAKING A FIXED CONTAINER HAVE A BIT MORE PADDING TOP AND BOTTOM  */

.givemespaceabove {
	background-color: #FFFFFF;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	
}

.givemespaceaboveagain {
	background-color: #FFFFFF;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	
}

.givemespaceabovegar {
	background-color: #FFFFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
}



/* NICK THIS IS A MEDIA QUERY / CLASS I USED TO MAKE RHS - the second banner in assoc with ama etc.. - HAVE SOME PADDING WHEN AT XSMALL SIZE TO STOP IT BUNCHING UP  */

@media screen and (max-width: 767px){
.rhs {
	margin-top: 1em;
}
}

@media screen and (max-width: 767px){
.margdownthepics {
	margin-bottom: 1em;
}
}



a.gexterior:link {
	color: #63C9D5;
	text-decoration: none;
	font-weight: bold;
}
a.gexterior:visited {
	text-decoration: none;
	color: #63C9D5;
	font-weight: bold;
}
a.gexterior:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a.gexterior:active {
	text-decoration: none;
	color: #63C9D5;
	font-weight: bold;
}


a.rgexterior:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}
a.rgexterior:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}
a.rgexterior:hover {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}
a.rgexterior:active {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}


/* THIS WAS ADDED TO REMOVE THE WHITE SPACE MARGIN FROM THE BOTTOM OF THE NAVIGATION BAR TO THE BOOTSLIDER*/

.striper {
	height: 4px;
	background-color: #50A955;
}


h1 {
	color: #52A957;
	margin-top: 1px;
	font-weight: bolder;
	line-height: 2.5em;
	font-size: 3em;
} 

@media screen and (max-width: 767px){
h1 {
	line-height: 2em;
	font-size: 2.5em;
}
}

.centrethetext {
	
	text-align: center;
}

.colourforcategories {
	color: #50A955;
	font-size: 16px;
}

.colourforcategoriesa {
	color: #50A955;
	font-size: 18px;
}

.colourforcategoriesb {
	color: #50A955;
	font-size: 18px;
}


.givememarginontop {
	margin-top: 16px;
}

.givemelineheight {
	line-height: 32px;
}


a.jjgexterior:link {
	color: #4EA853;
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
}
a.jjgexterior:visited {
	text-decoration: none;
	color: #4EA853;
	font-weight: bold;
	font-size: 24px;
}
a.jjgexterior:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 24px;
}
a.jjgexterior:active {
	text-decoration: none;
	color: #4EA853;
	font-weight: bold;
	font-size: 24px;
}

a.jjergexterior:link {
	color: #4EA853;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}
a.jjergexterior:visited {
	text-decoration: none;
	color: #4EA853;
	font-weight: bold;
	font-size: 16px;
}
a.jjergexterior:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}
a.jjergexterior:active {
	text-decoration: none;
	color: #4EA853;
	font-weight: bold;
	font-size: 16px;
}


a.kkgexterior:link {
	color: #4EA853;
	text-decoration: none;
	font-weight: bold;
	
}
a.kkgexterior:visited {
	text-decoration: none;
	color: #4EA853;
	font-weight: bold;
	
}
a.kkgexterior:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	
}
a.kkgexterior:active {
	text-decoration: none;
	color: #4EA853;
	font-weight: bold;
	
}


/* NICK THIS IS A CLASS I USED TO LINE THE FORM UP PADDING WISE */


.coolio3 {
	
	margin-top: -10px;
	padding-bottom: 0px;

/* NICK THIS IS A CLASS I THEN USED THE MEDIA QUERY BELOW TO LINE THE FORM UP PADDING WISE ON MOBILE VIEW AS THERE WAS TOO MUCH PADDING ON TOP AT THIS VIEW */	
	
}

@media screen and (max-width: 767px){
.coolio3 {
	
	padding-top: 7px;
	padding-bottom: 12px;
	
	
}
}