a:link,
a:visited { color: #007B3D; background-color: transparent; }
a:hover,
a:active,
a:focus { background-color: #FFDC00; color: #000; }

header a:link,
header a:visited { color: #FFDC00; background-color: transparent; }
header a:hover,
header a:active,
header a:focus {color: #666;  background-color: #f2f2f2; }

#nav_main a:link,
#nav_main a:visited { color: #ccc; background-color: transparent; }
#nav_main a:hover,
#nav_main a:active,
#nav_main a:focus {color: #fff;  background-color: transparent; }

.index #nav_main li.index a,
.technologies #nav_main li.technologies a,
.services #nav_main li.services a,
.agricultural #nav_main li.agricultural a,
.gallerypage #nav_main li.gallerypage a,
.accreditations #nav_main li.accreditations a,
.contractors #nav_main li.contractors a,
.casestudies #nav_main li.casestudies a,
.contact #nav_main li.contact {color: #fff;}

.intro a:link,
.intro a:visited { color: #222; background-color: transparent; text-shadow: 1px 1px 2px #FFFFFF;}
.intro a:hover,
.intro a:active,
.intro a:focus,
#content_news a:hover,
#content_news a:active,
#content_news a:focus { background-color: #fff; color: #000; }

.intro .featurebox a:link,
.intro .featurebox a:visited { color: #fff; background-color: transparent; text-shadow: 1px 1px 2px #000;}
.intro .featurebox a:hover,
.intro .featurebox a:active,
.intro .featurebox a:focus { color: #fff; background-color: transparent; }

.portfolio a:link,
.portfolio a:visited { color: #222; background-color: #f2f2f2; text-shadow: 1px 1px 2px #FFFFFF; }
.portfolio a:hover,
.portfolio a:active,
.portfolio a:focus { background-color: #fff; color: #000; }

/*------------------
BACKGROUND IMAGES
----------------------*/
img.cd,
header .branding p.strapline,
header #homecalltoaction .questions li,
header #homecalltoaction .questions .strapline,
header #homecalltoaction .questions .savings h2,
#nav_main li,
#content li,
header div.intro li {background-image: url(../i/sprite.png);}
#content  {background-image: url(../i/content2.gif);}
/*.index #content #content_main  {background-image: url(../i/getintouch.png);}*/
#content_main .reason1 {background-image: url(../i/feat_bills.jpg);}
#content_main .reason2 {background-image: url(../i/feat_eco.jpg);}
header .branding p.logos,
.info #content li {background-image: none;}

/*------------------
COLOUR
----------------------*/
/*red*/
.comment {color: red !important;}

/*white*/
header #homecalltoaction,
header #homecalltoaction h1,
header #homecalltoaction .questions .answer p.action,
header #homecalltoaction .questions .savings h2,
.homepage .intro .featurebox p.desc,
.intro .featurebox h2,
.intro .featurebox p,
.intro .featurebox li {color: #fff;}

/*grey*/
footer {color: #ccc;}

/*mid grey*/
body,
h1, h2, h3, h4,
#site_info > .contacts h2,
#content_sub h2   {color: #444;}

/*green*/
.homepage .intro > h2,
header .branding p.strapline,
#content_main .solution strong {color: #007B3D;}

/*yellow*/

header #homecalltoaction .questions .answer p,
.intro .featurebox h3,
.homepage .intro .featurebox p   {color: #FFDC00;}

/*------------------
BACKGROUND COLOUR
----------------------*/
/*transparent*/
.index header .branding .strapline,
ul.contacts {background-color: transparent;}

/*white*/
body { background-color: #fff;}

/*pale grey*/
#content_sub,
#content_main p img,
#content p.intro,
#content div.intro,
#gallery,
#content_main .col.portfolio,
#content_main .col.portfolio-list,
header div.intro { background-color: #f2f2f2;}

/*light grey*/
header .branding .action,
#content th  {background-color: #e8e8e8;}

/*mid-light grey*/
#site_info .contacts {background-color: #ddd;}

/*dark grey*/
#site_info,
nav#nav_main,
.our_members,
#content_searches form .btn,
footer {background-color: #333;}


/*darker grey*/
#site_info p,
#content_searches form .btn:hover,
#content .graphicfeature,
#content_main .slideshow li span {background-color: #231F20;}

/*green*/
.intro .featurebox  {background-color: #007B3D;}

/*ligher green*/
header #homecalltoaction .questions .answer .action {background-color: #00A04C;}

/*blue*/
header #homecalltoaction {background-color: #6B94C2;}

/*yellow
#site_info .contacts {background-color: #FFDC00;}*/


/*------------------
BORDER COLOUR
----------------------*/
/*white*/
#nav_global nav ul,
#nav_global #nav_skipmain a,
ul.contacts .search,
#content_main .col.portfolio h2,
#content_main .col.portfolio .casestudies .exceprt {border-color: white;}

/*mint*/
#content_main form {border-color: #41BB9B;}

/*orange*/
#content_socialmedia input.txt,
#content .summary a:hover img {border-color: #F6921E;}

/*grey*/
hr,
#content_main .slideshow .slide,
#content_main,
#content_sub h2,
#content_news h2,
#content_searches form label,
#facebookfeed,
#map ,
#content_list #mapkey  li,
#content .summary a img,
#gallery,
.accreditations .gallery div,
#content #content_news h3,
#content #content_news p,
#content_main .col .casestudies{border-color: #e8e8e8;}

/*mid grey*/
#content table,
#content td,
#content th,
#content tr,
#gallery img,
#content_main .col.portfolio-list h2,
#content_main .col.portfolio-list .casestudies .exceprt    { border-color: #ccc;}


/*------------------
gradients
----------------------*/
header #homecalltoaction {
background-image: -webkit-linear-gradient (28.83%, #6B94C2, #4173BA);
background-image: -moz-linear-gradient (28.83%, #6B94C2, #4173BA);
background-image: -ms-linear-gradient (28.83%, #6B94C2, #4173BA);
background-image: -o-linear-gradient (28.83%, #6B94C2, #4173BA);
background-image: linear-gradient (28.83%, #6B94C2, #4173BA);


background: #4173BA; /* Old browsers */

background-image: url(../i/fairies.png), -moz-linear-gradient(top,  #4173BA 1%, #6B94C2 72%); /* FF3.6+ */

background-image: url(../i/fairies.png), -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4173BA), color-stop(72%,#6B94C2)),  url(../i/fairies.png); /* Chrome,Safari4+ */

background-image: url(../i/fairies.png), -webkit-linear-gradient(top,  #4173BA 1%,#6B94C2 72%); /* Chrome10+,Safari5.1+ */

background-image: url(../i/fairies.png), -o-linear-gradient(top,  #4173BA 1%,#6B94C2 72%); /* Opera 11.10+ */

background-image: url(../i/fairies.png), -ms-linear-gradient(top,  #4173BA 1%,#6B94C2 72%); /* IE10+ */

background-image: url(../i/fairies.png), linear-gradient(to bottom,  #4173BA 1%,#6B94C2 72%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4173BA', endColorstr='#6B94C2',GradientType=0 ); /* IE6-9 */

}