* {border: 0; margin: 0; padding: 0;}
body {color: #6f5d07; font-size: 62.5%;line-height: 1.8em; font-family: Georgia, serif; background: #d9e8ff url(../images/bg.gif) repeat-x left top ; text-align: center;}
p, ul {font-size: 1.2em;}
p, h1, h2, h3, h4, ul {padding: 5px 5px 5px 20px;}
li {padding: 2px 5px; list-style: circle inside;}
h1, h2, h3, h4, th {color: #4d8929} 
h1{font-size: 1.8em; line-height: 1.2em; font-weight: normal;}
h2{font-size: 1.5em; font-weight: normal;}
h3{font-size: 1.3em; font-weight: normal;}
img {border: #B29710 solid 1px; margin: 12px;}

a:link { color: #3066aa; font-weight: bold; text-decoration: none; }
a:visited { color: #7bace5; font-weight: normal; text-decoration: none; }
a:hover { color: #fff; background-color: #7bace5; }
a:active { }
#prop {float: left; width: 1px; height: 260px;}
.left {float: left;}
.right {float: right}
.photo {width: 45%;}
.logo {border: 0;}

.clear {height: 1px; clear: both;}

#pagelayout{ position: relative; margin: 0 auto; width:800px; text-align: left; background: #fff url(../images/b.jpg) repeat-y left top;}
#header {position: relative; top: 0; height: 139px;}
#header h1{ height: 139px; width: 800px; background: url(../images/h.jpg) left top no-repeat; padding: 0;}
#header h1 span{position: relative; top: -1000px;}
#contact { position: absolute; top: 20px; left: 520px;}
#contact p { font-weight: bold; font-size: 1.2em;}

/*menu*/
#menu{ position: relative; top: -4px; height: 44px; background: url(../images/m.gif) left top repeat-x;  width: 800px; text-align: center;}
#menu ul {padding: 0;  width: 800px; font: normal 1.2em Arial, sans-serif; background: url(../images/mend1.gif) left top no-repeat; height: 44px; }
#menu li{ display: inline; padding: 3px 0 0 0;  line-height: 35px;border-left: #fff solid 1px;}
#menu li.last {border-right: #fff solid 1px;}
#menu li a{ text-decoration: none; padding:  10px 7px 11px; color: #8a750a; font-weight: bold; font-style: normal; }
#menu li a:hover{background: url(../images/mro.gif) top left repeat-x; color: #5A3D1C; }

/*content*/
#page {width: 800px; background: url(../images/b.gif) left top repeat-y;}
#content {width: 700px; padding: 20px;}
.col1 {float: left; width: 65%;}
.col2 {float: left; width: 30%;}

/* page layout tables for features*/
table {width: 90%; margin-top: 30px; }
th {font-size: 1.5em; font-weight: normal;padding: 5px 5px 5px 20px; border-top: #B29710 dashed 1px;  border-bottom: #B29710 dashed 1px;}
td {padding: 5px; border-bottom: #B29710 dashed 1px; vertical-align: top; }
table.x2 td {width: 50%;}
table.x3 td {width: 33.3%;}
/* page layout tables for prices*/

table.prices td {padding: 5px 5px 5px 20px; font-size: 1.2em;}
/* form layout for enquiry form*/
table#form {margin-left: 20px;}
table#form td {padding: 5px 5px 5px 20px;}
table#form tr.row1l td:first-child {text-align: right; font-size: 1.2em;}
table#form tr.row2d td{text-align: left;}
.row1d {background-color: #D9E8FF; font-weight: bold; font-size: 1.4em;}
.row1l {background-color: #FFFF8E;}

input, textarea {font-size: 1.4em; line-height: 1.2em; border: 1px solid #555}

/*gallery*/

.gallery p {padding: 0; margin: 0;}
.gallery  img {padding: 0; float: left;}



/*footer*/
#footer {clear: left; height: 149px; width: 800px; background: url(../images/f.jpg) left top no-repeat; text-align: center;}
#footer p{position: relative; top: 155px; height: 200px;}

/*vert text*/
#vert {position: absolute; top: 200px; left: 750px; height: 367px; width: 39px; background: url(../images/vert.gif) left top no-repeat; }
#vert p span{display: none;}

/*google map*/
#map {width: 550px; height: 450px;  margin: 20px 20px 0 50px;}