@charset "utf-8";
/* CSS Document for Heritage Restoration*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #006;}

.bold {font-weight: bold;}
.boldright {text-align: right; font-weight: bold;}
p.boldright a:link, p.boldright a:visited {font-weight: normal; text-decoration: none;}
.normal{font-weight: normal;}
p {margin-bottom: 15px}
p.nomarg {margin-bottom: 0;}
h1.sentence {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #7B7BB0; text-align: center; padding-top: 5px; background: #00005B; margin-bottom: 0px;}
h2 {font: 30px Arial, Helvetica, sans-serif; color: #006; padding-bottom: 10px; border-bottom: 1px solid #634D17; margin-bottom: 15px; background: url(images/oak.jpg) no-repeat bottom right; padding-top: 19px;}
input, textarea {border: 1px solid #006; background: #FFF; padding: 2px;}

#wrapper {width: 994px; margin: auto auto;}

.logo {background: #00005B;}
p.tel {color: #FFF; background: #00005B; float: right; position: relative; top: 24px; right: 15px;}
p.tel img {margin-right: 10px;}
p.tel a {color: #FFF;}
p.tel span {font: bold 18px Arial, Helvetica, sans-serif;}

ul.nav {height: 24px; display: block;}
ul.nav li {list-style-image: none; display: inline;}
ul.nav li a:link, ul.nav li a:visited {border-top: 1px solid #FFDE59; border-left: 1px solid #FFDE59; border-right: 1px solid #B49000; border-bottom: 1px solid #B49000; text-decoration: none; color: #006; padding: 5px 20px 5px 19px; background: #FFCC00; text-align: center; float: left;}
ul.nav li a:link#last {width: 63px; padding: 5px 19px;}
ul.nav li a:hover {background: #DDB000;}
ul.nav li ul {position: absolute; left: 0px; top: 21px; display: none; width: 120px;}
ul.nav li:hover ul, ul.nav li.over ul {display: block;}

.content {padding: 15px 25px 25px 25px;}
.content a:link, .content a:visited {color: #006;}
.content a:hover {text-decoration: none;}
.content ul.featurelist {background: #006; padding: 10px; color: #FFF; float: right; margin-left: 40px; width: 350px;}
.content ul.featurelist li.hdg {font-weight: bold; border-bottom: 1px solid #FFCC00; padding-bottom: 5px; margin-bottom: 5px; background: none; padding-left: 0; line-height: 15px;}
.content ul.featurelist li { background: url(images/list-arrow.jpg) no-repeat left; padding-left: 15px; list-style-image: none; line-height: 18px; list-style-type: none; list-style-position: outside; }
.content img.right {border: 1px solid #006; float: right; padding: 5px; margin-left: 30px; margin-bottom: 30px;}
.content ul {margin-bottom: 15px;}
.content ul li {list-style-type: square; list-style-position: inside; line-height: 16px;}
.content .team {background: #ECECF4; padding: 10px; border: 1px solid #C8C8DF; margin-bottom: 15px;}
.content .team p {margin-bottom: 0px;}
.content .team h3 {font: bold 130% Arial, Helvetica, sans-serif; border-bottom: 1px solid #006; padding-bottom: 5px; margin-bottom: 5px;}
.content .team h3 span {font: 85% Verdana, Arial, Helvetica, sans-serif;}
.content .feature {border-top: 1px dashed #C8C8DF; padding: 15px 15px 1px 15px; background: #F6F6FA url(images/feature-bkg.jpg) repeat-x bottom;}
.content .feature h3 {font: bold 130% Arial, Helvetica, sans-serif;}
.content .feature a.readmore:link, .content .feature a.readmore:visited, input.submit {background: url(images/read-more-bkg.jpg) repeat-x bottom; padding: 3px 7px; color: #FFF; font-weight: normal; border: 1px solid #5B5BA4; text-decoration: none; float: right; margin-left: 30px;}
.content input.submit#bottom {margin-left: 0; float: none;}
.content .feature a.readmore:hover {background: #FC0; color: #006;}
.content .feature#green {background: #E7F0E7 url(images/green-bkg.jpg) repeat-x bottom; border: none; position: relative; color: #004600; clear: left; }
.content .feature#green img {position: absolute; top: 2px; left: 620px; background: none; border: none;}
.content .feature#green a {color: #004600;}
.content .feature .right {float: right; width: 300px;}
.content .feature img {float: left; margin-right: 10px; background: #FFF; padding: 2px; border: 1px solid #006;}
.content .feature#casestudy { width: 560px; }
.content .imgheight {height: 87px;}
.content .botmarg {margin-bottom: 15px;}
.content .question {background: url(images/read-more-bkg.jpg) repeat-x bottom; padding: 5px; color: #FFF; margin-bottom: 0;}
.content .answer {background: #ECECF4; padding: 5px; margin-bottom: 0;}
.content .lastanswer {background: #ECECF4; padding: 5px; margin-bottom: 15px;}
.content .nobotmarg {margin-bottom: 0px;}
.content .question p, .content .answer p {margin-bottom: 0;}
.content p.backtotop {text-align: right; margin-bottom: 10px;}
.content p.backtotop a:link, .content p.backtotop a:visited {background: url(images/backtotop.gif) no-repeat bottom left; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #7D7CA8; padding-left: 20px;}
.content p.backtotop a:hover {text-decoration: none;}
.content p.bottomlink {padding-top: 15px}
.content a.back:link, .content a.back:visited {background: url(images/arrow.gif) no-repeat left; padding-left: 10px;}
.content p.word {font-weight: bold; padding: 5px; margin-bottom: 0; float: left; width: 190px; margin-bottom: 0; background: #006; color: #FFF;}
.content p.formhdg {font-weight: bold; padding: 2px; margin-bottom: 0; float: left; width: 190px; margin-bottom: 0;}
.content .fields {padding: 5px; margin-bottom: 0; line-height: 18px;}
.content .largefields {padding: 5px 5px 65px 5px; margin-bottom: 0; line-height: 25px;}
.content input.formfield, .content textarea.formfield {position: absolute; left: 200px; font: 100% Verdana, Arial, Helvetica, sans-serif;}
.content form {background: #ECECF4; padding: 5px 5px 30px 5px; border: 1px solid #F6F6FA; position: relative;}
.content .formlines {height: 20px;}
.content .twolines {height: 26px;}
.content .threelines {height: 39px;}
.content .textarea {height: 85px;}
.content p.definition {background: #ECECF4; padding: 5px; border bottom: 1px solid #ECECF4; width: 724px; margin-bottom: 0; margin-left: 200px; border-top: 1px solid #0006; border-bottom: 1px solid #006;}
.content p.right {text-align: right; padding-top: 5px; padding-right: 10px;}
.content .photoholder {float: right; width: 312px; margin-left: 30px;}
.content .map {width: 945px; height: 746px; position: relative; margin-bottom: 15px; margin-top: 15px;}
.content .map img.close {position: absolute; left: 500px; top: 120px;}
.content .photoleft {border: 1px solid #CCC; padding: 5px; float: left; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: right; margin-right: 15px; width: 202px; background: url(images/photo-bkg.jpg) repeat-x bottom; margin-bottom: 15px;}
.content .photoright {border: 1px solid #CCC; padding: 5px; float: right; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: right; margin-left: 15px; width: 202px; background: url(images/photo-bkg.jpg) repeat-x bottom; margin-bottom: 15px;}
.content .photoleft img, .content .photoright img {border: 1px solid #CCC;}
.content .photoleft p, .content .photoright p {margin-top: 7px; margin-bottom: 7px;}
.content .rightphotoholder {float: right; width: 212px;}


.footer { border-top: 1px solid #006; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; padding-top: 5px; clear: both; }
.footer a:link, .footer a:visited {color: #666;}
.footer a:hover {text-decoration: none;}
.footer p {text-align: center;}
.footer .left {float: left; width: 100px;}
.footer .left p {text-align: left; color: #999;}
.footer .right {float: right; width: 100px;}
.footer .right img {float: right; margin-bottom: 5px;}
.footer .right p {text-align: right; color: #999;}

.enquiryform {
	border: 1px solid #CCC;
	padding: 5px;
	float: right;
	text-align: right;
	margin-left: 15px;
	width: 300px;
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.enquiryformform {background: #ECECF4; padding: 5px 5px 30px 5px; border: 1px solid #F6F6FA; position: relative;}