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

#drprop, #drabout, #drprint, #dremail, #drfeat {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color1: #8A8F80;
	text-align: center;
	background-color: #9F9EC8;
	background-image: url(images/bkgrd.png);
	background-repeat: repeat-x;
}

#wrap {
	position: relative;
	width: 780px;
	margin: 0 auto;
}

#logo {
	background: #fff url(images/DRlogo.jpg) no-repeat center 40px;
	margin: 0 auto;
	height: 575px;
	position: relative;

}

#bkgrd, #bkgrd2 {
	background: url(images/jetty.jpg) no-repeat center bottom;
	width: 764px;
	min-height:570px;
	height:auto;
	border: 8px solid #FFFFFF;
	border-top:none;
	border-collapse: collapse; 
	overflow: hidden;
	z-index:10;
	background-color:#FFFFFF;

}

/*\*/
* html #bkgrd {
height: 570px;
}
/**/


#bkgrd2 {
	position:relative;
	top:-260px;
  	min-height:620px;
  	height:auto !important;
	background-image: url(images/jetty_prg.jpg);	

}

#drprint #bkgrd2{
	top:-320px;
	
}

#drprint .photo {
	height:auto;
	overflow:visible;

}


p {
	margin: 0 0 10px;
	padding: 0;
	text-transform: none;
	font-size:11pt;
	font-style:italic;
	color:#515941;
	line-height: 1.3em;
	width: 75%;
	}
	
p.click {
	margin: 0 0 10px;
	padding: 0;
	text-transform: none;
	font-size:11pt;
	font-style:italic;
	color:#515941;
	line-height: 1.3em;
	}
	
h1 {
	margin: 0;
	padding: 0;
	font-size: 18pt;
	letter-spacing: 0.5ex;
	font-weight: normal;
	color:#515941;
	
}

.menu {
	position:absolute;
	top:250px;
	left:90px;
	width:36em;
	height:50px;
	z-index:400;
	text-transform: uppercase;
	letter-spacing: 0.3ex;
	font-size: 14pt;
}

.border1 {
	border-left: 1px solid #567A80;

}

.long li{
	border-top:1px solid #567A80;
}

.menu ul{
list-style-type:none;
color: #567A80;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
width:8em;
padding:3px 0;
color:#567A80;
text-decoration:none;
margin-right:1px;
text-align:center;
}

.menu ul.long a, .menu .long :visited {
	width:16.08em;
}


/* style the links hover */
.menu :hover{
	color:#515941;
}

.welcome, .featured1, .head1, .proplist {
	text-align: left;
	text-transform: uppercase;
	font-style: italic;
	width: 740px;
	margin: 0 auto;
	padding: 0;
	position:relative;
	clear:left;
}

.welcome {
	top:0;
}

#dremail .welcome {
	top:20px;
	margin:0 0 200px 10px;
}


.welcome p {
	width:450px;
	font-size:12pt;
	clear:left;
}

hr {
	margin: 3px 0 20px;
	padding: 0;
	width: 75%;
	clear: both;
}

.photo hr {
	margin:5px 0;
	width:100%;

}

.head1 hr {
	width:100%;
	margin-bottom:5px;

}

.image1, .image2, .image3, .image4, .image5 {
	width: 160px;
	height: 70px;
	border: 2px solid #FFFFFF;
	margin: 0 10px 15px 0;
	
}

.image2, .image3, .image4, .image5 {
	float: left;
	margin-bottom: 10px;

}

.image1 {
	background: url(images/sign1.jpg) no-repeat center center;
	float:left;
	margin: 0 auto 30px auto;
}

.image2 {
	background: url(images/house1.jpg) no-repeat center center;

}

.image3 {
	background: url(images/house2.jpg) no-repeat center center;

}

.image4 {
	background: url(images/house3.jpg) no-repeat center center;

}

.image5 {
	background: url(images/house4.jpg) no-repeat center center;

}

.featureimg1, .featureimg2, .featureimg3, .featureimg4 {
	float: left;
	margin-bottom: 10px;
	width: 160px;
	height: 70px;
	margin: 0 10px 15px 0;
	border: 2px solid #fff;

}

#drfeat .featureimg1 {
	width:200px;
	height:120px;

}



.featured2 {
	clear: left;

}
.featured1, featured2 {
	margin: 25px auto 0;

}

.featured1 {
	margin: 20px auto;
}

#drfeat .featured1 b {
	font-size:14pt;
	line-height:1.2em;
	margin-bottom:5px;
}

#drfeat .featured1 p {
	width:auto;
}

.featdes {
	margin-left:225px;
	width:330px;
}





.footer {
	height: 50px;
	top: -260px;
	position: relative;
}

a.desc1 p {
	display:none;
	left: 350px;
	top: 60px;
	position:absolute;
	width: 390px;
	font-family: Georgia, "Times New Roman", Times, serif;

}

a.desc1, 
a.desc1:link,  
a.desc1:visited, 
a.desc1:active
 {
	padding: 0;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	border:0px;
	
}

a.desc1:hover p {
	display: inline;
}

.featured2 {
	clear: left;

}

/*this is to pad out the page when there are no properties to list */
.noitems{
	position:absolute;
	top:0;
	height:570px;
}

/* gallery style */

.photo { /* outer container */
	margin: 0 auto;
	padding:0 20px; 
	width:700px;
	text-align:left;
	clear: left;
}

.listpadding{
	width:700px;
	height:350px;
}

.photo ul { /*container to hold thumbs*/
	list-style:none;
	padding:0;
	margin:0;
	width:200px;
	height: 150px;
	background: url(images/transparency.png) repeat center center scroll;
	border:1px solid #567A80;
	position: relative;
}

.photo ul li { /* thumbs - width + margin x colums/rows to calc .photo ul width & height*/
	display:inline; 
	width:40px; 
	height:40px; 
	float:left;
	margin:5px; 
	
}

.photo ul li a,
#drprint img { /* makes the thumb active & holds the arrow image */
	display:block; 
	width:40px; 
	height:40px; 
	background: url(images/pointer.png) no-repeat center center scroll; 
	text-decoration:none;
	margin: 0;
	padding: 0;
}

.photo ul li a b { /*hidden description text*/
	display:none;
}

.photo ul li a img { /*the thumb image  2px allows for 1px border?*/
	display:block; 
	width:38px; 
	height:38px; 
	border:1px solid #666; 
}

.photo ul li a:hover {
	white-space:normal;
	position:relative;
}

.photo ul li a.vert:hover img { /* enlarged thumbnail vertical*/
	position:absolute; 
	left:-5px; 
	top:-12px; 
	width:50px; 
	height:64px; 
	border-width: 1px;
}

.photo ul li a.hor:hover img { /* enlarged thumbnail horizontal*/
	position:absolute; 
	left:-12px; 
	top:-5px; 
	width:64px; 
	height:50px;	
}

.photo ul li a:active, 
.photo ul li a:focus { /* removes focus line when clicked?*/
	position:static; 
	outline:0;
}


.photo ul li a:focus.vert img, 
.photo ul li a:active.vert img { /*displays large image*/
	background: url(images/transparency.png) repeat;	
	position:absolute; 
	left:235px; 
	top:0; 
	width:360px; 
	height:320px; 
	padding:5px 50px;
}

.photo ul li a:focus.hor img, 
.photo ul li a:active.hor img,
#drprint .photo ul li img { /*displays large image*/
	background: url(images/transparency.png) repeat;	
	position:absolute; 
	left:235px; 
	top:0; 
	width:360px; 
	height:320px; 
	padding:5px 50px;
}

.photo ul li a:focus b, 
.photo ul li a:active b,
.info,
.contact
 { /* displays descriptions*/
	display:block;
	position: absolute;
	width:195px;
	top:165px;
	left:0;
	color:#515941;
	font-size: 14pt;
	text-align: left;
	padding-left:5px;
	letter-spacing:0;
}

.photo ul li a:focus b .more, 
.photo ul li a:active b .more,
.photo ul li a:focus b .more1, 
.photo ul li a:active b .more1,
.info2 {
	color: #515941;
	position:absolute;
	top: 180px;
	left: 250px;
	width: 430px;
	height: 55px;
	overflow: hidden;
}

.photo ul li a:focus b p.more1,
.photo ul li a:active b p.more1 {
	height: 135px;

}

.info {
	position:relative;
	top: 10px;
	float:left;
	width:195px;
}

.info2 {
	position:relative;
	top:15px;
	left:235px;
	height:150px;
	width:460px;
	overflow:scroll;
	overflow-x: hidden;	
	text-align:left;
}

#drprint .info2 {
	position:absolute;
	top:390px;
	left:275px;
}

.info3 {
	position:relative;
	top:200px;
	left:35px;
	height:150px;
	width:495px;
	overflow:scroll;
	overflow-x: hidden;	
	text-align:left;
	
}


.contact {
	position:relative;
	width: 290px;
	top:0;
	text-transform:none;
	font-style:italic;
	padding:0;
	margin-bottom:5px;
	float: left;
	
}

#dremail .contact {
	width: 695px;
	float:none;

}

#drprint .contact {
	width:695;
}

.email {
	position:relative;
	width: 405px;
	top:5px;
	float:right;
	text-transform:none;
	font-style:italic;
	padding:0;
	margin-bottom:5px;

}

.photo p {
	font-weight:normal;
	letter-spacing: 0;
	width: 100%;
	margin:0;
}

label {
	width: 8em;
	display: block;
	float: left;
	padding-right: 2em;

}

form div.action {
	margin: 2em 0 0 11em;
	padding: 0 0 0 2em;

}

select {
	width: 15em;
	display: block;
	float: left;
}

.sub1 {
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
}

.sub2 {
	color:#515941;
	line-height: 2em;
	text-transform: none;
	font-style:italic;
}

.ftmenu, .ftmenu a, .ftmenu a:link, .ftmenu a:visited, .ftmenu a:active {
	text-transform: uppercase;
	text-align:center;
	font-weight: normal;
	line-height: 2em;
	width: 760px;
	padding: 2em;
	display: inline;
	color:#515941;
} 

.ftmenu a:hover {
	text-decoration: underline;
}

.ftmenu .hide a, .ftmenu .hide a:link, .ftmenu .hide a:visited, .ftmenu .hide a:active {
	color: #9F9EC8;

}

.ftmenu .hide a:hover {
	text-decoration: underline;
	color: #fff;
}

.cont1 {
	position:relative;
	padding-top: 60px;

}

.head1, .proplist {
	position: relative;
	width:695px;
	margin-bottom:15px;

}

.head1 p.about {
	position: relative;
	width:550px;
	float: right;

}

.head1 a {
	color:#515941;
	padding-right:20px;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;

}

.head1 a:hover {
	color:#9F9EC8;

}

.proplist {
	height:500px;
	overflow:scroll;
	overflow-x: hidden;	
	width:auto;

}

.prop {
	text-align:left;
	width:695px;
	position:relative;
	left:30px;
}

.prop img {
	margin:0 20px 0 0 ;
	width:100px;
	height:70px;
	float:left;
	border:1px solid #666; 

}

.listinfo{
	width:auto;
	height:auto;
	overflow:hidden;
}

.price {
	padding-right:20px;

}

h2.listinfo {
	font-size: 11pt;
	font-style:italic;
	margin:0;
	padding:0 0 5px;
	height:auto;
	color:#515941;

}

.prop hr {
	margin-left:120px;
	width:auto;
}


a.moreinfo, 
a:link.moreinfo, 
a:visited.moreinfo, 
a:active.moreinfo {
	color:#567A80;
	text-decoration: none;
}

.aboutus {
	margin:0 auto;
	padding:0;
	width:695px;

}

#contform {
	text-align:left;
	font-size:11pt;
	color: #515941;

}

.details {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px;
	border-bottom-color: #FFFFFF;
	height:auto;
	clear:both;

}

.right {
	display:block;
	float:left;
	width: 18em;
	margin:5px 15px 0 50px;
	padding:0px;
	text-align:right;
	clear:both
}

input, radio, textarea {
	margin:5px 0;

}

form {
	margin:0;
	padding:0;

}

form div {
	height:auto;
	clear:left;

}

.hsp3 {
	padding-left:1em;

}

#logoanchor {
	position:absolute;
	top:175px;

}

#enquiryanchor {
	position:absolute;
	top:0px;

}

.aboutus h2{
	font-size:12pt;


}

.reppic {
	float:left;
	height:300px;
	width:120px;
	margin: 0 10px 10px 0;

}

.abouthead {
	position: relative;
	width:695px;
	margin-bottom:15px;

}

abouthead h1 {
	margin: 0;
	padding: 0;
	font-size: 18pt;
	letter-spacing: 0.5ex;
	font-weight: normal;
	color:#515941;
	text-align:left;
	
}
.abouthead hr {
	width:100%;
	margin-bottom:5px;

}
.abouthead p {
	position: relative;
	width:550px;
	float: right;
	text-align:left;

}

.abouthead a {
	color:#515941;
	padding-right:20px;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;

}

.abouthead a:hover {
	color:#9F9EC8;

}