@import url(home.css);

/* misc */
img{border:0;}

/* header */
div#header{
	background: transparent url('images/header.jpg') no-repeat;
	height: 107px;
	border-bottom: 5px solid black;
	}
/*menu*/
div#menu {
	position: absolute;
	top: 83px;
	right:0;
	margin:0;
	padding:0;
	}
div#menu ul {
	margin:0;
	padding:0;
	}

#link01 a:link {
	background: transparent url('images/propUp.gif') no-repeat ;
	width: 85px;
}
#link01 a:hover {
	background: transparent url('images/propDown.gif') no-repeat;
	background-position: 0px -20px;
	}
#link02 a {
	background: url('images/aoUp.gif') no-repeat;
	width: 111px;
}
#link03 a {
	background: url('images/tsUp.gif') no-repeat;
	width: 107px;
}
#link04 a {
	background: url('images/bsUp.gif') no-repeat;
	width: 105px;
}
#link05 a {
	background: url('images/aboutUp.gif') no-repeat;
	width: 73px;
}
#link06 a {
	background: url('images/comUp.gif') no-repeat;
	width: 89px;
}




#main {
	padding: 0px;
	}


#featuredProperties {
	width 138px;
	}



/* left column */
#leftColumn {
	border: 0px solid blue;
	float: left;
	width:166px;
	margin:0 auto;
	padding:0;
	}

div#relatedLinks {
	width:100%;
	margin:5px 0 0 0;
	padding:0;
}
div#relatedLinks .title{
	width: 166px;
	margin:0 0 0 15px;
	padding:0 0 5px 0;
	background: transparent url('images/relatedTop.jpg') no-repeat;
	}
div#relatedLinks .title h2 {
	color: #E9E6D1;
	font-size:75%;
	width:156px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom: 0px;
	text-align:center;
}
div#relatedLinks .content {
	background: transparent url('images/relatedMid.jpg') no-repeat;
	height: 229px;
	width: 166px;
	position: relative;
	}
div#relatedLinks .content ul {
	width:156px;
	margin:0 auto;
	padding:0 0 0 0;
	list-style-type: none;
	}
div#relatedLinks .content ul li {
	border-bottom:0px solid white;
	color:white;
	font-size: 60%;
	margin: 0px 0 0 30px;
	padding: 6px 0px 6px 0px;
	}
div#relatedLinks .content ul li a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	}
div#relatedLinks li#refine {
	list-style-image: url('images/refineSearch.gif') no-repeat;
	}
div#featuredProperties {
	width: 156px;
	margin:10px 0 10px 15px;
	padding:5px;
	background-color:#8c0000;
}
div#featuredProperties .title {
	border:1px solid gold;
	padding:5px;

	font-color: #B8AA7B;
}
div#featuredProperties .title img {
	display:block;
	margin:5px auto;
}

div#featuredProperties .title h2{
	font: 110% "Times New Roman", Times, serif;
	color:#B8AA7B;
	margin:0 0 0 1.5px;
	padding:0;
	font-weight: normal;
}
div#featuredProperties .title h3{
	font-size:70%;
	color:white;
	margin:5px 0;
	padding:0;
}
span.listPrice,span.location,span.contactName,span.contactPhone{color:white;font-size:55%;}
span.listPrice{}
span.location{}
span.contactName{}
span.contactPhone{}
div#featuredProperties .title p {color:white;font-size:55%;}


#rightColumn {
	border: 0px solid red;
	margin: 0 0 0 180px;
	padding:20px;
	}
#introduction {
	width: auto;
	float: none;
}
#introduction h1{
	margin:0 0 10px 0;
	padding:0;
	border-bottom:2px solid #8c0000;
	font-size: 140%;
	}
#introduction p {
	font: 80% verdana, Times, serif;
	color: #534E33;
	wrap: no-wrap;
	}
#introduction img {
	float: right;
	margin: 0 0 0 20px;
	}
.clr {clear:both;}

/* sub left column */
div#subLeftColumn {
	width: 307px;
	float:left;
	border:0px solid green;
	background: transparent url('images/subLeftBottom.gif') bottom no-repeat;
}
#introduction h1 {
	color: #172D55;
	font: 1.3em "Times New Roman", Times, serif;
	}
div#subLeftColumn h2{
	padding:0;
	margin:0;
	font: 1.3em "Times New Roman", Times, serif;
	color: #172D55;
	}

div#propertySearch, div#optionalData .content  {
	background: transparent url('images/subLeftMid.gif') repeat-y;
	padding:0px;
	}
div#propertySearch fieldset, div#optionalData fieldset{
	border:0;
	}

div#propertySearch .title, div#optionalData .title {
	background: transparent url('images/subLeftTop.gif') no-repeat;
	padding:10px;
	}
/* sub right column */
div#subRightColumn {
	width: 208px;
	float:right;
}
div#subRightColumn h2{
	padding:0;
	margin:0;
	font-size: 80%;
	color: #ffffff;
	}

div#propertyWatch, div#logIn, div#agent {
	background-color:#6b6648;
	padding:0px;
}
div#propertyWatch .title, div#logIn .title {
	background: transparent url('images/subRightTop.gif') no-repeat;
	padding:10px;
	}
div#propertyWatch .content, div#logIn .content {
	background: transparent url('images/subRightMid.gif') repeat-y;
	}

div#logIn input {
	display:block;
	width:150px;
	margin:auto;
	font-size:10px;
	}

div#agent {
	background-color:#c8bfa7;
	margin:10px 0 0 0;
	}