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

body
{
background-color: #CCCCCC;
}

a
{
text-decoration: none;
}

p
{
margin: 0 0 0 0;
}

img
{
border: none;
}


div#container
{
background-color: white;
height: 850px;
width: 820px;
border: none;
margin: 0 auto;
}

div#banner
{
position: relative;
background-image: url(images/ddwebsite_01.gif);
width: 800px;
height: 122px;
vertical-align: bottom;
}

div#homebutton
{
position: relative;
width: 67px;
height: 20px;
top: 20px;
left: -340px;
z-index: 1;
}


div#register
{
position: relative;
vertical-align: bottom;
padding: 0 30px 0 10px;
float: left;
z-index: 0;
top: 50px;
width: 230px;
height: 50px;
}


div#bannerhome
{
position: relative;
vertical-align: bottom;
padding-left: 10px;
float: right;
z-index: 0;
top: 10px;
width: 214px;
height: 100px;
}

div#greenbar
{
background-image: url(images/ddwebsite_03.gif);
position: relative;
height: 28px;
width: 780px;
top: 0px;
text-align: right;
}

div#propertydetailsbar
{
background-color: rgb(182,99,62);
position: relative;
height: 28px;
width: 780px;
padding: 0 0 0 0;
top: 0px;
}

div#interiorsbar
{
background-color: rgb(41,71,101);
position: relative;
height: 28px;
width: 780px;
padding: 0 0 0 0;
top: 0px;
}

div#contemporarybar
{
background-color: rgb(110,38,38);
position: relative;
height: 28px;
width: 780px;
padding: 0 0 0 0;
top: 0px;
}

p.bar1
{
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
font-size: 13px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


a.bar2
{
text-align: right;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
font-size: 13px;
padding: 10px 10px 0 0;
vertical-align: top;
}

a.bannerlinkhome
{
padding: 10px 10px 10px 10px;
vertical-align: top;
}

div#info
{
padding: 0px 20px 10px 20px;
height: 240px;
width: auto;
}

div#text
{
background-color: rgb(209,218,215);
width: 334px;
height: 240px;
float: left;
top: 0px;
position: relative;
}

p.index
{
color: rgb(36,90,80);
text-align: left;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px 0px 40px;
}

p.contact
{
color: rgb(36,90,80);
text-align: left;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 3px 0px 0px 20px;
}

a.contact
{
color: rgb(36,90,80);
text-align: left;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 0px 0px 0px 0px;
}

h5.indextitle
{
color: rgb(36,90,80);
padding: 5px 20px 0px 40px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.indextitle
{
color: rgb(36,90,80);
font-size: 16px;
font-weight: bold;
padding: 10px 20px 5px 40px;
text-align: left;
}

div#vcmainpic
{
background-image: url(images/ddwebsite_16.jpg);
vertical-align: top;
width: 446px;
height: 240px;
float: right;
top: 0px;
position: relative;
background-repeat: no-repeat;
}

div#mainpic
{
background-image: url(images/ddwebsite_06.jpg);
vertical-align: top;
width: 446px;
height: 240px;
float: right;
top: 0px;
position: relative;
background-repeat: no-repeat;
}

div#blcmainpic
{
background-image: url(images/ddwebsite_blc.jpg);
vertical-align: top;
width: 446px;
height: 240px;
float: right;
top: 0px;
position: relative;
background-repeat: no-repeat;
}

div#mainpichpr
{
background-image: url(images/hpr_main.jpg);
vertical-align: top;
width: 446px;
height: 240px;
float: right;
top: 0px;
position: relative;
background-repeat: no-repeat;
}

div#indexmainpic
{
background-image: url(images/index_pic_01.jpg);
vertical-align: top;
width: 446px;
height: 240px;
float: right;
top: 0px;
position: relative;
background-repeat: no-repeat;
}



div#hpmainpic
{
vertical-align: top;
width: 446px;
height: 240px;
float: right;
top: 0px;
position: relative;
background-repeat: no-repeat;
overflow: hidden;
}

div#pdfpic
{
position: relative;
width: 780px;
height: 183px;
background-image: url(images/ddwebsite_04.jpg);
vertical-align: top;
top: 0px;
text-align: left;
}

div#vcpdfpic
{
position: relative;
width: 780px;
height: 183px;
background-image: url(images/valsheda-brochure.jpg);
vertical-align: top;
top: 0px;
text-align: left;
}

div#blcpdfpic
{
position: relative;
width: 780px;
height: 183px;
background-image: url(images/ddwebsite_blc_pan.jpg);
vertical-align: top;
top: 0px;
text-align: left;
}

div#hprpdfpic
{
position: relative;
width: 780px;
height: 183px;
background-image: url(images/ddwebsite_hpr.jpg);
vertical-align: top;
top: 0px;
text-align: left;
}

div#indexmain
{
position: relative;
width: 780px;
height: 183px;
background-image: url(images/index_welcome.gif);
vertical-align: top;
top: 0px;
text-align: left;
}

div#hppdfpic
{
position: relative;
width: 780px;
height: 183px;
background-image: url(images/harbour_park_welcome.jpg);
vertical-align: top;
top: 0px;
text-align: left;
}

a#pdflink
{
text-align: left;
color: white;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 65px 0 0 190px;
display: block;
width: 100px;
height: auto;
}

a#blcpdflink
{
text-align: left;
color: black;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 25px 0 0 190px;
display: block;
width: 100px;
height: auto;
}

a#hprpdflink
{
text-align: left;
color: black;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 65px 0 0 190px;
display: block;
width: 100px;
height: auto;
}

a#hppdflink
{
text-align: left;
color: black;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 20px 0 50px 250px;
display: block;
width: 100px;
height: auto;
}

div#slideshow
{
position: relative;
width: 800px;
height: 500px;
}


td.slideshow1
{
border: none;
font-size: 13px;
font-family: verdana, arial;
text-align: center;
}


table.slideshow2
{
border: none;
font-size: 13px;
font-family: verdana, arial;
width: 100%;
}

div#bartitle
{
	position: absolute;
	width: 200px;
	height: 28px;
	top: 5px;
	left: 10px;
}


div#barlink
{
position: absolute;
float: left;
padding: 0 0 0 0;
width: 200px;
height: 28px;
top: 5px;
left: 600px;
}


a.slideshow5
{
color: white;
cursor: pointer;
}

div#desc
{
padding: 10px 20px 10px 20px;
height: 143px;
width: auto;
}


div#desc1
{
vertical-align: top;
width: 253px;
height: 145px;
float: left;
padding: 0px 12px 0px 0px;
top: 0px;
position: relative;
background-repeat: no-repeat;
}

div#desc2
{
vertical-align: top;
width: 251px;
height: 145px;
float: left;
padding: 0px 10px 0px 0px;
top: 0px;
position: relative;
background-repeat: no-repeat;
}

div#desc3
{
vertical-align: top;
width: 252px;
height: 145px;
float: right;
padding: 0px 0px 0px 0px;
top: 0px;
position: relative;
background-repeat: no-repeat;
}

div#legal
{
background-image: url(images/ddwebsite_18.gif);
position: relative;
height: 22px;
width: 780px;
top: 0px;
}

div#buyhome
{
background-image: url(images/buyahomeindorset.gif);
position: relative;
height: 60px;
width: 780px;
top: 10px;
}

div#desc1 a,
div#desc2 a,
div#desc3 a {
display: block;
width: 251px;
height: 145px;
}
#colwrapper {
	position: relative;
	width: 800px;
	height: 600px;
	color: rgb(36,90,80);
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 10px;
}
#col1 {
	margin-left: 10px;
	width: 245px;
	float: left;
}
#col2 {
	margin-left: 20px;
	width: 247px;
	float: left;
}
#col3 {
	margin-left: 20px;
	width: 246px;
	float: left;
}