/* ---------- Default Declaration ---------- */
html,body { min-height:100%;}

body { font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0; background:#AC9060 url(../images/body-bk.gif) repeat-x 0 0; color:#3B3B3B; font-size:12px;}

div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, a {margin:0; padding:0; border:0; vertical-align:baseline;}  

img, a img { border:none;}

:focus {outline:0;}

h1 { font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:18px;}
h2 { font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:16px;}
h3 { font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:14px;}

p { margin:0 0 15px 0;}

a { color:#844300; text-decoration:underline;}
a:hover { color:#fff; text-decoration:underline;}

/* ------- General Uses ------- */
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.clearfix { clear:both;}
/*.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}*/
.clear-5 { clear:both; height:5px;}
.clear-10 { clear:both; height:10px;}
.clear-15 { clear:both; height:15px;}
.clear-20 { clear:both; height:20px;}

.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

/* ------------ Page Styles ------------ */
.top-wrap { width:986px; margin:0 auto; padding:0; text-align:left;}
.top { width:966px; margin:0; padding:17px 10px; height:24px;}
.phonenumber { width:auto; float:left; margin:0; padding:0; }
.top-right { width:auto; *width:260px; margin:0; *margin-top:-24px; padding:0; float:right;}
.top-links { float:left; margin:0; padding:4px 0 0 0;  color:#DECEB2;}
.top-links a { color:#DECEB2; text-decoration:none; margin:0; padding:4px 0 0 0;}
.top-links a:hover { color:#ffffff; text-decoration:none; margin:0; padding:4px 0 0 0;}
.top-socials { float:right; margin:0 0 0 10px; padding:0; width:auto;}

.header-wrap { width:100%; margin:0; padding:0; clear:both; overflow:hidden; background:#E1D2B1 url(../images/header-bk.gif) repeat-x 0 0; height:229px; border-bottom:1px solid #ECE2CD;}
.header { width:980px; margin:0 auto; padding:0; height:229px; position:relative;}
.logo-area { width:368px; height:229px; margin:0; padding:0; position:absolute; top:0; left:0; z-index:300; overflow:hidden; background:url(../images/logo-bk.png) no-repeat 16px 0px;}
.logo { width:368px; height:72px; margin:68px 0 0 0; padding:0; float:left;}
.logo h1 a { width:368px; height:72px; display:block; margin:0; padding:0; text-indent:-9999px; background:url(../images/kraus&kuntz-logo.png) no-repeat 0 0;}
.header-top { margin:0; padding:0; position:absolute; top:0; left:0; z-index:200}
.header-slide { width:770px; height:229px; position:absolute; top:0; right:0; z-index:100;}
.header .remax-special{ position:absolute; right:10px; bottom:10px; z-index:400;}

.navigation-wrap { width:100%; margin:0; padding:0; clear:both; overflow:hidden; background:#C0A77C url(../images/nav-bk.gif) repeat-x 0 0;}
.navigation { width:980px; margin:0 auto; padding:6px 0 5px 0; _height:24px; _padding-top:15px;}
.navigation ul#chromemenu { margin:0; padding:0; list-style:none;}
.navigation ul#chromemenu li { margin:0; padding:0 0 0 2px; list-style:none; display:inline; color:#4F3B26; font-size:15px; font-weight:bold; background:url(../images/nav-separator.gif) no-repeat scroll 100% 50%; line-height:34px;}
.navigation ul#chromemenu li a { color:#4F3B26; text-decoration:none; padding:5px 7px; line-height:34px; }
.navigation ul#chromemenu li a:hover { color:#705131; text-decoration:none; }
.navigation ul#chromemenu li.last { background-image:none;}

.midblue-wrap { width:100%; margin:0; padding:18px 0; clear:both; overflow:hidden; color:#fff; background:#121B56;}
.blue-box { border:1px solid #242F7B; background:#090C39; padding:20px 15px 15px 15px; float:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; -khtml-border-radius:5px; text-align:left;}
#featurelisting-slide { height:170px;}
.fl-box { width:350px; margin: 0 14px 0 0; _margin: 0 13px 0 0; display:inline; float:left; text-align:left;}
.mls-box { width:253px; margin: 0 14px 0 0; _margin: 0 13px 0 0; display:inline; float:left; text-align:left;}
.hw-box { width:253px; margin: 0px; display:inline; float:left; text-align:left;}

.fl-pic-small { width:240px; margin:0 10px 0 0; padding:0; float:left; }
.fl-pic-small img { border:3px solid #fff;}
.fl-text-small { width:100px; float:right; margin:0; padding:0;}
.fl-text-small a { text-transform:uppercase; color:#DECEB2;}
.fl-text-small a:hover { text-transform:uppercase; color:#fff;}
.fl-box a { text-transform:uppercase; color:#DECEB2;}
.fl-box a:hover { text-transform:uppercase; color:#fff;}

.fm-row { margin:8px 0; clear:both; overflow:hidden;}
.fm-label { width:100px; float:left; margin:0; padding:0; font-weight:bold;}
.fm-field { width:140px; float:left; margin:0; padding:0;}
.fm-field input { height:14px;}

.hw-box .fm-row { margin:12px 0; *margin:11px 0;}

.container { width:980px; margin:0 auto; padding:20px 0; clear:both; overflow:hidden;}
.content { margin:0 auto; padding:0; width:980px; clear:both; overflow:hidden; text-align:left;}


.round-box { background:#C0A77C; border:1px solid #C8AF85; color:#5F452B; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; -khtml-border-radius:5px; padding:12px; margin:0px auto 25px auto; overflow:hidden; }
.content h1 { color:#563518; padding-left:10px;}

#testimonials  { margin:0; padding:0; width:956px; height:50px; *height:62px; float:left; overflow:hidden;}

#testimonials p { margin-bottom:0;}

#fp-viewer { height:148px; width:940px; clear:both; overflow:hidden; margin:0 auto;}
#viewerFrame { width:940px; clear:both; padding:0; margin:0 auto; overflow:hidden;}
#fp-viewer div.frame { width:168px; height:147px; margin:3px 10px; display:inline; float:left; text-align:center;}
#fp-viewer img {width:157px; height:115px; display:inline; border:4px solid #fff; margin-bottom:8px;}
#fp-viewer div.frame a { text-decoration:none; font-weight:bold;}


.footer-wrap { width:100%; margin:0; padding:18px 0; clear:both; overflow:hidden; color:#fff; background:#53402B url(../images/footer-bk.gif) repeat-x 0 0;}
.footer { width:980px; margin:0 auto; padding:0; }
.ft-left { width:270px; float:left; margin:0; padding:0;}
.ft-right { width:150px; float:right; margin:0; padding:0;}

.ft-mid { width:auto; float:left; margin:0 100px 0 100px; padding:0; text-align:center; color:#B8A48F;}
.ft-mid a { color:#fff; text-decoration:none;}
.ft-mid a:hover { color:#B8A48F; text-decoration:none;} 
.copyright { color:#856F4B; margin-top:10px; margin-bottom:0;}


/* -------------- button Classes --------------- */
a.button { background: url(../images/btn-left.gif) no-repeat top left; display: block; float: left; font: normal 13px Arial, Helvetica, sans-serif; line-height: 20px; height: 20px;padding-left: 11px; text-decoration: none;}

a:link.button, a:visited.button, a:active.button { color: #1C1C1C; text-decoration:none; text-shadow:0px 1px 0px #E1D3B9;}

a.button span { background: url(../images/btn-right.gif) no-repeat top right; display: block; padding: 0px 11px 0px 0; }

a.button:hover { background-position: bottom left;}

a.button:hover span{ background-position: bottom right; color: #090C39;}


.heading-mid { background:#E1D8C0; color:#6B0000; font-size:16px; margin:10px 0; line-height:26px; text-align:left; text-indent:10px;}


/* ----------- Inner pages ------------ */
.full-width-content { width:97%; clear:both; margin:0 auto; padding:0; overflow:hidden;}

.full-width-content ul, .right-column ul { padding-left:12px; margin:10px 0;}

img.border-pic { border:1px solid #AB823F; padding:1px;}
.subheaderbg { background:#6C5339; padding:5px 10px; font-size:15px; font-weight:bold; color:#fff; text-shadow:0px -1px 0px #563D23; margin-bottom:15px;}


.left-column { width:220px; margin:0 20px 0 10px; padding:10px; float:left; display:inline; background:#B2986B; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; -khtml-border-radius:5px; text-align:left; border:1px solid #987F5C; }
ul.left-listitem { margin:10px auto; padding:0; list-style:none;}
ul.left-listitem li { margin:4px 0; padding:0 0 0 12px; list-style:none; background:url(../images/arrow-2.gif) no-repeat 0 5px; padding-bottom:5px; }

.right-column { width:670px; margin:0; padding:0; float:left; }

.right-column h2, .right-column h3 { border-bottom:1px solid #B89879; padding-bottom:5px;}


/* ---- Featured Listing ---- */
.featButtons { background-color:#B2986B; text-align:center; margin:2px 0; text-decoration:none; line-height:20px;}
.featButtons a { color:#71452B; font-weight:bold; display:block; text-decoration:none;}
.featButtons a:hover { color:#fff; font-weight:bold; display:block; text-decoration:underline;}

.Featured-block { margin:0 0 20px 0; padding:0; width:644px; float:left;}
.fl-topbar { width:100%; margin:0 0 15px 0; padding:0;}
.fl-address { font-size:17px; margin:0; padding:0 2%; display:inline; color:#fff; width:66%; float:left; background:#6C5339; line-height:30px; font-weight:bold;}
.fl-price { font-size:17px; margin:0; padding:0 2%; display:inline; color:#fff; width:25%; float:left; background:#6C5339; font-weight:bold; line-height:30px; text-align:right;}
.fl-mls { font-size:17px; margin:0; padding:0 2%; display:inline; color:#fff; width:35%; float:left; background:#6C5339; font-weight:bold; line-height:30px; text-align:right;}
.fl-content { width:100%; margin:10px 0 0 0; float:left; padding:0; color:#333333;}
.fl-pic { width:400px; margin:0; padding:0; float:left;}
.fl-point-box { width:230px; margin:0; padding:0 5px; float:right;}
.fl-points { width:100%; margin:3px 0; padding:0; float:left;}
.fl-points-label { width:30%; float:left; margin-right:2%;}
.fl-points-text { width:67%; float:right;}
ul.fl-points { list-style:none; margin:0 0 10px 0; padding:0;}
ul.fl-points li { list-style:none; padding:0 0 0 16px; margin:5px 0; background:url(../images/green-bullet.gif) no-repeat scroll 0% 50%;}