/**************** 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,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120%  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;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 0;}

/**************** General rules *********************/

html{height:100%; }
body {height:101%; line-height:130%; color: #333; padding-top:39px;}

/**************** General Links ***********************************/
a:link            { color: #333; text-decoration: none;border-bottom:1px solid #ccc;}
a:visited         { color: black; text-decoration: none;border-bottom:1px solid #ccc;}
a:focus, a:hover, a:active {color: red;background-color:#fff;border-bottom:1px solid #fff; }

/********************** Navigation ******************/
#navlist {padding:20px 0 0px 0px;margin-bottom:10px;width:196px;margin-top:40px;font-weight:normal;font-family:  Arial, Helvetica, sans-serif;font-size:110%;line-height:135%;}
#navlist ul { margin:0;padding:0 0 0 0;list-style:none;width:186px;}
#navlist li {list-style-type:none;margin:0 0 0 0 ; padding:0;height:1%;}
#navlist li.last {border-right:none;}
#navlist a:link, #navlist a:visited {border-bottom:none;padding-left:15px;}
#navlist a:focus, #navlist a:hover, #navlist a:active {background: url(../images/redcircle.gif) left 0.25em no-repeat; padding-left:15px;}
#navlist li.last {padding-bottom:20px;margin-bottom:10px;}

#home #nav-page2, #about #nav-page2, #portfolio #nav-page3, #contact #nav-contact, #testimonials #nav-testimonials, #links #nav-links {background: url(../images/bulletpoint.gif) left 0.25em no-repeat; padding-left:15px;}
#sub-port #nav-page3 {background: url(../images/triangle.gif) left 0.25em no-repeat; padding-left:15px;}

/***************** Image Replacement ****************/

/* General IR statements */
.replace {clear:both;position: relative;  overflow: hidden; margin: 0 0 0 14px;padding: 0;   font-size: 100%; }
.replace em {     display: block;   position: absolute;  top: 0;  /* left: 0; */ z-index: 1;    /* for opera5 (?) and o6/mac */     }
/* General IR statements for IE5.x mac only */
* html>body .replace {  position: static; overflow: visible;   font-size: 10px;  /* for ie5.x/mac */  }
* html>body .replace em  { position: static; }
* html>body .replace a {text-decoration: none;  /* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */   }
/* Each pair of statements per instance of IR */
#myh1, #myh1 em {color:#555;padding-bottom:0; background-color:#fff;     width:186px;     height: 125px; background: url(../images/logo.gif) top left no-repeat;}
* html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -125px;  /* Required to bring text underneath image. Use the negative height of the image here.*/  }

/***************** Headings ********************/

/* h1 {font-size:110%; color: #000; font-weight:normal;} */
h2 {font-size:100%; color: #000; font-weight:bold;}
h3 {font-size:100%; color:#000;font-weight:bold;}
h4 {font-size:100%; color:#000;font-weight:bold; }
#portfolio h3 {font-size:100%;margin:0 0 0px 0px;font-weight:bold;}
#contact h3 {font-size:95%;margin-bottom:0;}
#contactformh3 span {font-weight:normal;}

/***************** Page Sections *********************/

#container {clear:both;margin:0 0 0 39px;text-align:left; background-color:white; width:750px;font-size:76%;}
#skiplink {font-size:76%;position:absolute; top:0;left:-999px;height:3em;width:10em;}
  #skiplink a {display: block;padding: 0;  font-weight: bold; text-align: center;}
  #skiplink a:link, #skiplink a:visited {color: #fff;border-bottom:none;}
  #skiplink a:hover, #skiplink a:focus, #skiplink a:active {}
#innerwrap {width:20%;min-width:196px;float:left;}
#content p.copy {width:186px;color:#bbb;margin-top:20px;margin-left:0px;clear:both;padding-top:20px;}
#portfolio  p.copy, #links  p.copy {margin-left:17px;}

#sidebar {position:relative;width:200px;float:left;}
  #sidebar img.printlogo {display:none;}
#pagination {text-align:right;}
  #pagination a {border-bottom:none;}
#content {width:451px;float:right;padding-top:18px;}
  #sub-port #content {width:451px;float:right;margin-top:5px;}
  #sub-port img {margin:0 0 14px 0;}
  #sub-port h2 {margin-top:0;}

  #portfolio #content, #links #content {width:451px;float:right;margin-top:3px;font-size:100%;line-height:130%}
  #sub-port p  {width:451px;}
  #content p {margin:0 0 1em 0;}
  #content img { clear:both;}
  #content ul  {margin-left:40px;}
  #content ul li {list-style-type:disc;}
  #home #content {font-size:140%;line-height:145%}
  #home #content p.copy {width:186px;color:#bbb;margin-top:20px;margin-left:0px;clear:both;padding-top:20px;font-size:68%;}

#portfolio #content {width:465px}

#content p.btt { font-size:90%;}
#content p.btt a {color:#bbb;}
#content p.btt a:focus, #content p.btt a:hover, #content p.btt a:active {color:red;}

#portfolio h3 a:visited {color:red;padding-left:17px; }
#portfolio h3 a:focus, #portfolio h3 a:hover, #portfolio h3 a:active {color:red;background: url(../images/redcircle.gif) 0 0.15em no-repeat;padding-left:17px; }
#portfolio #content a {border-bottom:none;padding-left:17px;}
#portfolio p {margin-left:17px;}
#linkslist  a:focus, #linkslist  a:hover, #linkslist  a:active {color:red;background: url(../images/redcircle.gif) center left no-repeat;padding-left:17px; }
#linkslist a {border-bottom:none;padding-left:17px;}
#content #linkslist li {list-style-type:none;margin-left:0;padding-left:0;font-size:100%;}
#content #linkslist {margin-left:0;padding-left:0;}
#links #content {width:468px;}
#pagination {text-align:right;}
  #pagination a {border-bottom:none;}
  #pagination img {margin:0;padding:0;}
#admin #content {width:500px;}
#existing p {margin:0;}
#linkslist li span {margin-left:17px;}
#linkslist li {margin-bottom:5px;}

blockquote {background: url(../images/quotemarks2.gif) left top  no-repeat;margin-left:0px;padding-left:0px;margin-bottom:20px;clear:both;margin-top:0;}
cite {padding:0px 0px 0 0px; margin-top:-15px;text-align:right;float:none;width:80%; font-style:normal;font-weight:bold;margin-bottom:30px;}

/*************** Other bits *************/

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

#form-div {margin-bottom:0;padding-bottom:0;}

#gbcf-form{ clear:both; color: #333;    margin: 0px 0 0 -5px;    width: 90%;margin-left:-16px; }
#gbcf-form fieldset { margin-top:0px;  border: 0;padding:0px 8px 0px 8px;margin-bottom:0px; }
#gbcf-form legend {  font-weight:normal; color:#fff;padding-bottom:5px;}
#gbcf-form #formwrap{border:none;}
.main-legend {font-size:140%;margin-bottom:0; color:#333;font-weight:normal;}

#gbcf-form input { font-size:85%;  background: #fff;    border: 1px solid #bbb;    width: 90%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 10px 0; }
#gbcf-form textarea {   background: #FFF;    border: 1px solid #bbb;    width: 80%;    margin-left: 0;  margin-bottom:10px;  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 8px;    font-weight: bold;   background: #000 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 8px;    font-weight: bold;   background: red;  }
#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%;}
#gbcf-form label.main-label {display:none;}
#gbcf-form select#subject {display:none;}
#form-div {margin:-10px 0 0 0;}
#gbcf-form input#honeypot {width:1px;height:1px;}
#content p.success, #content p.error {margin:20px 0 0 0;color:red;}
#form-div {margin:-10px 0 0 0;}
#admin #contactform textarea, #admin #form1 textarea {font-size:120%;}
#admin #contactform input, #admin #contactform select, #admin #contactform textarea {margin:0 0 1em 0;}
#admin #form1 input, #admin #form1 select, #admin #form1 textarea {margin:0 0 1em 0;}