html{
scrollbar-base-color: #ffcc66;
scrollbar-face-color: #cc6633;
scrollbar-arrow-color:black;
scrollbar-3dlight-color:#cc6633;
scrollbar-track-color:#ff9933;
scrollbar-darkshadow-color:#cc6633;
}



body {
text-align:center;
background-color:white;
margin: 0;
padding: 0;
}

p {font-family:Arial, Veranda, Sans-serif, Courier new; font-size:100%; color:#663300;}
ul {font-family:Arial, Veranda, Sans-serif, Courier new; font-size:100%; color:#663300;}
strong {font-family:Arial, Veranda, Sans-serif, Courier new; font-size:120%; color:#663300;}
center {font-family:Arial, Veranda, Sans-serif, Courier new; font-size:100%; color:#663300;}

a:link {color:#996600; text-decoration:underline; font-weight:bold; font-family:arial, serif;}
a:visited {color:#996600; text-decoration:underline; font-weight:bold; font-family:arial,  
serif;}
a:active {color:#996600; text-decoration:underline; font-weight:bold; font-family:arial,  
serif;}
a:hover {color:black; text-decoration:none; font-weight:bold; font-family:arial, serif; font-size:100%;}

#h1 {font-family:Arial; font-size:130%; color:#ff6600; text-align:center;}
#h2 {font-family:Arial; font-size:130%; color:#ff6600; text-align:center;}
#h3 {font-family:Arial; font-size:130%; color:#ff6600; text-align:center;}
#h4 {font-family:Arial; font-size:110%; color:#ff6600; text-align:left;}

.c {text-align:center;}




/* page size */
.page
{position:relative; margin: 0 auto; left:0px; top:0px; height:2700px; width:999px; background-color:white; text-align:left; border-right: solid #336633 1px; border-left: solid black 1px;}

/* extended page size */
.page-extend
{position:relative; margin: 0 auto;left:0px; top:0px; height:4500px; width:999px; background-color:white; text-align:left; border-right: solid #336633 1px; border-left: solid black 1px;}

/* smaller page size for house details */
.page-house
{position:relative; margin: 0 auto;left:0px; top:0px; height:1700px; width:999px; background-color:white; text-align:left; border-right: solid #336633 1px; border-left: solid black 1px;}




/* photo montage */
#montage	
{position:absolute; left:0%; top:0px; height:172px; width:100%; background-color:green; background-image: url(images/header-1.jpg);}


/* Title bar */
#topb
{position:absolute; left:0%; top:200px; height:35px; width:98%; background-color:white; 
padding-left:1%; padding-right:1%; padding-top:1mm; padding-bottom:1mm; font-family:arial; border-color:white; border-style:none; font-size:small;}


/* urls for top bar */
.top-bs
{position:absolute; height:10%; width:14%; border:none; background-color:none; font-family:arial, serif; font-size:110%; text-align:center; padding:1mm;}  

/* Title bar b location */
.m1 {left:0%; top:14%;}
.m2 {left:15%; top:14%;}
.m4 {left:31%; top:14%;}
.m5 {left:45%; top:14%;}
.m6 {left:60%; top:14%;}
.m7 {left:75%; top:14%;}
.m8 {left:87%; top:14%;}



/* Column down right*/
#rightcol
{position:absolute; left:76%; top:320px; height:1200px; width:23%; background-color:white; font-color:black; font-family:arial, serif; font-size:90%; line-height:140%; font-size:small;}




/* main text content */
.text
{position:absolute; left:2%; top:260px; height:2100px; width:70%; background-color:white; padding:3px; font-family:arial, serif; font-size:100%; line-height:140%; border-right: solid white 0px;}


/* main text content larger page */
.text-extend
{position:absolute; left:2%; top:260px; height:3000px; width:70%; background-color:white; padding:3px; font-family:arial, serif; font-size:100%; line-height:140%; border-right: solid white 0px;}


/* Properties on offer content area */
.text-2
{position:absolute; left:2%; top:320px; height:2100px; width:95%; background-color:white; padding:3px; font-family:arial, serif; font-size:80%; line-height:140%; border-right: solid white 0px;}


/* Properties on offer content area */
.text-house
{position:absolute; left:2%; top:320px; height:1200px; width:95%; background-color:white; padding:3px; font-family:arial, serif; font-size:80%; line-height:140%; border-right: solid white 0px;}



.footer
{border-style:solid; border-width:3px; border-color:none; padding:5px; height:40px; width:760px; background-color:#339900; float:left;}


/*Additional index link box as iframe*/
.box {
position:absolute; left:2px; top:350px; padding:1px; border-style:double; border:3px; border-color:#336633; background-color:white;}


/*Second scroll box*/
.box2 {
position:absolute; left:2px; top:1150px; padding:1px; border-style:double; border:3px; border-color:#336633; background-color:white;}



/*CLASSES BELOW FOR THE CONSTRUCTION OF THE PROPERTY BOX*/

/*box template for main property page*/
.property{
border-right: solid #336633 4px; border-left: solid #336633 4px; border-top: solid #336633 4px; border-bottom: solid #336633 4px; padding:0px; height:230px; width:48%; background-color:white; float:left;}

/*box template for main property page*/
.propertyr{
border-right: solid #336633 4px; border-left: solid #336633 4px; border-top: solid #336633 4px; border-bottom: solid #336633 4px; padding:0px; height:230px; width:48%; background-color:white; float:right;}

/*box for photo*/
.photo{
padding-top:4px; height:200px; width:267px; background-color:#ccff99; float:left;}

/*box for property headings bar*/
.title{
position:relative; left:0; top:0px; padding:0px; height:28px; width:99%; background-color:#669933;
font-size:100%; line-height:140%; color:#ffff99; font-weight:bold; padding-left:5px; padding-top:2px
}

/*box to right of photo for details*/
.details{
position:relative; padding:10px; height:183px; width:168px; background-color:#ccff99; float:right;
font-size:85%; line-height:140%; color:#000000;
}

/* property headings bar positioning */
.price {left:5px;}
.ref {left:160px;}

/*Advert vertical spacer*/
.spacer{
height:20px; width:99%; background-color:white; float:left;}




/*CLASSES BELOW FOR THE CONSTRUCTION OF THE PROPERTY BOX*/


/*box template for each seperate property page*/
.property-box{
position:absolute; left:2%; top:40px; border-right: solid #336633 4px; border-left: solid #336633 4px; border-top: solid #336633 4px; border-bottom: solid #336633 4px; padding:0px; height:1400px; width:96%; background-color:white;}


/*box for photos*/
.photos{
padding:0px; height:1200px; width:267px; background-color:white; float:left;}

/*box for property headings bar*/
.heading{
position:relative; left:0; top:0px; padding:0px; height:28px; width:99%; background-color:white;
font-size:100%; line-height:140%; color:#ffff99; font-weight:bold; padding-left:5px; padding-right:4px; padding-top:2px
}

/*box to right of photo for details*/
.info{
position:relative;; padding:10px; height:auto; width:600px; background-color:white; float:right;
font-size:100%; line-height:140%; color:#000000;
}

/* positioning in "info" box */
.offer-price {left:5px; background-color:white; color:#663300;}
.our-ref {left:600px; background-color:white; color:#663300;}

/*END OF CONSTRUCTION OF THE PROPERTY BOX*/


/*White background on text*/
.white{
background-color:white;}



.scraper
{border-style:solid; border-width:0px; border-color:none; padding:5px; height:600px; width:160px; background-color:none; float:left;}

.scraper-right
{border-style:solid; border-width:0px; border-color:none; padding:5px; height:600px; width:160px; background-color:none; float:right;}

.scraper-small
{border-style:solid; border-width:0px; border-color:none; padding:5px; height:60px; width:234px; background-color:none; float:left;}

.scraper-small-right
{border-style:solid; border-width:0px; border-color:none; padding:5px; height:60px; width:234px; background-color:none; float:right;}

.standard
{border-style:solid; border-width:0px; border-color:none; padding:5px; height:290px; width:345px; background-color:none; float:left;}

.standard-r
{border-style:solid; border-width:0px; border-color:none; padding:5px; height:290px; width:345px; background-color:none; float:right;}







-->

</style>