/* CSS Document */
.grey-nlh01 {font: 0.7em Calibri, Helvetica, Arial, sans-serif; color: #575757;}
.grey-nlh02 {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color: #575757;}
.grey01 {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color: #575757; line-height: 16px;}
.grey02 {font: 1em Calibri, Helvetica, Arial, sans-serif; color: #575757; line-height: 16px;}
.green-nlh01 {font: italic 0.6em Calibri, Helvetica, Arial, sans-serif; color: #94C039;}
.green-nlh02 {font: bold 0.8em Calibri, Helvetica, Arial, sans-serif; color: #94C039;}
.green01 {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color: #94C039; line-height: 16px;}
.asterisk01 {font: bold 1.5em Calibri, Helvetica, Arial, sans-serif; color: #94C039;}

a.grey:link {color: #575757; text-decoration: none; border-bottom: 1px dotted #575757;}
a.grey:link:hover {color: #575757; text-decoration: none;}
a.grey:visited {color: #575757; text-decoration: none; border-bottom: 1px dotted #575757;}
a.grey:visited:hover {color: #575757; text-decoration: none;}

a.green:link {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
a.green:link:hover {color: #94C039; text-decoration: none;}
a.green:visited {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
a.green:visited:hover {color: #94C039; text-decoration: none;}

.floatleft01 {float: left; margin-right: 10px;}

.bordergrey01 {border: #575757 solid 1px;}
.bordergrey02 {padding-top: 20px; border-top: #B3B3B3 dotted 1px;}
.bordergrey03 {padding-bottom: 20px; border-bottom: #B3B3B3 dotted 1px;}

.spacing01 {margin-top: 3px; margin-bottom: 7px;}
.spacingbelow01 {margin-bottom: 7px;}
.spacing02 {margin-bottom: -10px;}

/* Colour Styles */

.greycol01 {color: #575757;}

/* Common Selector Styles */

body.home h1 {font: bold 1em Calibri, Helvetica, Arial, sans-serif; margin-top:5px; margin-bottom:10px; color:#94C039}
body.home h2 {font: bold 1em Calibri, Helvetica, Arial, sans-serif; margin-top:5px; margin-bottom:10px; color:#94C039}
body.home h3 {font: bold 0.8em Calibri, Helvetica, Arial, sans-serif; margin-top:7px; margin-bottom:0px; color:#575757}

body.work h1 {font: bold 1em Calibri, Helvetica, Arial, sans-serif; margin-top:5px; margin-bottom:10px; color:#94C039}
body.work h2 {font: bold 1em Calibri, Helvetica, Arial, sans-serif; margin-top:5px; margin-bottom:10px; color:#94C039}
body.work h3 {font: bold 0.8em Calibri, Helvetica, Arial, sans-serif; margin-top:7px; margin-bottom:0px; color:#575757}

body.contact h1 {font: bold 1em Calibri, Helvetica, Arial, sans-serif; margin-top:5px; margin-bottom:10px; color:#94C039}
body.contact h2 {font: bold 1em Calibri, Helvetica, Arial, sans-serif; margin-top:5px; margin-bottom:10px; color:#94C039}
body.contact h3 {font: bold 0.8em Calibri, Helvetica, Arial, sans-serif; margin-top:7px; margin-bottom:0px; color:#575757}

body.blog h1 {font: bold 1.5em Calibri, Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:10px; color:#94C039}
body.blog h2 {font: bold 1em Calibri, Helvetica, Arial, sans-serif; margin-top:5px; margin-bottom:10px; color:#94C039}
body.blog h3 {font: bold 0.8em Calibri, Helvetica, Arial, sans-serif; margin-top:7px; margin-bottom:0px; color:#575757}
body.blog h5 {font: 0.8em Calibri, Helvetica, Arial, sans-serif; margin-top:7px; margin-bottom:0px; color:#575757}


p {margin:0.3em 0pt 1em;}

em {font-style:italic;}
strong {font-weight: bolder;}

/* List Styles */

ul.list1 {list-style: none; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; padding-left: 0px;}
li.listitem1 {margin-bottom: 7px; font: 0.9em Calibri, Helvetica, Arial, sans-serif;}

ul#bullet01 {list-style: none; font: 0.8em Calibri, Helvetica, Arial, sans-serif; color: #575757; line-height: 16px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; padding-left: 0px;}
ul#bullet01 li {margin-bottom: 7px;}

/* Spacing Styles */

.top-bottom5 {margin-top: 5px; margin-bottom: 5px;}
.top5-bottom10 {margin-top: 5px; margin-bottom: 10px;}
.top10-bottom10 {margin-top: 10px; margin-bottom: 10px;}
.bottom5 {margin-bottom: 5px;}
.bottom10 {padding-bottom: 10px;}
.top10 {margin-top: 10px;}
.bottom15 {padding-bottom: 15px;}
.pics01 {float:left;margin:5px 8px 1px 0;}

/* Home Page Styles */

#wrapper01 {width: 955px; margin: 0 auto;}
#header01 {text-align: left; padding: 20px 0px 7px 10px; border-bottom: #B3B3B3 dotted 1px;}
ul#mainnav01 {margin-left: 250px;}
ul#mainnav01 li {float: left; padding-right: 20px;}
#maincontent01 {text-align: left; padding: 12px 12px 12px 12px; border-bottom: #B3B3B3 dotted 1px;}
#introtext01 {float: left; width: 228px; vertical-align: top; padding: 0px 12px 0px 0px;}
#midcontent01 {float:left; width: 350px; border-left: #B3B3B3 dotted 1px; border-right: #B3B3B3 dotted 1px; padding: 0px 17px 0px 17px;}
#sitelinks01 {float:left; width: 285px; padding: 0px 0px 0px 17px;}
#sitelinks01 a:link {color: #575757; text-decoration: none; border-bottom: 1px dotted #575757;}
#sitelinks01 a:link:hover {color: #575757; text-decoration: none;}
#sitelinks01 a:visited {color: #575757; text-decoration: none; border-bottom: 1px dotted #575757;}
#sitelinks01 a:visited:hover {color: #575757; text-decoration: none;}
#footer01 {text-align: left; padding: 3px 0px 10px 10px;}

ul#latestposts01 {margin-bottom: 20px; font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#94C039;}
ul#latestposts01 li {margin-bottom: 7px;}
ul#latestposts01 li a:link {color: #575757; text-decoration: none; border-bottom: 1px dotted #575757;}
ul#latestposts01 li a:link:hover {color: #575757; text-decoration: none; border-bottom: none;}
ul#latestposts01 li a:visited {color: #575757; text-decoration: none; border-bottom: 1px dotted #575757;}
ul#latestposts01 li a:visited:hover {color: #575757; text-decoration: none; border-bottom: none;}

ul#latesttweets01 {margin-bottom: 10px;}
ul#latesttweets02 {margin-top: 10px;}

ul.twitter {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color: #575757; line-height: 16px;}
ul.twitter li {margin-bottom: 5px;}
.twitter-timestamp {color: #94C039;}

/* Our Services Page Styles */

#services01 {float:left; width: 660px; border-left: #B3B3B3 dotted 1px; padding: 0px 0px 0px 17px;}
#servicestop01 {border-bottom: #B3B3B3 dotted 1px; padding-bottom: 5px; margin-bottom: 10px;}
#servicesleft01 {float:left; width: 310px; border-right: #B3B3B3 dotted 1px; padding: 0px 17px 0px 0px;}
#servicesright01 {float:left; width: 310px; padding: 0px 0px 0px 17px;}

/* Our Work Page Styles */

#portfolio01 {float:left; width: 320px; border-left: #B3B3B3 dotted 1px; border-right: #B3B3B3 dotted 1px; padding: 0px 17px 0px 17px;}
#portfolio02 {float:left; width: 315px; padding: 0px 0px 0px 17px;}

/* Contact Page Styles */

#introtext02 {float: left; width: 228px; vertical-align: top; padding: 0px 12px 0px 0px; border-right: #B3B3B3 dotted 1px;}
#contact01 {float: left; width: 635px; padding-left: 17px;}
#contact02 {float: left; width: 635px; padding-left: 17px; border-left: #B3B3B3 dotted 1px;}
fieldset {margin: 0em 0;}
legend {font: bold 1em Calibri, Helvetica, Arial, sans-serif; color:#94C039; padding-right: 0.5em; padding-bottom: 6px; background: white;}
textarea {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#94C039;}
label {display: block; font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#575757;}
input {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#94C039;}
input#Name {width: 200px;}
input#Tel {width: 200px;}
input#Email {width: 200px;}
input#Company {width: 200px;}
input#Website {width: 200px;}
textarea#Message {width: 300px; height: 150px;}
fieldset#message01 {float: left; padding-left: 60px;}
fieldset#contactdetails01 {float: left;}

#genError {text-align: center; width: 300px; font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:white; background: #CC0000; margin-bottom: 10px;}
#NameError {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#CC0000;}
#MessageError {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#CC0000;}
#EmailError {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#CC0000;}

/* Blog Page Styles */

#introtext03 {float: left; width: 228px; vertical-align: top; padding: 0px 12px 0px 0px;}
#introtext03 a:link {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
#introtext03 a:link:hover {color: #94C039; text-decoration: none; border-bottom: none;}
#introtext03 a:visited {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
#introtext03 a:visited:hover {color: #94C039; text-decoration: none; border-bottom: none;}
#blogcontent01 {float: left; width: 635px; padding-left: 17px; border-left: #B3B3B3 dotted 1px;}
#blogcontent01 a:link {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
#blogcontent01 a:link:hover {color: #94C039; text-decoration: none; border-bottom: none;}
#blogcontent01 a:visited {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
#blogcontent01 a:visited:hover {color: #94C039; text-decoration: none; border-bottom: none;}

ul#subnav03 {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#575757; margin-bottom: 0px; margin-top: 6px; padding-bottom: 1px;}
ul#subnav03 li {margin-bottom: 0px; margin-right: 8px; padding-bottom: 8px;}
ul#subnav03 li a:link {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
ul#subnav03 li a:link:hover {color: #94C039; text-decoration: none; border-bottom: none;}
ul#subnav03 li a:visited {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
ul#subnav03 li a:visited:hover {color: #94C039; text-decoration: none; border-bottom: none;}

.nocomments {color: #59606C; font-size: 0.8em; font-style: italic;}

.feedback01 {font: 0.8em Calibri, Helvetica, Arial, sans-serif;}
.feedback01 a:link {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
.feedback01 a:link:hover {color: #94C039; text-decoration: none; border-bottom: none;}
.feedback01 a:visited {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
.feedback01 a:visited:hover {color: #94C039; text-decoration: none; border-bottom: none;}

textarea#comment {width: 300px; height: 150px; font: 1em Calibri, Helvetica, Arial, sans-serif; color:#94C039;}

.commentlist {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#59606C; line-height: 1.3;}
.commentlist a:link {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
.commentlist a:link:hover {color: #94C039; text-decoration: none; border-bottom: none;}
.commentlist a:visited {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
.commentlist a:visited:hover {color: #94C039; text-decoration: none; border-bottom: none;}

form#commentform p {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#59606C; line-height: 1.3;}
form#commentform p a:link {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
form#commentform p a:link:hover {color: #94C039; text-decoration: none; border-bottom: none;}
form#commentform p a:visited {color: #94C039; text-decoration: none; border-bottom: 1px dotted #94C039;}
form#commentform p a:visited:hover {color: #94C039; text-decoration: none; border-bottom: none;}

#blogcontent01 ul {list-style-type: circle; margin-top: 0px; margin-left: 23px; margin-bottom: 10px; font: 0.9em Calibri, Helvetica, Arial, sans-serif; line-height: 1.4; color: #575757;}
#blogcontent01 ul li {margin-top: 7px;}

#blogcontent01 ol {list-style-type: decimal; margin-top: 0px; margin-left: 26px; margin-bottom: 10px; font: 0.9em Calibri, Helvetica, Arial, sans-serif; line-height: 1.4; color: #575757;}
#blogcontent01 ol li {margin-top: 7px;}