html, 
body{
    margin:0;
    padding:0;
    height:100%;
}
body#body{
    text-align:center;
    font:62.5% Tahoma, sans-serif;
}
img{border:none;}

#container{
    width:749px;
    margin:10px auto;
    text-align:center;
    position:relative;
    text-align:left;
    font-size:110%;
}
#pics{
    height:491px;
    width:749px;
    background:url(f5.jpg) no-repeat;
}
body.content1 #pics{
    background:url(f111.jpg) repeat-y;
    height:288px;
}
#bottom{
    position:relative;
    width:749px;
    background:url(f3.gif) repeat-y;
    float:left;
    margin:0; 
    padding:0;
}
body.content1 #bottom{
    background:none;
}
body.home #container{
    background:url(f0.gif) repeat-y;
    color:#4B7822;
}

body.home #container a{
    color:#4B7822;
    text-decoration:none;
}

#updates{
    width:339px;
    float:left;
    left:0;
    bottom:0;
    background:url(f1.gif) repeat-y;
    position:relative;
    min-height:167px;
}
#updatesH{
    width:75px;
    height:75px;
    text-indent:-100000px;
    margin:0;
    padding:0;
    background:url(h_updates.gif) no-repeat;
    position:absolute;
    left:18px;
    top:0;
}
#updates div.inn{
    margin-left:111px;
    margin-top:31px;
    margin-right:20px;
}
#updates p{
    margin:0;
    padding:0;
    margin-bottom:11px;
}

#mblock{
    width:400px;
    float:left;
    background:url(f2.gif) no-repeat;
    position:relative;
    min-height:167px;
}
h4#oakapple{
    width:189px;
    height:32px;
    margin:0; 
    padding:0;
    background:url(oakapple.gif) no-repeat;
    text-indent:-100000px;
    position:absolute;
    right:9px;
    bottom:11px;
}
body.content1 h4#oakapple{
    width:100%;
    position:static;
    background:url(oakapple2.gif) 100% 0  no-repeat #fff;
    right:0;
}
h4#oakapple a{
    display:block;
    width:189px;
    height:32px;
    text-decoration:none;
}
#mblock div.inn{
    margin-left:36px;
    margin-top:28px;
    margin-right:30px;
}


#mblock ul#nav{
    margin:0;
    padding:0;
    list-style:none;
}
#mblock li{
    display:inline;
    padding:0 10px;
    padding-left:13px;
    background:url(bul.gif) 0 2px no-repeat;
    margin-bottom:5px;
}
#mblock li.first{
    background:none;
    padding-left:0;
}

div.sp{
    clear:both;
    font-size:0;
    line-height:0%;
    height:0;
}

#footer{height:22px; background:#fff; float:left; width:749px; line-height:22px; color:#4B7822; font-size:90%;
}



h1#logo {
    margin:0;
    padding:0;
    width:168px;
    height:168px;
    background:url(logo.gif) no-repeat;
    left:18px;
    top:19px;
    position:absolute;
}
h1#logo a{
    text-decoration:none;
    display:block;
    width:168px;
    height:168px;
    text-indent:-100000px;
}
#telephone{
    width:324px;
    height:40px;
    position:absolute;
    background:url(telephone.gif) 0 15px no-repeat;
    left:413px;
    top:32px;
    text-align:right;
}

body.content1 #telephone{
    left:413px;
    top:12px;
}

#pich{
    width:351px;
    height:351px;
    background:url(pich.jpg) no-repeat;
    position:absolute;
    left:186px;
    top:97px;
}
#pich img, #pich object{
margin-left:27px;
margin-top:27px;
}
#contactus{
    width:118px;
    height:35px;
    background:url(contactus.gif) no-repeat;
    left:622px;
    top:75px;
    position:absolute;
    text-indent:-1000000px;
    display:block;
}

body.content1 #contactus{
    top:55px;
    background:url(contactus1.jpg) no-repeat;
    width:127px;
    height:40px;
}

#contactus a{
    display:block;
    width:118px;
    height:35px;
    text-decoration:none;
}

h2#pagehead{
    margin:0;
    padding:0;
    width:500px;
    height:40px;
    background:url(pagehead.jpg) no-repeat;
    position:absolute;
    left:13px;
    top:236px;
    text-indent:-10000px;    
}
h2#pagehead2{
    margin:0;
    padding:0;
    width:168px;
    height:31px;
    background:url(pagehead.jpg) no-repeat;
    position:absolute;
    left:18px;
    top:257px;
    text-indent:-10000px;    
}




h2#home{
    margin:0;
    padding:0;
    width:75px;
    height:75px;
    background:url(home.gif) no-repeat;
    position:absolute;
    left:631px;
    top:245px;
    text-indent:-10000px;
    
}

h2#home a{
    display:block;
    width:75px;
    height:75px;
    text-decoration:none;
    position:relative;
}


h2#sitelayout{
    margin:0;
    padding:0;
    width:84px;
    height:84px;
    background:url(sitelayout.jpg) no-repeat;
    position:absolute;
    left:71px;
    top:208px;
    text-indent:-10000px;
}

body.content1 h2#sitelayout{
    width:113px;
    height:112px;
    background:url(sitelayout1.jpg) no-repeat;
    position:absolute;
    left:494px;
    top:104px;
    
}

h2#sitelayout a{
    display:block;
    width:84px;
    height:84px;
    text-decoration:none;
    position:relative;
}

body.content1 h2#sitelayout a{
    width:113px;
    height:112px;
}

h2#sitelayout a span.button{
    width:35px;
    height:35px;
    display:block;
    position:absolute;
    left:6px;
    top:5px;
    background:url(butt.png) 0 0 no-repeat;
}

body.content1 h2#sitelayout a span.button{
    left:17px;
    top:18px;
}


h2#sitelayout a:hover{
color:red;
}

h2#sitelayout a:hover span.button{
background:url(butt.png) 0 -35px no-repeat;
}



h2#comeandvisit{
    margin:0;
    padding:0;
    width:170px;
    height:170px;
    background:url(comeandvisit.jpg) no-repeat;
    position:absolute;
    left:40px;
    top:304px;
    text-indent:-10000px;
}
h2#comeandvisit a{
    display:block;
    width:170px;
    height:170px;
    text-decoration:none;
    position:relative;
}
h2#comeandvisit a span.button{
    width:35px;
    height:35px;
    display:block;
    position:absolute;
    left:53px;
    top:122px;
    background:url(butt.png) 0 0 no-repeat;
}

h2#comeandvisit a:hover{
color:red;
}

h2#comeandvisit a:hover span.button{
background:url(butt.png) 0 -35px no-repeat;
}


h2#living{
    margin:0;
    padding:0;
    width:126px;
    height:126px;
    background:url(living.jpg) no-repeat;
    position:absolute;
    left:533px;
    top:320px;
    text-indent:-10000px;
}
body.content1 h2#living{
    left:607px;
    top:106px;
}
h2#living a{
    display:block;
    width:126px;
    height:126px;
    text-decoration:none;
    position:relative;
}
h2#living a span.button{
    width:35px;
    height:35px;
    display:block;
    position:absolute;
    left:97px;
    top:96px;
    background:url(butt.png) 0 0 no-repeat;
}

h2#living a:hover{
color:red;
}

h2#living a:hover span.button{
background:url(butt.png) 0 -35px no-repeat;
}



h2#gallery{
    margin:0;
    padding:0;
    width:161px;
    height:161px;
    background:url(gallery.jpg) no-repeat;
    position:absolute;
    left:548px;
    top:123px;
    text-indent:-10000px;
}
h2#gallery a{
    display:block;
    width:161px;
    height:161px;
    text-decoration:none;
    position:relative;
}
h2#gallery a span.button{
    width:35px;
    height:35px;
    display:block;
    position:absolute;
    left:133px;
    top:131px;
    background:url(butt.png) 0 0 no-repeat;
}

h2#gallery a:hover{
color:red;
}

h2#gallery a:hover span.button{
background:url(butt.png) 0 -35px no-repeat;
}

strong#xplode{
    float:right;
    padding-right:70px;
    background:url(xplode.gif) 100% 3px no-repeat;
}
#footer strong#xplode a{
    font-weight:normal;
    color:#6F6F6F;
    font-size:90%;
}
strong#xplode a span{
display:none;
}


h3#pagehead2{
    width:397px; 
    height:35px;
    background:url(head2.gif) 16px 9px no-repeat #4B7822;
    text-indent:-100000px;
    margin:0;
    padding:0;
}

div.housetypes{
    padding-top:12px;
    color:#5F5F5F;
}

div.housetypes img{
    height:140px;
    width:140px;
}

div.housetypes a,
div#sitemaph a{
    color:#5f5f5f;
    text-decoration:none;
}

div.housetypes h5, div.sitemaph h5{
    font-size:11px;
    margin:0;
    padding:0;
}

#sitemaph {
    margin-top:9px;
    color:#5f5f5f;
}

#sitemaph div.house{
    width:148px;
    margin-left:19px;
    padding-left:167px;
    clear:left;
    padding-top:19px;
    padding-bottom:9px;
    min-height:174px;
    margin-bottom:3px;
}

#sitemaph div.house img{float:left; margin-left:-167px; clear:left; display:inline; margin-top:3px;}
#sitemaph div.house h4{width:140px; float:left; clear:left; margin-left:-167px; display:inline; border-bottom:3px solid #D7D8A6;}




div.on1#sitemaph div.house#cedar img,
div.on2#sitemaph div.house#chestnut img,
div.on3#sitemaph div.house#acer img,
div.on4#sitemaph div.house#willow img,
div.on5#sitemaph div.house#birch img {float:left; margin-left:-170px; clear:left; display:inline; border:3px solid #fff; border-bottom:none; margin-top:0;}

div.on1#sitemaph div.house#cedar h4,
div.on2#sitemaph div.house#chestnut h4,
div.on3#sitemaph div.house#acer h4,
div.on4#sitemaph div.house#willow h4,
div.on5#sitemaph div.house#birch h4{width:140px; float:left; clear:left; margin-left:-170px; display:inline; margin-top:0; border:3px solid #fff; }



div.house{
    float:left;
    width:140px;
    margin-left:12px;
    display:inline;
}
#cedar{
    margin-left:0;
}
#cedar h4{
    background:#B11116 url(cedar.gif) 53px 6px no-repeat;    
}
#chestnut h4{
    background:#E29717 url(chestnut.gif) 22px 6px no-repeat;    
}
#acer h4{
    background:#69799B url(acer.gif) 59px 10px no-repeat;    
}
#willow h4{
    background:#008D95 url(willow.gif) 45px 5px no-repeat;    
}
#birch h4{
    background:#006941 url(birch.gif) 54px 5px no-repeat;    
}

div.house h4{
    margin:0;
    padding:0;
    height:31px;
    margin-top:3px;
}

div.house h4 a{
    display:block;
    height:31px;
    text-indent:-1000000px;
}

div.hr hr{
    display:none;
}
div.hr{
    font-size:0px;
    line-height:0;
    clear:both;
    background:url(hr.gif) repeat-y;
    height:16px;
    border-top:25px solid #fff;
    border-bottom:6px solid #fff;
}

ul#menu{
    width:164px;
    margin:0;
    padding:0;
    position:absolute;
    left:232px;
    top:14px;
    text-transform:lowercase;
}
ul#menu li{
    line-height:100%;
    list-style:none;
    margin-bottom:2px;
}
ul#menu li strong{
    display:block;
    padding:4px 23px 6px 23px;
    font-weight:normal;
}

ul#menu li.act li strong{
    display:inline;
    padding:0;
    background:none;
    border:none;
}


ul#menu ul{
    margin:10px 0;
    padding:0;
    margin-left:23px;
}

ul#menu li ul li{
    padding:0px 23px 2px 13px;
    padding-left:10px;
    background:url(bul1.gif) 0 50% no-repeat;
    line-height:90%;
}


ul#menu li.act strong{
    padding-left:13px;
    border-left:10px solid #A4B655;
    background:#E8E89A;
}

ul#menu li li.act strong{
    font-weight:bold;
}


ul#menu li a{
    color:#4B7822;
    text-decoration:none;
}

ul#menu li a:hover{
    text-decoration:underline;
}
p.fourpict{
    margin:10px 20px; 
    margin-right:70px;
}
p.fourpict img{
    margin-left:20px;
    margin-bottom:20px;
}

#btright{
    float:right;
    width:352px;
    padding-bottom:15px;
    margin-top:9px;
}
#btleft{
    float:left;
    width:380px;
    padding-top:15px;
    padding-bottom:15px;
    color:#5F5F5F;
    margin-top:9px;
}
#btncntr{
    clear:both;
    padding:15px;
    color:#5F5F5F;
}
img.border{border:1px solid #6D8A1D;}
body.content1 div.green#bottom{
    background:#D7D8A6;
    border-top:9px solid #fff;
}

div.green#bottom #btright,
div.green#bottom #btleft{
    margin-top:0;
}

h4{font-size:120%;}
h5{font-size:100%;}

#btleft p{
margin:0 15px 10px;
line-height:150%;
}
#btleft h4, #btleft h5{
margin:10px 15px 5px;
line-height:150%;
}
#btleft h5{margin-top:10px;}

#btleft ul{
margin:0 15px 10px; 
padding:0;
list-style:none;
}
#btleft ul li{
margin-bottom:10px;
}
#btleft p strong{
font-size:120%;
}

#btleft p img{
margin:9px;
float:right;
}

table.properties{
    border-collapse:collapse;
    font-size:100%;
    background:url(td1.gif) 0 100% repeat-x;
    margin-left:15px;
}

table.properties input{margin:0; vertical-align:middle;}

table.properties th{
    border-bottom:1px solid #979678;
    width:70px;
    text-align:left;
}

table.properties th.Price{
    width:95px;
}

table.properties th.Availability, 
table.properties th.Enquiry{
    width:65px;
}


table.properties th.Availability strong, 
table.properties th.Enquiry strong{
    display:none;
}

table.properties td{
    background:url(td.gif) 0 100% repeat-x;
    padding:3px;
} 


input.submit{
    font-size:100%;
}

input#enquire{
    float:right;
    margin:10px 0;
}

div.avl{
    float:left;
    width:118px;
}

div.avl p{
    margin:0;
    padding:0;
    margin-bottom:3px;
}

div.avl p img{
    vertical-align:middle;
}

div.avr{
    float:right;
    width:232px;
}

div.avr p{
    margin:0;
    padding:0;
}

h3{
color:#979778;
font-size:140%;
}
table.metric{
    margin-top:40px;
    clear:both;
    border-collapse:collapse;
    font-size:100%;
    margin-left:15px;
    margin-bottom:20px;
}
table.metric th{font-weight:normal;}
table.metric td{padding-right:15px; padding-bottom:4px; vertical-align:top;}


#sitemaph{background:url(sitemapbg.gif) repeat-y; position:relative; height:1365px;}
#sitemap{position:absolute; left:444px; top:20px; width:288px; height:1252; z-index:0;}

#sitemap1,
#sitemap2,
#sitemap3,
#sitemap3a,
#sitemap4,
#sitemap5{position:absolute; display:none; z-index:10;}


#sitemap1{left:617px; top:3px;}
#sitemap2{left:619px; top:163px;}
#sitemap3{left:586px; top:329px;}
#sitemap3a{left:400px; top:550px;}
#sitemap4{left:539px; top:433px;}
#sitemap5{left:551px; top:1059px;}



div.on1#sitemaph #sitemap1,
div.on2#sitemaph #sitemap2,
div.on3#sitemaph #sitemap3,
div.on3#sitemaph #sitemap3a,
div.on4#sitemaph #sitemap4,
div.on5#sitemaph #sitemap5{display:block;}



table.form{margin:30px 100px;}
table td{font-size:100%; padding-bottom:5px; vertical-align:top;}

table.form input, table.form select, table.form textarea{font-size:100%; width:100%;} 
table.form textarea{font:100% Tahoma, sans-serif; height:100px;}

table.form input.radio, table.form input.submit{width:auto;}
span.error{color:red;}

table.form input.radio{margin-right:5px; margin-top:5px;}
input.submit{background:#D9D955; border:1px solid #B6B43D; font-weight:bold;}


ul#fmenu{float:left; margin:0; padding:0; list-style:none; }
ul#fmenu li{float:left; margin-right:10px;}
ul#fmenu li a{color:#4B7822; text-decoration:none;}

body.content1 ul#fmenu{position:relative; top:-37px;}

#footer address{
display:block;
padding:15px 0;
text-align:center;
font-style:normal;
}

div.txt{
margin:9px 15px;
color:#5F5F5F;
}

h2{font-size:150%; margin:0; padding:0; color:#979778;}

a{color:#4B7822;}

#mblock, #updates{height:167px;}


div.jsy{
    position:relative;
}
div#btright span.button{
    width:35px;
    height:35px;
    display:none;
    position:absolute;
}

div.jsy#btright span.button{
    display:block;
    cursor:pointer;
}

div#btright span.buttonOn{
    background:url(buttl.png) 0 -35px no-repeat;
    width:35px;
    height:35px;
    display:block;
    position:absolute;    
}

div#btright span.buttonOn#rr{
    background:url(butt.png) 0 -35px no-repeat;
    width:35px;
    height:35px;
    display:block;
    position:absolute;    
}

p.centrum{text-align:center; margin:5px 0 10px;}

span#ll{
    background:url(buttl.png) no-repeat;
    left:94px;
    top:14px;
}
span#rr{
    background:url(butt.png) no-repeat;
    right:94px;
    top:14px;
}

#gall{position:absolute; left:135px; bottom:30px; display:none;}

ul.sitemap{margin:30px 15px;}
ul.sitemap li{list-style:square; margin-bottom:10px;}


#login { padding:10px; margin:10px 10px 0px 30px;
 line-height:normal; border:1px solid #ffffff; width:200px;}
#login input {font-family:Verdana, sans-serif; font-size: 100%; color:#000000;}
#login input.text {width:120px; margin-right:5px;}
#login input.submit {margin: 5px 0 0 0;}
#login #forgotten {border-top:1px dotted #ffffff; margin:8px 0px 0px 0px; padding:8px 0px 5px 0px;}