/* Page BG #ffffff; */
/* Dark Green #005f49; */

body {
	background-color: #ffffff;
	font-size: medium;
	color: #000000;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

.noscreen {display: none;}
.floatright {float: right;}
.floatleft {float: left;}

.house {color: #005f49;}

.main {width: 960px; border: 0 none; margin: 10px auto; padding: 0; background: #ffffff url('images/main_bg.jpg') top left repeat-y;}

.maincontainer {width: 930px; margin: 0 0 0 12px;}

.headerpanel {position: relative; clear: both; width: 100%; min-height: 30px; border: 0 none; padding: 0; margin: 0; color: #005f49; background: #ffffff url('images/header_bg.jpg') top left no-repeat;}
.logo {position: absolute; top: 0; right: 0; margin: 10px 45px 5px 25px; z-index: 5;}
.logoleft {position: absolute; top: 0; left: 0; margin: 10px 25px 5px 35px; z-index: 5;}

.header {clear: both; width: 100%; border: 0 none; padding: 0; margin: 0 0 10px 0; border: 0 none;}
.strap {text-align: left; margin: 40px 0 0 10px; text-transform: uppercase; font-style: italic}
.strapright {text-align: right; margin: 40px 20px 0 0; text-transform: uppercase; font-style: italic}

.topmenupanel {clear: both;}

ul.topmenu {padding: 0; margin: 0; font-size: 14px; background: #ffffff url('images/navbg.gif') left center repeat-x; list-style-type: none;}

li.topmenu {display: inline; color: #005f49; padding: 0; margin: 0; zoom: 1;}
li.topmenu a {padding: 0 3px 0 0; text-decoration: none; color: #005f49; font-weight: normal;}
li.topmenu a:visited {text-decoration: none; color: #005f49;}
li.topmenu a:hover {text-decoration: none; color: #dd0000;}
li.topmenu a:active {text-decoration: none; color: #005f49;}

li.topmenuthis {display: inline; color: #000000; padding: 0; margin: 0; zoom: 1;}
li.topmenuthis a {padding: 0 3px 0 0; text-decoration: none; color: #000000; font-weight: bold;}
li.topmenuthis a:visited {text-decoration: none; color: #000000;}
li.topmenuthis a:hover {text-decoration: none; color: #005f49;}
li.topmenuthis a:active {text-decoration: none; color: #000000;}

.navdivider {margin: 5px; padding: 0; width: 7px; height: 36px; vertical-align: middle; display: inline;}
.navbegin {margin: 5px 0; padding: 0; width: 7px; height: 36px; vertical-align: middle; display: inline;}

.phone {float: right; font-size: 0.8em; font-weight: bold; margin: 13px 25px 0 0;}

.rightpanel {float: right; width: 200px; border: 0 none; padding: 0; margin: 0 0 10px 0; font-size: 0.85em;}
.leftpanel {float: left; width: 720px; border: 0 none; padding: 0; margin: 0 0 10px 0; font-size: 0.85em;}

.mainimage {margin: 5px 0; float: right;}

.lefttopimage {margin: 5px 10px;}

.leftcolimage {margin: 5px 10px;}

.calltoaction {text-align: center;}

.footerpanel {position: relative; clear: both; width: 100%; height: 115px; border: 0 none; padding: 0; margin: 0; color: #005f49; text-align: center; background: transparent url('images/footer_bg_tall.jpg') bottom left no-repeat;}
.footercorner {position: absolute; bottom: 0; right: 0;}

.footerlinks {font-size: 0.75em; padding: 0 0 0 25px; margin: 0; text-align: left;}
.footer {font-size: 0.8em; margin: 0; position: absolute; bottom: 30px; left: 30px; width: 900px;}

.maincontent {float: right; width: 510px; border: 0 none; padding: 0; margin: 0 0 10px 0; text-align: justify;}
.leftcol {float: left; width: 200px; border: 0 none; padding: 0; margin: 0 0 10px 0;}
.col2left {float:left; width: 35%;}
.col2right {float:right; width: 60%;}
.rightdouble {float:right; width: 710px; font-size: 0.85em;}

.casestudy {width: 100%;}
.casestudyleft {float: left; width: 80%; text-align: left;}
.casestudyright {float: right; width: 20%; text-align: center;}
.casestudythumb {float: left; margin: 0 15px 10px 0;}

.faqthumb {float: right; margin: 0 0 10px 15px;}

.copyrightpanel {width: 920px; border: 0 none ; margin: 0 auto; padding: 0; background: #ffffff; color: #666666; text-align: right; font-size: 0.7em; }
.webmaster {float: left; margin: 0; padding: 0;}

img {border: 0 none;}
image {border: 0 none;}

.clickable {cursor: pointer;}

#enquiryform {font-size: 0.95em; text-align: left;}

.form {padding: 0; margin:0;}
.formfield {margin: 5px 0;}
.formfieldwide {margin: 5px 0;}
.formlabel {width: 50%; float: left; font-weight: bold; margin: 0 5px 0 0;}
.formlabelcaptcha {width: 35%; float: left; font-weight: normal; margin: 0 5px 0 0; font-size: 0.85em; text-align: justify;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 0 5px 0 0;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 0; text-align: right;}

h1 {font-size: 1.4em; padding: 0; margin: 10px 0; color: #005f49;}
h2 {font-size: 1.2em; padding: 0; margin: 0; color: #005f49;}
h3 {font-size: 1.2em; padding: 0; margin: 0; color: #005f49;}
h4 {font-size: 1.2em; padding: 0; margin: 0; color: #000000;}
h5 {font-size: 1.1em; padding: 0; margin: 0; color: #005f49;}
h5.panel {font-size: 1.2em; padding: 1px; margin: 0; color: #ffffff; background: #005f49; text-align: left; cursor: pointer; overflow: hidden; display: block;}
h5.panel img {margin: 0 5px 0 0;}
h5.panel a {color: #ffffff; text-decoration: none;}
h6 {font-size: 1.1em; padding: 0; margin: 0; color: #000000;}

.spacer {clear: both; height: 10px; margin: 0px;}
.separator {clear: both; height: 1px; margin: 0px; font-size: 0.1em;}

ul.menu {margin-top: 12px; list-style-image: url('images/bullet.gif')}

li.menu {font-size: 1em; margin: 0 0 0 -10px; color: #005f49;}
li.menu a {text-decoration: none; color: #005f49;}
li.menu a:visited {text-decoration: none; color: #005f49;}
li.menu a:hover {text-decoration: underline; color: #dd0000;}
li.menu a:active {text-decoration: none; color: #005f49;}

ul.bullet {margin-top: 12px; list-style-image: url('images/bullet.gif')}

li.bullet {font-size: 1em; margin: 0 0 0 -10px;}
li.bullet a {text-decoration: none; color: #005f49;}
li.bullet a:visited {text-decoration: none; color: #005f49;}
li.bullet a:hover {text-decoration: underline; color: #dd0000;}
li.bullet a:active {text-decoration: none; color: #005f49;}

.centered {text-align: center;}
.larger {font-size: 1.2em;}
.smaller {font-size: 0.8em;}
.quote {font-size: 0.7em; margin: 10px; font-style: italic;}
.underlined {text-decoration: underline;}
.context {font-size: 0.85em;}
.clickable {cursor: pointer;}
.rightalign {text-align: right; margin: 0 5px 0 0; font-size: 0.9em}
.righttext {text-align: right; margin: 0 5px 0 0; font-size: 0.7em}
.rightselect {float: right; margin: 10px 0; font-size: 0.8em}
select {font-size: 0.9em;}

.highlight {color: #005f49; font-weight: bold;}

.testimonial {font-size: 1.2em; padding: 0; margin: 10px; color: #000000; font-size: 1.2em;}
.caption {margin: 0 10px; font-size: 1em; font-style: italic; text-align: right;}

.button {font-weight: bold; cursor: pointer;}
.smallbutton{font-size: 0.9em; cursor: pointer; margin: 3px;}
.plaintextbox {border: 0 none; font-weight: bold;}
.smalltextbox {font-size: 0.8em;}

hr {clear: both; height: 1px; color: #005f49; border: 1px solid #005f49; margin: 10px 0;}

a:link {color: #005f49; text-decoration:underline;} 
a:visited {color: #005f49; text-decoration:underline;} 
a:hover {color: #dd0000; text-decoration:none;}
a:active {color: #005f49; text-decoration:underline;}

a.antilink:link {color: #005f49; text-decoration:none;} 
a.antilink:visited {color: #005f49; text-decoration:none;} 
a.antilink:hover {color: #dd0000; text-decoration:underline;}
a.antilink:active {color: #005f49; text-decoration:none;}

a.webmasterlink:link {color: #666666; text-decoration:none;} 
a.webmasterlink:visited {color: #666666; text-decoration:none;} 
a.webmasterlink:hover {color: #666666; text-decoration:underline;}
a.webmasterlink:active {color: #666666; text-decoration:none;}

.box {margin: 5px 10px; background-color: #f0f0f0;}
.tedge {background-position: right top; background-image: url(images/tedge.gif); background-repeat: repeat-x;}
.redge {background-position: right top; background-image: url(images/redge.gif); background-repeat: repeat-y;}
.bedge {background-position: left bottom; background-image: url(images/bedge.gif); background-repeat: repeat-x;}
.ledge {background-position: left top; background-image: url(images/ledge.gif); background-repeat: repeat-y;}
.tlcorner {background-position: left top; background-image: url(images/tl.gif); background-repeat: no-repeat;}
.trcorner {background-position: right top; background-image: url(images/tr.gif); background-repeat: no-repeat;}
.brcorner {background-position: right bottom; background-image: url(images/br.gif); background-repeat: no-repeat;}
.blcorner {background-position: left bottom; background-image: url(images/bl.gif); background-repeat: no-repeat;}

.box_red {margin: 10px; background-color: #FEF2EC;}
.tedge_red {background-position: right top; background-image: url(images/tedge_red.gif); background-repeat: repeat-x;}
.redge_red {background-position: right top; background-image: url(images/redge_red.gif); background-repeat: repeat-y;}
.bedge_red {background-position: left bottom; background-image: url(images/bedge_red.gif); background-repeat: repeat-x;}
.ledge_red {background-position: left top; background-image: url(images/ledge_red.gif); background-repeat: repeat-y;}
.tlcorner_red {background-position: left top; background-image: url(images/tl_red.gif); background-repeat: no-repeat;}
.trcorner_red {background-position: right top; background-image: url(images/tr_red.gif); background-repeat: no-repeat;}
.brcorner_red {background-position: right bottom; background-image: url(images/br_red.gif); background-repeat: no-repeat;}
.blcorner_red {background-position: left bottom; background-image: url(images/bl_red.gif); background-repeat: no-repeat;}

.box_green {margin: 5px 10px 10px 10px; background-color: #EEF6F6; cursor: pointer;}
.box_green_tight {margin: 10px 0 10px 20px; background-color: #EEF6F6;}
.box_green_float {margin: 10px 10px 10px 0; background-color: #EEF6F6; float: left; width: 190px;}

.tedge_green {background-position: right top; background-image: url(images/tedge_green.gif); background-repeat: repeat-x;}
.redge_green {background-position: right top; background-image: url(images/redge_green.gif); background-repeat: repeat-y;}
.bedge_green {background-position: left bottom; background-image: url(images/bedge_green.gif); background-repeat: repeat-x;}
.ledge_green {background-position: left top; background-image: url(images/ledge_green.gif); background-repeat: repeat-y;}
.tlcorner_green {background-position: left top; background-image: url(images/tl_green.gif); background-repeat: no-repeat;}
.trcorner_green {background-position: right top; background-image: url(images/tr_green.gif); background-repeat: no-repeat;}
.brcorner_green {background-position: right bottom; background-image: url(images/br_green.gif); background-repeat: no-repeat;}
.blcorner_green {background-position: left bottom; background-image: url(images/bl_green.gif); background-repeat: no-repeat;}

.boxcontent {font-size: 0.8em; padding: 5px 5px 10px 5px;}
.boxcontent p {margin: 0;}

.boxcontenttight {font-size: 0.8em; padding: 0 0 5px 0;}
.boxcontenttight p {margin: 5px;}

.boxcontentcentered {font-size: 0.8em; padding: 5px 5px 10px 5px; text-align: center;}
.boxcontentcentered p {margin: 0;}

ul {text-align: left;}
.looseul li {padding: 12px 0 0 0;}

.articletitle {margin: 5px 0;}
.articlebody {margin: 5px 0;}
.articleattributor {margin: 5px 0;}
.articledate {text-align: right; font-size: 0.8em;}