/* reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym {border:0;}

/* fonts.css - Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
table {font-size:inherit;font:100%;}
/* 99% for safari; 100% is too large */
select, input, textarea {font:99% arial, helvetica, clean, sans-serif;}
/*  Bump up !IE to get to 13px equivalent */
pre, code {font:115% monospace;*font-size:100%;}
/* Default line-height based on font-size rather than "computed-value" */
body * {line-height:1.22em;}

/* ELEMENTS ------------------------ */
body          { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #520601; margin: 0; padding: 0 }
html, body { height: 100%; }
/* container */
#container       { background-image: url("images/shadow.png"); background-repeat: repeat-y; margin: auto; position: relative; width: 974px }
#wrapper    { margin-right: auto; margin-left: auto; width: 960px; background-color: #ffffff }
#header     { color: #000000; width: 100%; height: 113px; position: relative }
#logo      { text-align: left; margin: 0; width: 548px; float: left }
#logo_txt { position: absolute; left: 150px; top: 74px; width: 200px; font-size: 12px; line-height: 16px }
#header_right    { width: 410px; height: 113px; float: right }
#phone  { width: 162px; height: 32px; float: right; padding-right: 5px }
#search  { background-image: url("images/searchBckgrnd.jpg"); background-repeat: no-repeat; width: 243px; height: 79px; float: right }
#search p { color: #800000; font-size: 15px; font-weight: bold; margin-top: 15px; margin-left: 20px; line-height: 20px }
#search .txt { padding-top: 2px }
#search .img { padding-bottom: 4px; padding-right: 4px }
#search p a { color: #800000 }
#search p a:hover { color: #ffffff }
#search_frame a { color: #800000 }
#index       { min-height: 740px }
#content       { min-height: 720px }
#content a { color: #800000 }
#content a:hover  { color: #ebcb6f }
#slideshow { width: 960px; height: 396px }
#index_left   { width: 358px; height: 344px; float: left }
#index_left_txt  { margin-left: 30px; width: 310px; height: 300px; border-right: 1px solid #757575; margin-top: 16px; }
#index_left_txt p { line-height: 18px; margin-right: 30px }
#index_left_txt p a { color: #800000 }
#index_left_txt p a:hover  { color: #ebcb6f }
#featured   { width: 332px; height: 344px; float: left }
#featured_slideshow   { margin-top: 16px; margin-left: 10px; width: 312px; height: 300px; border-right: 1px solid #757575 }
#featured_title h2 {
    color: #800000;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 0;
    line-height: 22px;
}
#featured .txt a { color: #000000 }
#featured .txt a:hover { color: #800000 }
#index_right      { background-color: #ffffff; text-align: center; width: 260px; height: 344px; float: left }
#links { font-size: 14px; margin-top: 40px; margin-left: 70px; width: 750px }
#links .right { width: 275px; float: right; line-height: 24px }
#links .left { width: 475px; float: left; line-height: 24px }
#links h2 { font-size: 24px; font-weight: bold; padding-bottom: 30px }
#about  { font-size: 12px; margin-top: 25px; margin-left: 25px; width: 910px }
#about .right { width: 435px; float: right; line-height: 18px }
#about .left { width: 455px; float: left; line-height: 18px }
#about h1  { color: #800000; font-size: 17px; font-weight: bold }
#about .info { font-weight: bold; color: #595959; font-size: 13px }
#contact  { color: #595959; font-size: 15px; font-weight: bold; line-height: 24px; margin-top: 40px; margin-left: 70px; width: 750px }
#contact h1  { color: #800000; font-size: 24px; font-weight: bold }
#contact a { color: #595959 }
#contact a:hover { color: #800000 }
#projects  { font-size: 13px; font-weight: bold; margin-top: 10px; margin-left: 40px; width: 750px }
#projects h1   { color: #800000; font-size: 30px; font-weight: bold; letter-spacing: 2px; float: left; height: 30px }
#projects #details { float: left; margin-top: 17px; margin-left: 10px }
#projects #project_list { font-size: 24px; line-height: 46px; padding-top: 50px; margin-left: 100px }
#projects a { color: #800000 }
#projects a:hover { color: #000000 }
#project { margin-top: 30px; margin-left: 45px }
#project #col1 { line-height: 18px; width: 450px; float: left }
#project #col1 img { padding-bottom: 30px }
#project #col1 .features { line-height: inherit; font-weight: bold }
#project #col2 { margin-right: 40px; width: 400px; float: right }
#project #col2 img { padding-bottom: 10px }
#agents { padding-top: 40px; margin-left: 35px }
#agents .img { float: left; width: 480px; height: 331px }
#agents .desc { float: left; width: 390px; font-size: 12px }
#agents h1  { color: #800000; font-size: 18px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px }
#agents h2   { color: #800000; font-size: 18px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; float: left; height: 20px }
#agents h3 { color: #800000; font-size: 16px; font-weight: bold; margin-top: 2px; margin-left: 6px; height: 20px; float: left }
#agents .email { clear: both; margin-top: 5px; padding-bottom: 20px }
#agents .buttons   { margin-left: 40px; padding-top: 55px; float: left }
#agents .button  { background-image: url("images/btnListings.jpg"); background-repeat: no-repeat; width: 144px; height: 28px }
#agents .button_txt { font-size: 14px; text-transform: uppercase; padding-top: 5px; padding-left: 22px }
#agents .button_txt a  { color: #ffffff }
#agents .button_txt a:hover  { color: #ebcb6f }
#agent_desc { float: left; width: 400px; font-size: 12px }
#agents .col1 { float: left; width: 315px }
#agents .col2 { float: left; width: 315px; margin-left: 20px }
#agents .line { height: 20px; width: 858px; border-bottom: 1px solid #757575 }
#featAgent{ margin-top: 20px; margin-left: 50px; width: 720px }
#featAgent h2   { color: #800000; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px }
#featAgent .img  { padding-bottom: 10px; width: 340px; float: left }
#featAgent .desc { float: left; width: 370px }
#featAgent .desc h2    { text-transform: none }
#listing { padding-top: 20px }
/* slideshow */
#featHome     { width: 282px }
#featHome .img     { width: 282px; height: 176px }
#featHome .txt { height: 60px; width 100%; background-color: #ffda96; position: relative }
#featHome .txt div { left:0px; top:12px; width:282px; position:absolute; font-weight: bold }
#featHome a:hover     { color: #ebcb6f }
#thumbs     { font-size: 14px; background-color: #670b00; width: 282px; height: 25px }
#thumbs .arrow_left   { text-align: right; width: 75px; float: left }
#thumbs .numbers    { text-align: center; padding-top: 2px; width: 132px; float: left }
#thumbs .arrow_right          { text-align: left; width: 75px; float: right }
.selected { color: #ebcb6f; }
/* newsletter */
#newsletter_signup  { background-image: url("images/btnNewsLetter.jpg"); background-repeat: no-repeat; width: 260px; height: 48px }
#news_input { margin-left: 100px; padding-top: 8px }
#news_input .submit { font-size:10px; border: none; background-color: #680903; float: right; color: #ebcb6f; margin-right: 8px; margin-top: 2px }
#news_input .submit:hover { color: #ffffff }
/* open house */
#open_house   { background-image: url("images/btnBackgrnd.jpg"); background-repeat: no-repeat; margin-top: 10px; width: 260px; height: 48px }
#open_house .txt { font-size: 15px; font-weight: bold; margin-left: 10px; padding-top: 12px }
#open_house .txt a  { color: #ffffff }
#open_house .txt a:hover  { color: #ebcb6f }
/* misc links */
.clear { clear: both }
.notice { color: #FF0000; }
.color  { color: #800000 }
.dot  { color: #800000 }
.dot2 { color: #dcb800; font-weight: bold }
.indent { padding-left: 20px }
.small { font-size: 8pt }
.med { font-size: 18pt }
.float-right     { display: inline; margin: 0; float: right }
.float-left      { display: inline; margin: 0; padding-right: 10px; float: left }
.notice { color: red }
/* footer */
#footer           { color: #ffffff; font-size: 11px; margin: 0 auto; padding-top: 10px; padding-bottom: 25px; width: 960px; vertical-align: bottom }
#footer .left    { text-align: left; width: 300px; float: left }
#footer .right   { text-align: right; width: 300px; float: right; padding-right: 20px }
#footer .like   { text-align: right; width: 72px; float: right; overflow: hidden }
#footer img { float: left }
#footer .spacer   { color: #dcb800; font-size: 12px; font-weight: bold; padding-left: 2px; padding-right: 2px }
#footer a  { color: #ffffff; text-decoration: none }
#footer a:hover  { color: #ebcb6f }
a   { text-decoration: none }
a:hover  { color: #ebcb6f }
a:focus { outline: none; }