/* Evans & Associates CSS Document */


body { background: #fafafa url(./images/headerbkgd.jpg) repeat-x; text-align: center; font: 11pt Verdana, Helvetica, Arial; line-height: 1.4em; margin-top: 0;}

div { margin: 0; border: 0; padding: 0; }

a { text-decoration: none; border: none; }

img { border: 0; }


span.boldtext { font-weight: bold; }
span.largebold {font-size: 16pt; font-weight: bold;}
span.smalltext {font-size: 8pt; }

span.mls { font-size: 85%; }
span.title { font-weight: bold; color: #003399; }
span.price { font-weight: bold; color: #cc0033; }

img.pics { position: relative; width: 130px; margin: 0 35%; border: 1px solid #600;}
img.apics { float: left; border: 1px solid #600; width: 130px; }
img.bpics { float: left; border: 1px solid #600; width: 130px; margin-left: 33px; }
img.cpics {float: right; border: 1px solid #600; width: 130px; }
img.twopics { position: relative; float: left; border: 1px solid #600; width: 130px; margin: 0 10%;}


p.lefttext { text-align: left; }


#wrapper { position: relative; width: 956px; margin: 0 auto; }

/* --------------------------------------------------------------------- Header -------------------- */

#header { position: relative; float: left; width: 100%; height: 120px; }
.headleft { position: absolute; left: 10px; top: 0; width: 320px; margin-top: 0; }
.headright { position: relative; float: right; width: 150px; margin-top: 45px; }
span.companyname { font: 26pt "Times New Roman", Times, serif; font-weight: bold; color: #fff; margin-top: 0; }
span.clarkename { font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: none; }

#telephone { position: absolute; left: 350px; top: 25px; width: 650px; }
span.tele {font-size: 16pt; font-weight: bold; color: #ff0;}

/* --------------------------------------------------------------------- Site Navigation -------------------- */
#nav { position: relative; float: left; width: 100%; height: 30px; }
#nav ul { list-style: none; margin-top: 5px; padding: 0;}
#nav ul li { display: inline; font-size: 12pt; color: #000; padding: 0 10px;}
#nav a:link, #nav a:visited { color: #600; }
#nav a:hover { color: #fff; }

/* ----------------------------------------- Office Information--------------------- */

#office { position: relative; float: left; width: 100%; height: 170px; margin: 20px 0;}
.officeleft {position: relative; float: left; width: 450px; }
.officeleft img { float: left; border: 1px solid #600; margin: 0 5px;}
.officeright { position: relative; float: right; width: 500px; margin-top: 10px; }
.officeright p { font-size: 11pt; text-align: justify; }

/* ----------------------------------------- Houses  Area--------------------- */

#properties { position: relative; float: left; width: 100%; }

.houses { position: relative; float: left; width: 100%; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 2px solid #660000; text-align: justify; font-size: 100%; }

.housestext {position: relative; float: left; margin-top: 5px; }


.housesleft { position: relative; float: left; width: 458px; margin-top: 20px; text-align: justify; }


.housesright { position: relative; float: right; width: 458px; margin-top: 20px; text-align: justify; }
.heading { background: url(./images/featurebkgd.jpg) repeat-x; position: relative; float: left; width: 100%; height: 40px; text-align: left; }
.heading p { font-size: 14pt; color: #ff0;  margin-top: 8px; text-indent: 20px; letter-spacing: .1em;}


.linkout { position: reltaive; float: left; width: 100%; text-align: center;}


/* ----------------------------------- Line Ads ----------------- */



.lineads { position: relative; float: left; width: 100%; margin-top: 20px; }
.lineads p { text-align: left; } 
span.lineadheading { font-size: 120%; color: #660000; }


/* ------------------------------------------------------- Contact Page --------------------------- */

#contacts { position: relative; float: left; width: 890px; margin: 20px auto; }
#contacts p { line-height: 1.5em; text-align: left; letter-spacing: .1em; }
#contacts ul { position: relative; float: left; width: 100%; list-style: none; text-align: left; }
#contacts ul li { font-size: 113%; line-height: 1.5em; letter-spacing: .1em; } 

/* ------------------------------------------------------- Footer ---------------------------------- */
#footer { position: relative; clear: both; width: 956px; height: 24px; margin: 20px auto 0 auto; background: #600 url(./images/featuredbkgd.jpg) repeat-x; font-size: 75%; color:#fff; }
#footer p { margin-top: 3px; } 
#footer a:link, #footer a:visited { color: #ff0; } 
#footer a:hover { color: #fff; }