@charset "UTF-8";
/* CSS Document */

body {background-color:#A6563D; text-align:center; margin: 0;}


#header {width: 885px; height: 120px;background:url(../img/header-bg.jpg) no-repeat; margin: 0px auto; padding: 0;}
#navcontainer {width: 400px;float: right; margin-top:50px;}
#navlist{margin: 0;padding: 0 0 20px 50px; text-align:right;}
#navlist ul, #navlist li{margin: 0;padding: 0;display: inline;list-style-type: none;font: bold 1em/1.3em Arial, Helvetica, sans-serif; color:#000;}
#navlist a:link, #navlist a:visited{float: left; margin: 0 15px 10px 15px;text-decoration: none; color: #000;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{border-bottom: 4px solid #999; padding-bottom: 9px;background: transparent;}
#navlist a:hover {color:#5E3023; }

#container {width: 855px; margin: 0px auto; background: url(../img/container-bg.jpg) repeat-y top; text-align:left; padding: 0px 15px 0px 15px;}

#mainimage {width: 825px; padding: 15px 15px 0px 15px;}
#content {width: 825px; margin: 0; padding: 0px 15px 15px 15px; float:left; background:url(../img/content-bg.jpg) no-repeat bottom;}
#left {width: 540px; float: left; padding: 0px; margin: 0px;}
#right {width: 255px; float: right; padding: 30px 0 15px 15px;}

#portfolio {width: 540px; float:left; margin-bottom: 10px;}
#portfolio p {margin-top: 0px; padding-top: 0px;}
#portfolioleft {width: 250px; float: left;}
#portfolioright {width: 250px; float: left; margin-left: 20px;}

#footer {width: 825px; text-align: left; padding: 15px; background:url(../img/footer-border.jpg) no-repeat top; float:left;}
#footerleft {width: 540px; float: left;}
#footerright {width: 255px; float: right;}
#footer p {font: normal 0.7em/1.3em Arial, Helvetica, sans-serif; color:#333;}
#footer a {color: #333;}
#clear {width: 855px; clear:both;}

#telno {padding-bottom: 15px; background: url(../img/pencil-linebreak.jpg) no-repeat bottom; margin-bottom: 10px; text-align:center;}
#telno p {font: bold 1.1em/1.2em Arial, Helvetica, sans-serif; color:#5E3023; letter-spacing: -1px; margin:0; padding:0;}
.number {font: normal 2.5em/1em Arial, Helvetica, sans-serif; color:#BBA29D; letter-spacing: -1px;}
.action {font: normal 1.2em/1.4em Arial, Helvetica, sans-serif; color:#333;}
#left a:link, #left a:visited {color:#5E3023; font-weight: bold; text-decoration:underline;}
#left a:hover {color:#333; text-decoration:none;}
#left img {padding:4px; background-color:#FFF; border: solid 1px #CCC; margin-bottom: 3px;}

h1 {font: normal 1.85em/1.5em Arial, Helvetica, sans-serif; color:#5E3023; letter-spacing: -1px;}
h2 {font: bold 1.05em/1.2em Arial, Helvetica, sans-serif; color:#4F2823; margin: 0 0 5px 0; letter-spacing: -0.5px;}
p {font: normal 0.85em/1.5em Arial, Helvetica, sans-serif; color:#333;}
.intro{font: bold 1em/1.3em Arial, Helvetica, sans-serif; color:#333;}

#services {padding: 0;margin: 0; width: 255px;}
#services li{ list-style-image:url(../img/tick.jpg); margin: 0; list-style-position:inside; padding: 0.3em 0 0.4em 0; background: url(../img/listitembreak.jpg) no-repeat bottom;font: normal 0.9em/1.4em Arial, Helvetica, sans-serif; color:#333;}

.hide { display: none; }

form {padding: 0px;margin: 0 0 10px 0;}
input.field {width: 99%; color:#333; background-color: transparent; border: none; font: normal 1.2em/1.3em arial, Helvetica, sans-serif; }
textarea {width: 99%; color:#333; background-color: transparent; border: solid 1px #999; padding: 3px; font: normal 1.2em/1.3em arial, Helvetica, sans-serif;}
input.check {margin-right: 5px;}
.odd {border-bottom: solid 1px #999;}
.enquiry-pad {padding-top: 20px;}
.digittd {padding: 5px 0 5px 0;}

#contact_form {font: normal 0.85em/1em arial, Helvetica, sans-serif;background-color: transparent;color: #333;}
.orderedlist {list-style-type:lower-roman;font: normal 0.85em/1.5em Arial, Helvetica, sans-serif; color:#333;}
.caption {font: normal 0.8em/1.3em arial, Helvetica, sans-serif;}