/* CSS Document */


/* 1. Basic Styles
********************************************/

body {
	background-image: url(../images/bg.gif);
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.2em;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
a {
	color: #BC1010;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

.error {
	color: #FF6666;
}

.dotted {
	border-top: 1px dotted #736f69;
	height: 1px;
	margin: 20px 0 0 0;
}

.clear {
	clear: both;
}



/* 2. Page Layout
********************************************/

#wrapper {
	margin: 0 auto;
	width: 663px;
	position: relative;
	background: #f2f3dd;
	text-align: left;
	border-left: 1px solid #736f69;
	border-right: 1px solid #736f69;
}

.column {
	float: left;
}

.content {
	padding: 15px;
	background: #f2f3dd;
}

.companyinfo {
	width: 220px;
	font-size: 11px;
	padding: 0 0 40px 0;
}
.pageinfo {
	width: 400px;
	padding: 0 0 40px 0;
}

#nav {
	
}
#nav h2.tagline {
	background: url(../images/page-top.gif) no-repeat 0px 0px;
	height: 34px;
	text-indent: -9999px;
	border-bottom: 1px solid #736f69;
}
#nav ul { 
	background: #b1b56e;
	text-align: center;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #736f69;
}
#nav li { 
	display: inline;
	margin: 0; 
	padding: 0;
	font-size: 11px;
	font-weight: normal; 
	text-transform: uppercase; 
}
#nav li a { 
	color: #f1f3cf;
	padding: 3px 8px;
	margin:  8px 0;
	display: inline-block;
	border-left: 1px solid #dfd7cb;
	border-right: 1px solid #736f69;
}
#nav li a:hover, #nav li a.on { 
	color: #585550;
	text-decoration: none;
}
#nav li.first a { 
	border-left: none;
}
#nav li.last a { 
	border-right: none;
}

#footer {
	font-size: 9px;
	background: url(../images/bg-stripes.gif) repeat 0px 0px;
	text-align: center;
	padding: 45px 20px;
	clear: both;
} 
#footer h4 {
	background: url(../images/realtor-logo.gif) no-repeat center top;
	height: 52px;
	text-indent: -9999px;
} 

.companyinfo #companyinfo li.name {
	margin-top: 12px;
}
#companyinfo li.name, #companyinfo li.citystate, #companyinfo li.fax {
	margin: 0 0 12px 0;
}
#companyinfo li.email {
	padding: 0 0 0 20px;
	background: url(../images/mail.gif) no-repeat 0px 4px;
}

.pageinfo h1 {
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0 20px 0;
}

.ad input {
	width: 300px;
}
.ad input.button, .ad input.smbox {
	width: 150px;
}
.ad input.radio {
	width: 36px;
}

.listcontent li h3 {
	background: url(../images/tab.gif) no-repeat 0px 0px;
	font-size: 11px;
	font-weight: normal;
	color: #6f7151;
	padding: 2px 5px;
	margin: 15px 0 10px 0;
}
.listcontent li { 
	margin: 5px 0 10px 0;
}
.listcontent li a { 
	display: block;
}
.listcontent li a.adlink { 
	display: inline;
}


/* 3. Homepage
*******************************************border: 1px solid #000000;*/

#homepage #companyinfo #companylogo, 
#homepage #companyinfo #companydetails {
	float: left;
}
#homepage #companyinfo #companylogo, 
#homepage #testimonial {
	width: 250px;
}
#homepage #companyinfo #companydetails,
#homepage #about {
	width: 370px;
}
#homepage #companyinfo {
	padding: 12px 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #736f69;
	position: relative;
}

#homepage #testimonial,
#homepage #about {
	float: left;
	padding: 0 0 40px 0;
}

#homepage #about h1 {
	font-size: 12px;
	margin: 0 0 12px 0;
}

#homepage #testimonial {
	position: relative;
}
#homepage #testimonial .randomcontent  {
	position: relative;
	padding: 0 20px 24px 0;
	margin: 0 0 12px 0;
	font-size: 11px;
}
#homepage #testimonial .contenttitle {
	position: absolute;
	bottom: 0px;
}
#homepage #testimonial .contentdescription {
	font-weight: bold;
	font-style: italic;
}

#localinfo h4 {
	background: url(../images/site-custom/explore-01.jpg) no-repeat 0px 0px;
	height: 169px;
	text-indent: -9999px;
	clear: both;
}



/* 4. Testimonials
*******************************************border: 1px solid #000000;*/

#testimonials li { 
	border-top: 1px dotted #736f69;
	padding: 10px 0;
	margin: 0;
}
#testimonials ul { 
	padding: 10px 0 0 0;
}
#testimonials li p { 
	font-weight: bold;
	margin: 0 0 10px 0;
}




/* 5. Buying
*******************************************border: 1px solid #000000;*/




/* 6. Selling
*******************************************border: 1px solid #000000;*/




/* 7. Mortgage
*******************************************border: 1px solid #000000;*/

#mortgagecalc {
	border-top: 1px dotted #736f69;
	border-bottom: 1px dotted #736f69;
	padding: 15px 0;
	margin: 15px 0;
}


/* 8. Search
*******************************************border: 1px solid #000000;*/




/* 9. Contact & CMA
*******************************************border: 1px solid #000000;*/

#contact label {
	width: 165px;
	padding: 10px 0 0 0;
	display: inline-block;
}
#contact input {
	width: 200px;
}
#contact .comments textarea {
	width: 370px;
	height: 150px;
}
#contact .submit {
	border-top: 1px dotted #736f69;
	padding: 15px 0;
	margin: 15px 0;
}
#contact .submit input.button {
	width: inherit;
}

#cma td .dotted {
	margin: 10px 0;
}


/* 10. Bio
*******************************************border: 1px solid #000000;*/






/* 11. Local
*******************************************border: 1px solid #000000;*/

#local .listcontent li a { 
	display: inline;
}