@font-face {
  font-family: 'League';
  src: url('../fonts/leaguegothic-regular-webfont.eot?') format('eot'), url('leaguegothic-regular-webfont.svg') format('svg'), url('leaguegothic-regular-webfont.ttf') format('truetype'), url('../fonts/leaguegothic-regular-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Ostrich';
  src: url('../fonts/ostrich-regular-webfont.eot?') format('eot'), url('ostrich-regular-webfont.svg') format('svg'), url('ostrich-regular-webfont.ttf') format('truetype'), url('../fonts/ostrich-regular-webfont.woff') format('woff');
}

html,body{height:100%; font-family: Univers, sans-serif;}
p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5 {margin: 0; padding: 0;}
ul,ol{list-style: none;}
ing{border:none;}

body,html {height: 100%;}
body{background: #afc5b8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYWZjNWI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, #afc5b8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#afc5b8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #afc5b8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #afc5b8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #afc5b8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(135deg, #afc5b8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afc5b8', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
body {padding: 0; margin: 0; background-attachment: fixed;}

.full {float: left; clear: both; width: 100%; }
.wrapper {width: 1000px; margin: 0px auto;}

#Header {width: 100%; height: 125px; background: url(../images/general/pattern.gif); padding: 0; margin: 0;}
#Header h2 {width: 291px; height: 71px; float: left; margin-top: 24px;}
#Header h2 a {float: left; width: 100%; height: 100%; background: url(../images/general/logo.png) 0 0 no-repeat; text-indent: -99999px;}
#Header .wrapper div {float: right;}
#Header ul#HeaderMenu {float: right; clear: both; border-top: 1px dotted black; text-transform: uppercase; font-size: 16px; margin-top: 10px;}
#Header ul#HeaderMenu li {float: left;}
#Header ul#HeaderMenu li a {float: left; padding: 10px 20px; color: #056839; text-decoration: none; font-family: Ostrich; letter-spacing: 0.1em; font-size: 25px;}
#Header ul#HeaderMenu li a:hover {color: #afc5b8;}
#Header ul#HeaderMenu li.first a {padding-left: 0;} #Header ul#HeaderMenu li.last a {padding-right: 0;}
#Header #HeaderSocial {float: right; margin-top: 10px;}
#Header #HeaderSocial li {float: left; width: 20px; text-indent: -99999px;}
#Header #HeaderSocial li a {float: left; width: 20px; height: 20px; background-position: 0 0; background-repeat: no-repeat;}
#Header #HeaderSocial li.fb a {background-image: url(../images/general/fb.png);}
#Header #HeaderSocial li.tw a {background-image: url(../images/general/tw.png);}
#Header #HeaderSocial li.em a {background-image: url(../images/general/em.png);}
#Header #HeaderSocial li.cc {text-indent: 0; width: auto; font-size: 10px; padding: 0 0 0 10px; text-align: right;}
#HeaderShadow {width: 100%; height: 10px; background: url(../images/general/headershadow.png) 0 0 repeat-x;}

#HomeBanner {}
#HomeBanner .wrapper {height: 250px; position: relative;}
#HomeBanner .wrapper div {width: 100%; height: 250px; background: url(../images/banners/home-wills.png) no-repeat 50% 50%; position: absolute; top: 0; left: 0; z-index: 50;}
#HomeBanner .wrapper div a {float: left; position: absolute; top: 175px; left: 505px; width: 87px; height: 35px; background: url(../images/specific/aboutbutton.png) 0 0 no-repeat; text-indent: -99999px;}
#HomeBanner .wrapper div a:hover {background-position: 0 100%;}
#HomeBanner .wrapper #banner2 {background: url(../images/banners/home-civil.png) no-repeat 50% 50%; opacity: 0; z-index: 5;}
#HomeBanner .wrapper #banner3 {background: url(../images/banners/home-converyancing.png) no-repeat 50% 50%; opacity: 0; z-index: 5;}

.content {margin-top: 20px; background: url(../images/general/strokegradient.gif) repeat-x 0 0; }
.content h2 {float: left; clear: both; width: 100%; font-family: Ostrich, Univers, sans-serif; letter-spacing: 0.1em; font-size: 28px; padding-bottom: 20px; border-bottom: 1px dotted #274f37; text-transform: uppercase; margin: 40px 0 25px 0; font-weight: normal; color: #274f37;}
.content h3 {}
.content h2 a {text-decoration: none; color: inherit;}
.content h2.teamtitle {margin-bottom: 0px;}
.content p {font-family: Univers, sans-serif; color: #676767; margin-bottom: 15px;}
.content p.lowercase {text-transform: none; line-height: 1.4em;}
.content p.intro, .content p strong, .content p.lowercase strong {font-size: 16px; color: #274f37;}
.content p a {text-decoration: underline; font-size: 75%; color: #274f37; text-transform: normal;}
.content p a.email {float: left; padding: 10px 0 7px 20px; background: url(../images/general/em.png) 0 50% no-repeat; border-bottom: 1px dotted #274f37; margin-bottom: 15px; text-transform: none; font-size: 16px; text-decoration: none; width: 680px;}
.content p a.email:hover {color: #449b33;}
.content p a.none {background: none; padding-left: 10px; border-left: 2px solid #274F37;}
.content p a.none:hover {background-color: #D8E0DB; border-left: 2px solid #274F37;}
.content p.small {font-size: 75%;}
.content p.small a {font-size: 100%;}
.content .wide {float: left; width: 700px; margin-right: 20px;}
.content .thin {float: left; width: 280px;}
.content .thin ul {float: left; clear: both; margin-top: -10px;}
.content .thin ul li {width: 280px; float: left; clear: both;border-bottom: 1px dotted #274f37;}
.content .thin ul li.last {border-bottom: none;}
.content .thin ul li a {width: 258px; float: left; padding: 10px 10px; color: #274f37; text-decoration: none; border-left: 2px solid #d8e0db;}
.content .thin ul li a:hover {background: #d8e0db; border-left: 2px solid #274f37;}
.content .thin ul li.active a {background-color: #d8e0db; border-left: 2px solid #274f37;}
.content .serviceTitle {margin-top: 10px; padding-top: 30px; background-repeat: no-repeat; background-position: 100% 50%; background-image: url(../images/general/servicedefault.png); text-transform: none;}

#Team {margin-top: 10px; padding-bottom: 20px;}
#Team .wrapper a {width: 219px; height: 212px; padding: 10px; float: left; margin-right: 2px; background-repeat: no-repeat; background-position: 0 0; text-indent: -99999px; color: #fff; text-decoration: none; text-transform: uppercase;}
#Team .wrapper a span {opacity: 0; font-size: 50%; padding-top: 10px;}
#Team .wrapper a:hover {background-position: 0 100%; text-indent: 0;}
#Team .wrapper a:hover span {opacity: 1;}
#Team .wrapper a.active {background-position: 0 100%; text-indent: 0;}
#Team .wrapper a.active:hover {background-position: 0 100%; text-indent: 0;}
#Team .wrapper a.active:hover span, #Team .wrapper a.active span {opacity: 1;}
#Team .wrapper a#grahamjones {background-image: url(../images/specific/grahamjones.png);}
#Team .wrapper a#malcolmjones {background-image: url(../images/specific/malcolmjones.png);}
#Team .wrapper a#jonathanpickford {background-image: url(../images/specific/jonathanpickford.png);}
#Team .wrapper a#wallynobes {background-image: url(../images/specific/wallynobes.png);}

#Map {margin-top: 10px; padding-bottom: 1px;}
#Map .wrapper, #ServicesBanner .wrapper {height: 250px;}

#contactform {float: left; clear: both;}
#contactform ul {width: 700px; float: left; clear: both;}
#contactform ul li {width: 350px; float: left; clear: none; height: 50px; padding: 0; margin: 0;}
#contactform ul li.textarea {width: 700px; height: auto;}
#contactform ul li input {border: none; background: #fff; padding: 5px; width: 330px; height: 30px; text-transform: normal; font-size: 16px;}
#contactform ul li textarea {width: 680px; border: none; background: #fff; height: 120px; padding: 5px; text-transform: normal; font-size: 16px; margin-bottom: 10px;}
#contactform ul li.textarea input {width: 120px; height: 33px; color: #fff; background: #274f37; text-transform: normal;}

h2#Twitter {background: url(../images/general/twitter.png) 100% 3px no-repeat}
#contactformsucces {opacity: 0; display: none;}

#quoteform {}
#quoteform ul {}
#quoteform ul li {float: left; clear: both; height: 30px; overflow: hidden; padding: 10px;}
#quoteform ul li input, select {width: 450px; border: none; background: #fff; padding: 5px; text-transform: uppercase;}
#quoteform ul li select {margin-top: 10px; width: 460px;}
#succesfullsend {display: none; opacity: 0;}


.content .thin ul.tweet_list {float: left; clear: both;}
.content .thin ul.tweet_list li {padding: 0; margin: 0; width: auto; height: auto; border: none; background: none;}
.content .thin ul.tweet_list li a {float: none; padding: 0; margin: 0; width: auto; height: auto; border: none; background: none; font-size: 100%;}
.subtweets {}
.subtweets a {border: none; float: none; clear: none; width: auto; height: auto;}

#Footer {padding-bottom: 30px;}
#Footer #FooterInfo {width: 980px; padding: 15px 10px; border-bottom: 1px solid #6d6e6e; background:url(../images/general/strokegradient.gif) repeat-x #ccd7d1; color: #274f37; font-weight: bold;}
#Footer #FooterInfo strong {color: #274f37; font-weight: normal;}
#Footer #FooterInfo a {color: #274f37; text-decoration: none;}
#Footer div {width: 1000px; font-family: Arial; font-size: 11px; color: #274f37; margin-top: 20px;}
#Footer div .design {width: auto; float: left;}
#Footer div .other {width: auto; float: right; text-align: right;}
#Footer div a {text-decoration: none;}