/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
ul li {list-style-type:square;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;}

/**************** General rules *********************/
html, body{ height:100%;  margin:0;  padding:0;  text-align:center;}
body {height:101%; line-height:150%; color: #555; text-align: center; background:#fff url(../images/greenback.jpg) top left repeat-x;}
#container{width:98%; max-width:1100px; min-width:758px;margin: 1em auto;font-size:78%;background:white url(../images/greyback.gif) left top repeat-y;border:6px solid #dcdada;text-align:left; }
#header{position:relative; height:120px; border-top:1px solid #1e568f; background:#175a8e url(../images/blueback.jpg) left top repeat-x;color: #fff; width:100%;}
#skip {font-size:80%; width:40%;  text-align:right; color:white;   margin:0;position:absolute;top:0;right:0.5em;z-index:10;}
#skip li {display:inline;  list-style-type: none;  padding: 0 0 0 1em;  }
#skip li a:link, #skip li a:visited  {border:none; color:#fff; padding:5px;   }
#skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff;    padding:5px;border-top:1px solid white;}

#wrapper {border-top:4px solid #136305;}
#sidebar{width:20%;float:left;position:relative;background-color:#eeeded;display:inline;}
#sidebar h3 {font-size:110%; font-weight:bold; margin:20px 0 0 10px;}
#sidebarpic {margin:10px 10px 10px 0; backround:url(../images/sidebarpic.jpg) top right no-repeat;height:157px;}
#inner{width:80%;float:right;position:relative;background-color:white;display:inline;}


#extra{width:25%; float:right; position:relative; background-color:#fff; }
#extra p {margin: 5px 10px 8px 10px;font-size:90%;line-height:150%;}
#extra h3 {font-weight:bold; font-size:110%;margin-top:10px;}
.info {background:white url(../images/greyfade.jpg) left bottom repeat-x;margin-right:10px;margin-bottom:10px;border-bottom:10px solid #e1e3e2;}
.info h3 {background-color:#16520a;background-image:url(../images/greenbar.gif);background-position: left bottom;background-repeat: repeat-x;display:block;margin:0;padding:0 0 0 10px;color:white;}
#header img.photostrip {position:absolute; top:20px;left:400px;}
#header img.printlogo {display:none;}
#hcard {margin: 0 0 0 10px; padding: 0;width:90%; }
#hcard dl { margin: 0; padding: 0; }
#hcard dt { font-weight: bold;  margin: 0.3em 0 0 0;float:left;width:4em;clear:left;}
#hcard dd {  padding: 0; margin: 0.3em 0 0 0; float:left;width:11em;}
#hcard dt.first, #hcard dd.first {float:none; width:98%;}
#extra #sidebarpic {clear:both;margin:10px 10px 10px 0; min-height:150px;background: url(../images/sidebarpic.jpg) right top no-repeat;}
#content ul {margin:0 0 0 20px;padding-left:10px;}
#content ul li {list-style-type:square;}
#content{font-size:105%;background-color: #fff; float: left; display:inline; position: relative; width:74%;margin-bottom:20px; }
#content h1,h2,h3,h4,p,ul,ol {margin-left:20px;margin-right:10px;}
#content h2 {margin-top:10px;}
#footer{height:4em; background: #136305;color: #FFF;clear:both; }
#footer span.left {float:left;margin:1em 0 0.5em 10px;width:45%;}
#footer span.right {float:right; margin:1em 10px 0.5em 0;width:45%;text-align:right;}
#footer a{display:inline;padding:0;color: #fff;border-bottom:none;}

/**************** General Links ***********************************/
a:link            {color: #19598e; text-decoration: none;border-bottom:1px solid #136305;}
a:visited         { color: black; text-decoration: none;border-bottom:1px solid #ccc;}
a:focus, a:hover, a:active {color: white;background-color:#3085df; border-bottom:1px solid #fff;}
/********************** Navigation ******************/

#navlist{margin:0;}
#navlist li{display:block;list-style: none;border-bottom:1px solid #dbdbdb;}
#navlist a {font-weight:bold;color:#19598e;display:block;text-decoration:none;border-bottom:none;}
#navlist li a { display:block;text-decoration: none; }
#navlist a:link, #navlist a:visited {padding:0; color:#6b6868;border-bottom:none;}
#navlist a:visited {color:#333;}
#navlist a:hover, #navlist a:focus, #navlist a:active {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #19598e;}

#home #nav-home, #services #nav-services, #about #nav-about, #contact #nav-contact {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #19598e;}
 
/***************** Headings ********************/

h2 {font-size:180%; color: #136305; font-weight:normal;font-family:"Times New Roman", Georgia, serif;}
h3 {font-size:130%;margin-bottom:0; color:#19598e;font-weight:normal;font-family:"Trebuchet MS", Helvetica, sans-serif;}
h4 {font-size:120%; margin-bottom:0;color:#19598e;font-weight:normal;font-family:"Trebuchet MS", Helvetica, sans-serif; }
 /***************** Image Replacement ****************/
h1 {color:white;margin-left:10px; margin-bottom:0;margin-top:0px;padding:0; position:relative; width:327px; height:120px; overflow:hidden; }
h1 span {display:block;position:absolute; left:0; top:0; z-index:1;width:327px; height:120px; margin:0; padding:0; background:url(../images/logo2.gif) top left no-repeat;}

 
.clearfix:after {content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*************** Other bits *************/
#addresslist  {}
#addresslist dt {font-weight:bold;}
#addresslist dd {font-weight:normal;margin-bottom:8px;margin-left:0;}

/*************** Forms ******************/


#gbcf-form{ clear:both; color: #333;  font-size:90%;  margin: 0 0 0 10px;;    width: 90%; }
#gbcf-form fieldset { margin-top:10px;  border: 1px solid #136305;padding:12px 8px 8px 8px;margin-bottom:15px; }
#gbcf-form legend {  font-weight:bold; color:#136305;padding-bottom:5px;}
#gbcf-form #formwrap{border:none;}
.main-legend {font-size:130%;margin-bottom:0; color:#19598e;font-weight:normal;font-family:"Trebuchet MS", Helvetica, sans-serif;}


#gbcf-form input {   background: #fff;    border: 1px solid #777;    width: 70%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 5px 0; }
#gbcf-form textarea {   background: #FFF;    border: 1px solid #777;    width: 70%;    margin-left: 0;    font-size: 130%;    padding: 3px;    vertical-align: middle; }
#gbcf-form input.button {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #16520a url(../images/greenbar.gif) left bottom repeat-x; }
#gbcf-form input:hover, #gb_form_div textarea:hover {   border: 1px solid #777;    }
#gbcf-form input.button:focus, #gb_form_div input.button:hover, #gb_form_div input.button:active {   clear: both;    color: #0e0a22;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #1c691a url(../images/greenbar.gif) left top repeat-x;  }
#gbcf-form input.short {width:10%;}
.required {   color: #c2537a;    font-weight: normal;    margin-left: 10px; }
.validationerrors ol {   color: #000;    margin-left: 20px;    padding-left: 15px;    margin-bottom: 10px; }
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active {   background-color: #538b37;    color: white; }

#gbcf-form input.text-short {width:20%;}