html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0;font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
* {outline:none;}
img {display:block; max-width:100%; height:auto;}

.container {margin:0 auto; width:960px;}
.col-1{width:8.33%;}.col-2{width:16.66%;}.col-3{width:25%;}.col-4{width:33.33%;}.col-5{width:41.66%;}.col-6{width:50%;}.col-7{width:58.33%;}.col-8{width:66.66%;}.col-9{width:75%;}.col-10{width:83.33%;}.col-11{width:91.66%;}.col-12{width:100%;}
[class*='col-'] {float:left; padding:10px; box-sizing:border-box;}
[class*='col-'].to-edge {padding:0;}
[class*='col-'].to-edge-left {padding-left:0;}
[class*='col-'].to-edge-right {padding-right:0;}
[class*='col-'].to-edge-top {padding-top:0;}
[class*='col-'].to-edge-bottom {padding-bottom:0;}
[class*='col-'].pad-left {padding-left:10px;}
[class*='col-'].pad-right {padding-right:10px;}
.row {margin:20px 0;}
.row.white {background:#ffffff; padding:10px; -moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;}
.row.grey {background:#e6e6e6; padding:10px;}

body {background-color:#fafafa; color:#424242; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 0.8em;}

@font-face {
    font-family: 'BellGothicStdLightBold';
    src: url('/_resources/bellgothicstd-bold-webfont.eot');
    src: url('/_resources/bellgothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_resources/bellgothicstd-bold-webfont.woff') format('woff'),
         url('/_resources/bellgothicstd-bold-webfont.ttf') format('truetype'),
         url('/_resources/bellgothicstd-bold-webfont.svg#BellGothicStdLightBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font-size:2em; font-family:'BellGothicStdLightBold'; color:#005438; margin:0 0 10px 0;}
h2, #right h3 {font-size:1.7em; font-family:'BellGothicStdLightBold'; color:#005438; margin:0 0 10px 0;} 
h3 {font-size:1em;}
a img {border:0;}
a {color:#005438;}
h1, h2, h3 {padding:0;}
p {padding:0 0 20px 0;}
strong {font-weight:bold;}
.green {color:#005438;}
.hide {display:none;}
.right {float:right;}
.left {float:left;}
.row:after,.clear:after {content:''; clear:both; display:block;}
.clear-left {clear:left;}

#logo img {float:left;}
#logo .logo-text {font-size:2.5em; text-decoration:none; color:#005438; display:block; float:left; margin:13px 0 0 10px; font-family:'BellGothicStdLightBold';}
#logo .logo-text span {color:#007C38;}

#cta {float:right; color:#005438; font-size:1.7em;}
#cta ul {list-style:none;}
#cta ul li {text-align:right; padding:0 0 5px 0; font-size:1em; color:#005438;}
#cta a {color:#005438;}

#menu {margin-top:20px; height:30px; background:#000; clear:both;}
#menu ul {list-style:none;}
#menu ul li.active {background:#005438;}
#menu ul li {float:left;}
#menu ul li a {color:#fff; text-decoration:none; padding:0 16px; line-height:30px; display:block;}
#menu ul li a:hover {background:#005438;}
#menu ul ul {position:absolute; width:158px; left:-999em; z-index:20;}
#menu ul ul li {margin:0; width:163px;}
#menu ul li:hover ul {left:auto; width:163px;}
#menu ul ul li  {background:#2D2D2D;}
#menu ul ul li:hover  {background:#005438;}
#menu ul li:hover ul ul {left:-999em;}
#menu ul ul li:hover ul {left:156px; top:0;}

#slideshow {overflow:hidden; height:277px; position:relative;}
#slideshow,#slideshow ul li {}
#slideshow ul li {width:100%;}
#slideshow ul {list-style:none;}
#slideshow div {position:absolute; bottom:20px; left:20px; width:500px; padding:20px; background:url('/images/blackbackground.png'); color:#fff;}
#slideshow div p {color:#fff; padding:0;}
#slideshow div .slideT {font-size:1.7em; padding:0 0 20px 0; font-family:'BellGothicStdLightBold';}

#sub-slide {position:relative; overflow:hidden; margin-bottom:10px;}
#sub-slide ul {list-style:none;}
#sub-slide li {height:150px;}
#sub-slide div {position:absolute; bottom:20px; left:20px; padding:20px; background:url('/images/blackbackground.png');heigth:150px;}
#sub-slide div h1 {color:#fff; margin:0;}
#sub-slide img {width:auto; height:100%;}

#left-images ul {list-style:none;}
#left-images ul li {padding:0 0 17px 0;}
#left-images ul li:last-child {padding-bottom:0;}

#content>div>div>ul,ul.list {padding:0 20px 10px 20px;}

#image-links {width:440px; padding:0; margin:0;}
#image-links li {float:left; list-style:none; background:#f1f1f1; width:210px; margin-bottom:20px; position:relative; opacity:0.9;}
#image-links li:hover {opacity:1;}
#image-links li img {width:100%;}
#image-links li div {position:absolute; top:0; left:0; right:0; padding:10px; font-family:'BellGothicStdLightBold'; font-size:1.4em;}
#image-links li div a {color:#fff; text-decoration:none;}
#image-links li div#green1 {background:url('/images/layout/cta/green1.png');}
#image-links li div#green2 {background:url('/images/layout/cta/green2.png');}
#image-links li div#green3 {background:url('/images/layout/cta/green3.png');}
#image-links li div#green4 {background:url('/images/layout/cta/green4.png');}

#contactform ol.form li {padding:0 0 10px; font-weight:bold; list-style:none;}
#contactform ol.form li input.button {margin-top:0;}
form ol.form {list-style-type:none; padding:0 0 10px 0; margin:0;}
form ol.form li {margin-bottom:0.6em;}
form ol.form label,.label {float:left; width:90px; text-align:right; color:#000;}
form ol.form label.inline {float:none; display:inline-block; text-align:left; font-weight:normal; margin-bottom:-6px position:relative; top:-4px;}
form ol.form label.inline * {display:inline-block; vertical-align:top;}
form ol.form label.inline input {margin:0; position:relative; top:2px;}
form ol.form label.inline span {width:90%; width:calc(100% - 20px);}
form ol.form input.text,form textarea,form select,form ol.form label.inline {margin-left:20px; width:270px;}
p.offset {margin-left:100px;}
form.form p.offset input {margin-left:0;}
#recaptcha_area {margin-left:95px;}
.error, form ol.form li.error label, input.error {color:#f26122;}
ol.form input.error {border:1px solid #f26122;}
input.button {background-color:#005438;color:#fff;padding:10px 20px;font-size:1.3em; margin:10px 0 0 20px;}
.form .grecaptcha-badge {transform:translateY(-50px);}

#right-contact {-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; background-color:#ffffff; padding:20px; margin-bottom:20px;}
#right-contact h2 {font-size:3em;}
#right-contact ul {list-style:none; padding:0!important;}
#right-contact ul li {padding:5px 0;}

.page-links {height:22px; padding:6px 0 20px;}
.page-links ul {list-style:none; padding:0!important;}
.page-links li {float:left; margin-right:6px;}
.page-links a {display:block; height:20px; line-height:20px; padding:0 5px; border:1px solid #dddddd;}
.page-links a.active {font-weight:bold;}

#right {-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow:0 0 5px#888; box-shadow: 0 0 5px #888; background-color:#fff; padding:20px;}
#right ul {list-style:none; padding:0 0 20px 0!important;}
#right ul:last-child {padding-bottom:0!important;}
#right ul li {padding:2px 0;}

ul#testimonials {list-style:none;}
ul#testimonials li {margin:10px 0 20px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; background-color:#fff; padding:20px 20px 0 20px;}
ul#testimonials li:last-child {margin-bottom:0;}

#news-update p {padding:0;}
#news-update #latest-news {display:block; text-align:center; border:1px solid #999; border-radius:3px; font-size:1.2em; height:25px; line-height:24px; padding:0 5px; margin-right:20px; background:#fafafa; color:#005438; text-decoration:none;}
#news-update #news-content {background:#fff; border:1px solid #999; border-radius:3px; font-size:0.9em; line-height:24px; padding:0 5px;}

#footer ul {list-style:none; color:#4D4D4D; font-size:0.89em; padding:0;}
#footer ul li {padding:0 0 20px 0;}
#footer ul li p {padding:0;}
#footer ul li span {color:#005438; font-weight:bold;}
#footer ul.quick-links {min-height:100px;}
#footer ul.quick-links>li {width:50%; min-height:125px; float:left; padding:0;}
#footer ul li.ftitle {font-size:1.5em; min-height:0; padding-bottom:20px; font-family:'BellGothicStdLightBold';}
#footer ul li a.subtitle {font-size:1.5em;font-family:'BellGothicStdLightBold'; color:#424242; text-decoration:none;}
#footer ul li a.subtitle:hover {text-decoration:underline;}
#footer ul.quick-links p {font-size:1.2em; margin:10px 0 0 0;}
#footer ul.quick-links li ul {padding:10px 0 0;}
#footer ul.quick-links li ul li  {padding:0 0 5px 0;}
#footer #fsocial ul li {float:left;padding:0 5px 0 0;}
#enquire {background:#005438; text-align:center; padding:10px 0; display:block; color:#fff; font-size:1.6em;}
a#enquire:hover {background:#424242;}
#testimonials-footer .client {margin-bottom:20px;}
#testimonials-footer .client:last-child {margin-bottom:0;}

#footer-bottom ul {list-style:none; padding:0 10px;}
#footer-bottom ul li {float:left; padding:0 7px; font-size:0.7em; color:#818181;}
#footer-bottom ul li a {text-decoration:none; color:#818181;}
#footer-bottom ul li a:hover {text-decoration:underline; color:#000;}
p.client {font-weight:bold;}

#slideMenu {color:#dadada;}
#slideMenu, #slideMenu * {padding:0; margin:0;}
#slideMenu > div {position:fixed;}
#slideMenu > div,#slideMenu > div > div {top:0; bottom:0; height:100%;}
#slideMenu > .sm-overlay {display:none; left:0; right:0; width:100%; padding:0; margin:0; background:rgba(0,0,0,0.25); z-index:999999; cursor:pointer;}
#slideMenu > .sm-menu {background:#434343; width:auto; left:0; right:auto; z-index:999999; overflow:hidden; opacity:0; -webkit-backface-visibility:hidden;}
#slideMenu > .sm-menu.right {right:0; left:auto;}
#slideMenu > .sm-menu > .sm-inner {overflow:auto;}
#slideMenu > .sm-menu.sm-active {-webkit-transform:translate(0px,0)!important; transform:translate(0px,0)!important; box-shadow:0 0 20px rgba(0,0,0,0.8); opacity:1;}
#slideMenu p, #slideMenu ul li a {padding:8px 10px 7px; line-height:16px;}
#slideMenu ul ul a {padding-left:25px;}
#slideMenu p {font-weight:bold; font-size:1.15em;}
#slideMenu ul {list-style:none; clear:both;}
#slideMenu ul li a {display:block; color:#ffffff; text-decoration:none;}
#slideMenu ul li.active>a,#slideMenu ul li a:hover {background:#005438;}

.slideButton {display:none; position:relative; height:28px; font-size:1.1em; line-height:28px; padding:0 28px 0 8px; float:right; cursor:pointer; color:#006737; border:1px solid #006737; text-decoration:none; margin:17px 0 18px;}
.slideButton:before {content:''; position:absolute; right:9px; top:9px; width:12px; height:2px; background:#006737; box-shadow:0 4px 0 0 #006737,0 8px 0 0 #006737;}
.slideButton:hover,.slideButton:focus {background:#006737; color:#ffffff;}
.slideButton:hover:before,.slideButton:focus:before {background:#ffffff; box-shadow:0 4px 0 0 #ffffff,0 8px 0 0 #ffffff;}

@media screen and (max-width:959px){
	.container {width:640px;}
	.row {margin:10px 0 15px;}
	.col-t-1{width:8.33%;}.col-t-2{width:16.66%;}.col-t-3{width:25%;}.col-t-4{width:33.33%;}.col-t-5{width:41.66%;}.col-t-6{width:50%;}.col-t-7{width:58.33%;}.col-t-8{width:66.66%;}.col-t-9{width:75%;}.col-t-10{width:83.33%;}.col-t-11{width:91.66%;}.col-t-12{width:100%;}
	.to-t-edge {padding:0!important;}
	.to-t-edge-left {padding-left:0!important;}
	.to-t-right-10 {margin-right:-10px; width:calc(100% + 10px);}
	.pad-t-sides {padding:0 10px!important;}
	.pad-t-left {padding-left:10px!important;}
	.pad-t-right {padding-right:10px!important;}
	.pad-t-edge {padding:10px!important;}

	#cta {text-align:center; margin-bottom:10px; font-size:1.2em;}
	#cta li {display:inline; margin:0 10px;}

	#menu {display:none;}
	.slideButton {display:block;}
	
	#slideshow {height:185px;}
	#slideshow div {bottom:0; left:0; padding:10px; font-size:0.76em; width:40%; width:calc(45% - 10px);}
	
	#sub-slide div {position:absolute; bottom:0; left:0; padding:10px; background:url('/images/blackbackground.png');heigth:120px;}
	#sub-slide div h1 {font-size:1.7em;}
	#sub-slide li {height:120px; background-size:cover; background-position:center;}

	#image-links {width:100%; padding:0; margin:0;}
	#image-links li {width:23%; width:calc(25% - 6px); margin-bottom:0;}
	#image-links li:not(:last-child) {margin-right:8px!important;}
	#image-links li div {padding:5px 10px;}
	
	#footer ul.quick-links>li:not(:first-child) {min-height:142px;}
	#footer-bottom {text-align:center;}
	#footer-bottom ul li {float:none; display:inline;}
}
@media screen and (max-width:639px){
	.container {width:560px;}
	.col-m-1{width:8.33%;}.col-m-2{width:16.66%;}.col-m-3{width:25%;}.col-m-4{width:33.33%;}.col-m-5{width:41.66%;}.col-m-6{width:50%;}.col-m-7{width:58.33%;}.col-m-8{width:66.66%;}.col-m-9{width:75%;}.col-m-10{width:83.33%;}.col-m-11{width:91.66%;}.col-m-12{width:100%;}
	.to-m-edge {padding:0!important;}
	.pad-m-edge {padding:10px!important;}
	
	#slideshow,#slideshow li {height:185px;}
	#slideshow img {max-width:none;}
	#sub-slide div h1 {font-size:1.4em;}
	
	form ol.form input.text, form textarea, form select,form ol.form label.inline {margin-left:20px; width:230px;}
	
	#image-links li {width:100%; margin:0 0 20px 0!important;}
}
@media screen and (max-width:559px){
	.container {width:480px;}
	[class*='col-'] {width:100%;}
	.to-a-edge {padding:0!important;}
	.to-a-sides-10 {margin-left:-10px; margin-right:-10px; width:calc(100% + 20px);}
	.pad-a-edge {padding:10px!important;}
	.pad-a-sides {padding:0 10px!important;}
	
	#logo img {height:40px;}
	#logo .logo-text {margin:8px 0 0 6px; font-size:1.45em;}
	.slideButton {margin:5px 0;}
	
	#sub-slide div h1 {font-size:1.35em;}
	
	#left-images li {width:50%; width:calc(50% - 10px); float:left;}
	#left-images li:nth-child(2n) {float:right;}
	
	#image-links {width:calc(100% + 20px)!important;}
	#image-links li {width:calc(50% - 20px); margin-bottom:20px; margin-right:20px!important;}
	#image-links li:not(:last-child) {margin-right:20px!important;}
	
	#news-update #latest-news {margin:0 0 10px 0!important;}
}
@media screen and (max-width:479px){
	.container {width:400px;}
	
	#slideshow div {width:45%; width:calc(50% - 10px);}
	
	#cta {font-size:0.95em;}
	#cta li {margin:0 5px;}
}
@media screen and (max-width:399px){
	.container {width:320px;}
	
	#logo img {height:36px;}
	#logo .logo-text {margin:7px 0 0 6px; font-size:1.4em;}
	
	.slideButton {padding:0 27px 0 7px; line-height:28px; margin:3px 0;}
	.slideButton:before {top:9px;}
	
	#slideshow div {padding:8px; font-size:0.74em; width:50%; width:calc(55% - 8px);}
	
	form ol.form input.text, form textarea, form select,form ol.form label.inline {margin-left:10px; width:190px;}
	ol.form #captcha,input.button {margin-left:10px;}
}