/*
Theme Name: WhataSteele 2.0
Theme URI: http://www.soblue.co
Description: Custom theme created by Shade of Blue for Steele Consulting Group.
Version: 1.0
Author: Shade of Blue
Author URI: http://www.soblue.co/
Tags: custom theme
*/


/* RESET */
html { margin:0; padding:0; border:0; font-size: 100%; }
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, dialog, details, figcaption, figure, footer, header, hgroup, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
a img { border:none; }
/* remember to define focus styles! */
:focus { outline:0; }
/* remember to highlight inserts somehow! */
ins { background-color: rgb(255,255,153); color: rgb(0,0,0); text-decoration:none; }
mark { background-color: rgb(255,255,153); color: rgb(0,0,0); font-style: italic; font-weight: bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; float:none !important; }
table, th, td { vertical-align:middle; }
input, select { vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
@font-face { font-family: 'HNeueCond'; src: url('fonts/helveticaneue-condensed-webfont.eot'); src: url('fonts/helveticaneue-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-condensed-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HNeueLightCond'; src: url('fonts/helveticaneue-lightcondensed-webfont.eot'); src: url('fonts/helveticaneue-lightcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-lightcondensed-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HNeueCondMed'; src: url('fonts/helveticaneue-mediumcond-webfont.eot'); src: url('fonts/helveticaneue-mediumcond-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-mediumcond-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HNeueCondBold'; src: url('fonts/helveticaneue-boldcond-webfont.eot'); src: url('fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
body, input, textarea, #props article p { font-family: 'HNeueCond', Arial, Helvetica, sans-serif; font-weight: normal; }
h1#title, .light, #prop h1 { font-family: 'HNeueLightCond', Arial, Helvetica, sans-serif; font-weight: normal; }
.med, #fdev h2, #footer nav, #props article, h3 { font-family: 'HNeueCondMed', Arial, Helvetica, sans-serif; font-weight: normal; }
#main nav, .focus .price, .btn, .flag, strong, .thick, #addinfo ul, #news h3, h2.homeFlag { font-family: 'HNeueCondBold', Arial, Helvetica, sans-serif; font-weight: normal; }
/* 
   --------------------------------------
    --------- SITE-WIDE STYLES --------- 
   --------------------------------------
*/
body { font-size: 62.5%; /* Resets 1em to 10px */ background: #202020; color: #638ba7; padding-bottom: 30px; }
h1, h2, h3 { font-size: 3em; }
h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
h4 { }
h1 a, h2 a, h3 a, h4 a { text-decoration: none; color: #638ba7; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #333; }
h1#title { font-size: 3.8em; background: url('images/h1-line.png') repeat-x 0 31px; margin: 25px 0 15px; letter-spacing: -.04em; }
h1#title span { background: url('images/h1-line-white.png') repeat-x 0 31px; }
h1.blueflag { position: absolute; width: 311px; height: 40px; color: #fff; font-size: 1.7em; text-transform: uppercase; text-align: center; line-height: 42px; background: url('images/flags-and-buttons.png') no-repeat 0 0; text-shadow: -1px -1px 0px #416075; padding: 2px 0 0; }
h2#ribbon { height: 69px; line-height: 58px; font-size: 2.4em; color: #fff; background: url('images/flags-and-buttons.png') no-repeat 71px -163px; text-shadow: -1px -1px 0px #416075; margin: 0 0 15px; text-transform: uppercase; text-align: center; letter-spacing: -.05em; }
h2.line { padding: 0 0 4px; background: url('images/h1-line.png') repeat-x 0 bottom; margin: 10px 0 18px; }
h3 { margin: 2px 0 6px; }
a { color: #333; }
a:hover { color: #638ba7; }
p { padding: 0 0 14px; }
.alignleft { float: left; margin: 0 12px 2px 0; }
.alignright { float: right; margin: 0 0 2px 12px; }
a.btn, input.btn, .btn { display: block; width: 155px; height: 42px; line-height: 38px; padding: 0; text-align: center; font-size: 1.2em; color: #fff; cursor: pointer; background: url('images/flags-and-buttons.png') no-repeat 0 -42px; text-decoration: none; }
a.btn:hover, input.btn:hover, .btn:hover { background-position: -155px -42px; }
a.readmore { color: #638ba7; text-decoration: none; font-size: 1.3em; }
a.readmore:hover { color: #333; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; margin: 0 25px 15px 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; float: left; width: 199px; line-height: 1.2em; }
.wp-caption img { }
.wp-caption p { padding: 5px; }
.wrap { width: auto; margin: 0 auto; padding: 0 20px; font-size: 1.3em; line-height: 1.8em; position: relative; }
#darkskyline { overflow: hidden; background: url('images/back-skyline-dark.png') repeat-x center bottom; }
#fade { overflow: hidden; background: #fff url('images/back-gradient.png') repeat-x center bottom; }
#lightskyline { overflow: hidden; background: url('images/back-skyline.jpg') no-repeat center bottom; }
header#main { background: #6289a5 url('images/back-header.jpg') repeat-x center bottom; border-bottom: 4px solid #d9e9f3; overflow: hidden; }
#fblike { display: block; width: 44px; height: 20px; text-indent: -9999px; background: url('images/fb.png') no-repeat 0 0; float: right; margin: 24px 20px 0 0; }
#logo { display: block; width: 110px; height: 157px; background: url('images/logo-header.png') no-repeat center 0; text-indent: -9999px; float: left; position: absolute; margin: 20px 0 0; z-index: 9; }
#main nav { float: left; font-size: 1.2em; letter-spacing: -.05em; padding-top: 15px; }
#main nav#navleft { padding-left: 120px; }
#main nav a { color: #fff; text-decoration: none; text-shadow: -1px -1px 1px #4f7792; line-height: 75px; height: 75px; margin: 0 8px; }
#main nav li { display: inline; }
#info { height: 76px; overflow: hidden; padding: 4px 0 0; margin: 0 0 10px; position: relative; z-index: 7; }
#weather { width: 120px; float: left; color: #a2aeb6; text-transform: uppercase; font-size: .9em; line-height: 1em; padding: 10px 0 0 128px; }
#weather li { float: left; }
#weather li.text { width: 60px; padding: 2px 0 0; }
#weather .currenttemp { font-size: 2.5em; display: block; padding: 8px 0 0; }
#weather li.date { clear: both; float: none; }
#phone { width: 132px; height: 46px; margin: 10px 0 0; float: left; text-indent: -9999px; background: url('images/phone.png') no-repeat 0 0; }
#social { padding: 22px 16px 0 0; float: right; position: relative; z-index: 8; }
#social li { float: left; margin: 0 4px; }
#social a { display: block; width: 24px; height: 23px; text-indent: -9999px; background: url('images/social.png') no-repeat 0 0; }
#social a:hover { background-position: 0 -23px; }
#social li.tw a { background-position: -31px 0px; }
#social li.tw a:hover { background-position: -31px -23px; }
#social li.li a { background-position: -62px 0px; }
#social li.li a:hover { background-position: -62px -23px; }
#social li.gg a { background-position: -92px 0px; }
#social li.gg a:hover { background-position: -92px -23px; }
.content { overflow: hidden; }
body.classic #content { float: left; width: 580px; }
article ul, ol { padding: 0 0 14px 24px; }
article ul { list-style: disc; }
article ul li, article ol li { padding: 3px 0; }
#content .post img { border: 5px solid #fff; }
article p { font-size: 1.2em; }
/* 
   --------------------------------------
    ------------ BLOG STYLES -----------  
   --------------------------------------
*/
.post { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #ccc; }
#post h1 { margin-bottom: 25px; }
/* 
   --------------------------------------
    ---------- CONTACT STYLES ----------  
   --------------------------------------
*/
#cform { padding: 0 0 30px; }
#cform dl { padding: 0 0 10px; }
#cform dl.full { width: 100%; float: none; clear: both; height: auto; }
#cform dd { }
#cform dl.full dd { height: auto; }
#cform dd > input, #cform dd > textarea, input#s { border: 1px solid #eef3f5; border-bottom: none; border-radius: 4px; background: #fff; width: 60%; height: 36px; padding: 0 8px; color: #6e7a83; box-shadow: -1px -1px 0px #cddae2; }
#cform dd > textarea { width: 96%; height: 144px; line-height: normal; padding: 8px; }
label.error { display: block; color: #990000; }
#cform dd > textarea.focusField, #cform dd > input.focusField { color: #333; }
#formsubmit { display: none; }
.formsubmit { border: none; padding: 0; margin: 10px 0 0; cursor: pointer; }
.formsubmit:hover { background-position: -85px -50px; }
.side #cform dl { width: 100%; clear: both; }
.side #cform dd { height: auto; padding: 0 0 10px; }
.side #cform dd > input, .side #cform dd > textarea { color: #999; }
.side #cform dd > textarea { width: 92%; }
.side #recaptcha_widget_div { margin-left: -15px; }
.side.search p { font-size: .9em; }
#qsearch label { color: #316799; float: left; width: 76px; padding: 0 5px 0 0; font-weight: bold; text-align: right; }
#qsearch > div { clear: both; overflow: hidden; padding: 0 0 6px; }
#qsearch select { background: #eaeaea; border: 1px solid #ccc; color: #666; padding: 3px; width: 180px; }
#qsearch .searchsubmit { width: 85px; height: 30px; border: none; padding: 0; float: right; margin: 5px 28px 0 0; background: url('images/buttons.png') no-repeat -170px -50px; }
#qsearch .searchsubmit:hover { background: url('images/buttons.png') no-repeat -255px -50px; }
/* -------- DEVELOPMENTS -------- */
#devs { overflow: hidden; }
#devs article { width: 33%; height: 530px; float: left; background: url('images/dev-back.png') no-repeat center 0; }
#devs article header { height: 255px; }
#devs article .wrapper { display: block; width: 330px; margin: 0 auto; }
#devs article h1 { font-size: 1.3em; width: 323px; height: 40px; line-height: 41px; background-position: 0 -343px; margin: 197px 0 0 3px; }
span.devflag { display: block; width: 165px; height: 100px; position: absolute; margin: 14px 0 0 165px; background: url('images/devstage.png') no-repeat 0 0; }
#dev span.devflag { margin: -6px -8px 0 0; right: 0; }
span.devflag.fha { background-position: 0 -100px; }
span.devflag.va { background-position: 0 -200px; }
#devs span.sold { background: url('images/soldout.png') no-repeat 0 0; }
#dev span.sold { background: url('images/soldout.png') no-repeat 0 0; }
span.devflag.const { width: 322px; height: 30px; margin: 172px 0 0 3px; background: url('images/dev-construction.png') no-repeat center 0; }
#devs .thumb { width: 302px; height: 177px; display: block; position: absolute; margin: 27px 0 0 14px; background-size: 100%; overflow: hidden; }
#devs .thumb img { width: 100%; height: auto; }
#devs .text { text-align: center; padding: 0 25px; }
#devs article a.btn { margin: 5px auto 0; }
#devs hr { height: 48px; clear: both; background: url('images/devs-hr.png') no-repeat center bottom; border: none; display: none; }
#dev #stage { background: url('images/dev-stage.png') no-repeat center 0; position: relative; padding: 24px 0 0; z-index: 1; margin: 0 0 10px; }
#dev #stage #shadow { display: block; background: url('images/dev-stage.png') no-repeat center bottom; padding: 0 0 25px; }
#dev #stage #thumb { display: block; overflow: hidden; border: 7px solid #fff; box-shadow: 0px 0px 12px #dfe4e8; }
#dev #thumb img { width: 100%; height: auto; }
#dev article { width: 530px; float: right; }
#dev article h1 { font-size: 3.5em; letter-spacing: -.03em; margin: 0 0 14px; line-height: 1em; }
#dev article small { color: #a2aeb6; font-size: 1.1em; text-transform: uppercase; display: block; clear: both; line-height: 1em; margin: 0 0 2px; letter-spacing: 1px; }
#dev article p { padding: 0 0 15px 36px; color: #636c72; }
#dev aside { width: 390px; float: left; margin: -140px 0 0 45px; position: relative; z-index: 2; }
#dev aside #box { background: #dde7ee; overflow: hidden; position: relative; z-index: 3; margin: -15px 0 0; }
#dev #box .fade { background: url('images/dev-side-fade.png') repeat-x 0 0; overflow: hidden; }
#dev #box #inside { margin: 0 5px 5px; border: 1px solid #fff; border-top: none; }
#dev #ribbon { background-position: 56px -178px; height: 52px; line-height: 45px; font-size: 1.5em; margin: 0; }
#dev #gall { background: url('images/dev-sprite.png') no-repeat -2px 250px; padding: 0 0 15px; position: relative; z-index: 4; }
#dev #gall span { display: block; border: 6px solid #fff; box-shadow: 0px 0px 10px #ccc; overflow: hidden; height: 240px; }
#dev #gall img { width: 100%; height: auto; }
#dev #gall a { position: absolute; display: block; margin: -160px 0 0 -8px; width: 244px; height: 79px; text-indent: -9999px; background: url('images/dev-sprite.png') no-repeat 0 -17px; }
#dev #gall a:hover { background-position: -247px -17px; }
#dev #box a { color: #54768d; text-decoration: none; display: block; height: 22px; line-height: 22px; }
#dev #box a:hover { text-decoration: underline; }
#dev #box ul { overflow: hidden; padding: 0 16px 6px; color: #636c72; font-size: 1.1em; line-height: 1.8em; }
#dev #box ul li { padding: 12px 0; border-bottom: 1px solid #bfcfdb; border-top: 1px solid #fff; }
#dev #box ul li:first-child { border-top: none; }
#dev #box ul li:last-child { border-bottom: none; }
#dev #box ul span { display: block; clear: both; color: #638ba7; font-size: 1.2em; }
#dev #map > div { border: 6px solid #fff; background: #fff; border-bottom: none; box-shadow: 0px 0px 1px #d6e2ea; overflow: hidden; }
#overlay { background: url('images/popup-overlay.png') repeat center center; position: fixed; width: 100%; display: none; z-index: 9; left: 0; top: 0; }
#popup { position:fixed; z-index: 10; overflow: hidden; }
#popup #imghold { position: absolute; top: 50%; left: 50%; overflow: hidden; }
#overlay a { position: relative; display: block; width: 100px; height: 30px; margin: 20px 10px; background: #ccc; z-index: 12; float: left; }
#swipegallery { position: absolute; }
#swipegallery img, #dev .gallery img { position: absolute; }
.gallery li { list-style: none; padding: 0; margin: 0; }
#closeme { display: block; text-indent: -9999px; width: 35px; height: 35px; background: url('images/closeme.png') no-repeat center center; position: absolute; left: 50%; top: 50%; z-index: 10; }
#imgnext, #imgprev { display: block; text-indent: -9999px; background: url('images/arrow-left.png') no-repeat center center; width: 50%; height: 100%; position: absolute; }
#imgnext { right: 0; background-image: url('images/arrow-right.png'); }
/* -------- HOME PAGE -------- */
#search { width: 423px; position: absolute; left: 50%; margin: 19px 0 0 -512px; z-index: 3; }
#search #searchMap { height: 315px; background: url('images/home-search-back.png') no-repeat 0 0; margin: 0; position: relative; z-index: 3; }
#search #sMap { display: block; height: 315px; background: url('images/home-search-map.jpg') no-repeat 23px 13px; }
#search h1 { display: block; width: 197px; height: 79px; text-indent: -9999px; margin: 48px 0 0 230px; background: url('images/home-search-links.png') no-repeat 0 0; position: absolute; }
#search #sTypes { width: 197px; list-style: none; padding: 0; position: absolute; margin: 124px 0 0 230px; font-size: 1.5em; font-family: 'HNeueCondMed', sans-serif; }
#search #sTypes li { float: none; height: 31px; padding: 1px 0 4px; margin: -1px 0 0; background: url('images/home-search-links.png') no-repeat 0 -82px; }
#search #sTypes li:hover { background-position: 0 -121px; }
#search #sTypes a { display: block; height: 30px; padding: 2px 0 0 26px; line-height: 30px; text-decoration: none; color: #638ba7; }
#search #sTypes a:hover { color: #333; }
#areas { background: url('images/home-areasearch.png') no-repeat center bottom; margin: -308px 0 0 8px; position: relative; }
#areas a { color: #54768d; text-decoration: none; display: block; height: 20px; line-height: 20px; border-bottom: 1px solid #b2c5d3; padding: 0 0 0 5px; }
#areas a:hover { text-decoration: underline; }
#areas ul { overflow: hidden; font-size: 1.2em; padding: 0 24px 20px 28px; list-style: none; }
#areas ul li { width: 33%; float: left; border-bottom: 1px solid #fff; padding: 0; }
#focus { height: 370px; overflow: hidden; position: relative; margin-top: -76px; border-bottom: 4px solid #fff; }
.focus { width: 100%; height: 430px; clear: both; overflow: hidden; }
#focus #topfade { background: url('images/back-fade-top.png') repeat-x 0 0; overflow: hidden; position: absolute; width: 100%; height: 150px; z-index: 4; }
.focus article { width: 560px; position: absolute; margin: 0 0 0 440px; padding: 120px 0 0; color: #fff; text-align: right; line-height: normal; background: none !important; }
.focus h2 { font-size: 3em; }
.focus span, .focus p { background: url('images/home-slider-text-back.png') repeat; padding: 0 18px 0 14px; }
.focus p { width: 230px; float: right; line-height: 1.6em; padding: 12px 18px 22px 10px; }
.focus .price { font-size: 3em; }
.focus .bedbath { font-size: 2.3em; }
.focus a.btn { clear: both; float: right; margin: -10px 17px 0 0; }
.focus .thumb { width: 250px; height: 135px; overflow: hidden; position: absolute; margin: 50px 0 0 55px; border: 5px solid #fff; box-shadow: 0px 0px 5px #333; transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); }
.focus .thumb img { width: 100%; height: auto; margin: -28px 0 0; }
.focus .thumb a.yt { width: 100%; height: 100%; }
a.slidenav { display: block; width: 150px; height: 430px; position: absolute; background: url('images/slide-arrows.png') no-repeat 0 -430px; margin: -430px 0 0 -650px; left: 50%; text-indent: -9999px; display: none; }
a.slidenav.snext { background-position: 0 0; margin-left: 500px; }
#level2 { background: #fff url('images/home-level2-fade.png') repeat-x 0 0; }
#level2 .shadow { background: url('images/home-level2-shadow.png') no-repeat center 0; overflow: hidden; }
#level2 .wrap { padding: 40px 0 20px; overflow: hidden; }
/*
#news { width: 410px; float: left; padding: 18px 0 0; text-align: center; }
#news small { display: block; margin: 6px 0 8px; }
#news h2 { height: 42px; line-height: 35px; text-align: center; background: url('images/flags-and-buttons.png') no-repeat 1px -271px; color: #fff; text-transform: uppercase; font-size: 1.7em; text-shadow: -1px -1px 0px #9c4727; }
#news .thumb { width: 340px; height: 180px; overflow: hidden; border: 5px solid #fff; box-shadow: 0px 0px 10px #dfe4e8; margin: 0 auto 10px; }
#news .thumb img { width: 100%; height: auto; margin: -43px 0 0; }
#news .text { padding: 0; }
#news h3 { font-size: 2.5em; line-height: 1em; margin: 0 0 10px; }
*/
#fdev { width: 505px; float: right; text-align: right; }
#fdev #fflag { display: block; width: 514px; height: 31px; background: url('images/flags-and-buttons.png') no-repeat 0 -311px; color: #fff; letter-spacing: 1px; text-align: center; line-height: 31px; text-transform: uppercase; position: absolute; margin: 78px 0 0 -3px; text-shadow: -1px -1px 0px #435f72; z-index: 3; }
#fdev #previmg { width: 505px; height: 211px; background: url('images/home-fdev-back.png') no-repeat 0 0; }
#fdev #previmg span { position: absolute; display: block; width: 489px; height: 182px; text-align: left; margin: 7px 0 0 7px; overflow: hidden; }
#fdev #previmg img { width: 100%; height: auto; margin: -70px 0 0; }
#fdev h2 { margin: 2px 0 0; }
#fdev p { color: #686868; }
#fdev .btn.light { float: right; }
#level3 { }
#level3 .shadow { overflow: hidden; padding: 45px 0 20px; }
#level3 .wrap { padding-bottom: 30px; overflow: hidden; }
#level3 article { width: 303px; height: 320px; float: left; background: url('images/home-level3-box.png') no-repeat 0 0; }
#level3 #mcalc { margin: 0 46px 0 45px; }
#level3 .text { padding: 30px 26px 0; text-align: center; line-height: 1.6em; }
#level3 h1.blueflag { margin: 300px 0 0 -5px; }
#level3 h2 { font-size: 1.8em; line-height: 1em; }
#level3 small { font-size: .9em; text-transform: uppercase; display: block; padding: 15px 0 12px; }
a.btn.light { width: 151px; height: 38px; background-position: 0 -232px; color: #638ba7; line-height: 39px; margin: 0 auto; }
a.btn.light:hover { background-position: -151px -232px; }
#list h3 { font-size: 1.5em; }
#list .thumb { width: 234px; height: 112px; overflow: hidden; border: 6px solid #fff; box-shadow: 1px 1px 4px #d2e0e8; margin: 0 0 10px; }
#list .thumb img { width: 100%; height: auto; margin: -20px 0 0; }
#mcalc img { border: 6px solid #fff; box-shadow: 1px 1px 4px #d2e0e8; margin: 0 0 10px; }
#pners img { width: 100%; height: auto; margin: 0 0 10px; box-shadow: 1px 1px 2px #c9d4da; padding: 5px 0; }
#tlevel { background: url('images/home-level2-shadow.png') no-repeat center 0; padding: 0; margin: 40px 0 10px; font-size: .8em; }
#home #tlevel { margin: 0; font-size: .9em; }
#test { text-align: center; clear: both; background: url('images/home-test-back.png') no-repeat center bottom; padding: 30px 0 30px; font-size: 1.5em; }
#test a { text-decoration: none; }
#test .name { color: #575757; padding-bottom: 0; line-height: 1em; text-align: center; }
#home #test .name { text-align: center; }
#test small { font-size: .7em; line-height: 1em; }
/* -------- ABOUT -------- */
#bios article { clear: both; overflow: hidden; border-bottom: 1px solid #cfdde6; padding: 0 0 30px; margin: 0 0 30px; }
#bios article img { width: 185px; height: auto; margin: 0 24px 20px 0; background: #fff; padding: 6px; border: 1px solid #e8e9ea; float: left; }
#bios article .wp-caption img { float: none; margin: 0; }
#bios article h3.small { text-transform: uppercase; color: #a2aeb6; font-size: 1.4em; margin: 0 0 14px; }
#bios #side p { padding: 0 0 0 30px; margin: 0; line-height: 1.5em; font-size: 1.4em; }
img.mappic { padding: 6px; background: #fff; box-shadow: 0px 0px 12px #eaedef; margin: 0 0 15px; }
#side #cform { padding: 30px 0 0 30px; }
#side #cform dd > input, #side #cform dd > textarea { width: 268px; background: #F1F7FA; border: 1px solid #d8dde2; box-shadow: -1px -1px 0px #bbc2c8; }
#bios.single article { border: none; }
/* -------- NEWS -------- */
#blog article { clear: both; overflow: hidden; padding: 0 15px 30px 0; margin: 0 0 30px; border-bottom: 1px solid #cfdde6; }
#blog article h1 { font-size: 2em; line-height: 1em; display: inline; }
#blog article .thumb { width: 340px; height: 180px; overflow: hidden; border: 5px solid #fff; box-shadow: 0px 0px 10px #dfe4e8; margin: 0 0 10px 15px; float: right; }
#blog .thumb img { width: 100%; height: auto; margin: -43px 0 0; }
#blog article small { margin: 6px 0 0; display: inline; }
#blog hr { display: block; height: 1px; border: none; clear: both; background: url('images/h1-line.png') repeat 0 0; margin: 0 20px 30px 0; }
a.yt { display: block; position: absolute; width: 340px; height: 180px; text-indent: -9999px; background: url('images/play.png') no-repeat center center; z-index: 1; }
#blog a.btn { margin: 0; }
#post .thumb { border: 5px solid #fff; box-shadow: 0px 0px 10px #dfe4e8; margin: 0 0 10px 15px; float: right; }
#sidebar { width: 250px; }
#sidebar a { color: #638ba7; }
#sidebar ul { padding: 6px 0 22px 6px; line-height: 2em; }
input#s { width: 95px; float: left; }
#searchsubmit { border: none; padding: 0; float: left; width: 80px; border-radius: 3px; height: 38px; }
#post article { width: 700px; float: left; }
#post small { display: block; margin: 10px 0; }
.vidhold { width: 680px; border: 8px solid #fff; border-bottom: 3px solid #fff; box-shadow: 0px 0px 10px #dfe4e8; margin: 0 0 18px; }
/* -------- LISTINGS -------- */
#filter { overflow: hidden; margin: 0 0 20px; width: 100%; border-radius: 4px; padding: 8px; background-color: #EDF2F5; }
#filter ul { list-style: none; padding: 2px 10px 5px 0; }
#filter ul li { display: block; float: left; }
#filter ul li.inv { float: right; }
#filter ul li.inv a { margin: 0; }
#filter a { display: block; background: #cb5f35 url('images/button-overlay.png') repeat-x 0 0; color: #FCCEBC; text-decoration: none; margin: 0 6px; border-radius: 2px; padding: 2px 10px; }
#filter span { color: #FCCEBC; }
#filter a:hover { color: #fff; }
#filter a.current { background: #638ba7 url('images/button-overlay.png') repeat-x 0 0; color: #fff; }
#props article { width: 294px; height: 90px; float: left; padding: 12px; overflow: hidden; border: 1px solid #eaeff3; margin: 0 20px 20px 0; background: #fff url('images/listing-fade.png') repeat-x 0 bottom; line-height: 1.4em; font-size: 1.1em; }
#props article:hover { background: #fff; }
#props article.third { margin-right: 0; }
#props .price { font-size: 1.2em; color: #333; }
#props article p { font-size: .9em; line-height: 1.2em; padding: 5px 0 0; }
#props article .thumb { width: 130px; height: 86px; float: left; overflow: hidden; position: relative; margin-right: 12px; }
#props article .thumb img { width: 130px; height: auto; }
#props article .text { width: 152px; float: right; }
#props .sep { clear: both; overflow: hidden; }
.stageflag { display: block; position: absolute; width: 100px; height: 52px; margin: -12px 0 0 -12px; }
.stageflag.Under-Contract, .stageflag.Contract-Negotiations { z-index: 4; background: url('images/stageflags.png') no-repeat 0 0; }
.stageflag.fha, .stageflag.va, .stageflag.fhava { z-index: 4; margin: 50px 0 0 206px; background: url('images/stageflags.png') no-repeat 0 -52px; }
.stageflag.va { background-position: 0 -104px; }
.stageflag.fhava { background-position: 0 -156px; }
#ptabs table { font-size: 1.2em; margin: 15px 0 30px; color: #333; }
#ptabs th { font-family: 'HNeueCondBold'; }
#ptabs table td, #ptabs table th { border-bottom: 1px solid #eaeaea; padding: 6px 8px; }
#ptabs table .right { text-align: right; }
#ptabs table tr.odd td { background: #f7f7f7; }
#ptabs table tr:hover td { background: #eaeaea; }
#ptabs table a { text-decoration: none; }
#ptabs table a:hover { text-decoration: underline; }
/* -------- SINGLE LISTING DETAILS -------- */
#prop { padding: 40px 0 0; }
#prop #right { width: 480px; float: right; padding: 0 10px 0 0; }
#prop .main { padding: 0 0 20px 25px; }
#prop small { text-transform: uppercase; color: #a2aeb6; font-size: 1em; line-height: 1em; display: block; }
#prop h1 { font-size: 4em; letter-spacing: -.03em; line-height: 1em; margin: 0 0 15px; }
#prop sup { font-size: .5em; }
#prop .price { font-size: 2.6em; }
#prop .main p { padding: 0; margin: 0; line-height: 1.5em; }
#prop .main .big { font-size: 2em; text-transform: uppercase; line-height: 1.2em; }
#prop .main .share { padding: 20px 0; }
#prop .desc { color: #636c72; font-size: 1.2em; }
#prop #left { width: 468px; float: left; }
#prop #addinfo ul { list-style: none; padding: 0 0 20px 0; overflow: hidden; font-size: 1.1em; }
#prop #addinfo ul li { color: #636C72; float: left; width: 50%; line-height: 1.6em; }
#prop .stageflag { margin: 0; }
#prop #mainimghold { width: 444px; height: 295px; overflow: hidden; margin: 0 0 12px; text-align: center; position: relative; border: 6px solid #fff; box-shadow: 0px 0px 15px #dbe0e3; }
#prop #mainimghold span { position: absolute; display: block; width: 444px; }
#prop #mainimghold img { width: 444px; height: auto; top: 0; left: 0; position: absolute; }
#prop #gallery-1 { list-style: none; padding: 0; margin: 0; }
#prop #gallery-1 img { border: none; width: 97px; height: auto; display: none; }
#prop #gallery-1 li { width: 97px; height: 65px; float: left; margin: 0 12px 12px 0; overflow: hidden; border: 4px solid #fff; box-shadow: 0px 0px 15px #dbe0e3; }
#mainimghold span { }
#prop #map { border: 6px solid #fff; box-shadow: 0px 0px 15px #dbe0e3; padding: 0; overflow: hidden; width: 444px; height: 240px; }
#prop #map iframe { padding: 0; margin: 0; }
/* -------- SERVICES -------- */
#serv #left { width: 680px; float: left; }
#serv #side { width: 280px; float: right; }
#serv #side h3 { font-size: 1.4em; padding: 0 0 2px; }
#serv #side ul { list-style: disc; padding: 0 0 16px 18px; }
#serv #side ul li { padding: 0; }
#serv #side a { text-decoration: none; }
#services { list-style: none; padding-left: 0; }
#services > li { width: 50%; float: left; line-height: 1.2em; }
#services > li.odd { clear: left; }
#services a { text-decoration: none; }
.name { text-align: right; }
/* 
   --------------------------------------
    --------- HOME VALUE STYLES --------  
   --------------------------------------
*/
#sellit > div { clear: both; padding: 3px 0; }
#sellit > div > label { width: 128px; float: left; text-align: right; padding: 0 5px 0 0; line-height: 25px; }
#sellit > div > input, #sellit > div > textarea { border: 1px solid #ddd; height: 25px; line-height: 25px; padding: 0 5px; width: 300px; }
#sellit > div > textarea { padding: 5px; height: 80px; }
#sellit .formsubmit { float: left; }
/* Mortgage Calculator */
#calc { position: relative; z-index: 3; float: left; width: 700px; }
#calc h1 { line-height: 1em; clear: both; float: none; color: #ffdf00; font-size: 3em; }
#calc .centerbody { width:700px; margin:0 auto; font-size:11px; color:#4c4c4c }
#calc .left { float:left; width:169px; padding:3px 3px; }
#calc .thleft, #calc .thleft1 { background-color:#FF0; float:left; width:169px; color:#222; padding:3px; font-size:14px }
#calc .odd, #calc .odd1 { background: #fff }
#calc .even, #calc .even1 { background: #EFDBD5 }
#calc .clear { clear:both }
#calc .tar { text-align:right }
#calc .spacer { height:10px }
#calc .caption { text-align:center; font-size:15px; color: #fff; margin: 10px 0 5px; }
#calc .wrapth, #calc .wrapth1 { width:700px; border:solid 1px #F15E2B; margin:0; padding:0 }
#calc .wrap { width:700px; border:solid 1px #cccccc; margin:0; padding:0 }
#calc .calc { width:700px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#FF0; behavior: url(PIE.htc); padding: 10px 0 10px; margin: 0 0 10px; }
#calc .calctitle { padding:10px; }
#calc .calcleft { float:left; margin-left:10px; width:450px; background-color:#EF8E6E; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc) }
#calc .calcright { padding-left:15px; float:left; margin-left:10px; width:215px }
#calc .calcright p { margin:0; padding:4px 0 0; font-size:14px; font-weight:normal; color:#fff; }
#calc .calcam { float:left; color:#fff; padding:15px 0 0 10px; font-size:16px; width:210px }
#calc .calcamin { padding:0 5px; font-size:18px; margin-top:10px; float:left; width:210px; height:30px; background-color:#d9e9f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: -1px -1px 0px #000; behavior: url(PIE.htc) }
#calc .calcamin input { font-size:16px; border:0; line-height: 30px; width:180px; margin:0; padding:0; background: #d9e9f3; color: #678fa8; }
#calc .butcen { width:50%; margin:0 auto; margin-top:20px }
#calc .btn { font-size: 1.5em; behavior: url(PIE.htc); margin: 0 0 15px 106px; }
#calc .results { margin:0 0 5px 0; padding:4px; font-size:16px; width:160px; height:20px; line-height: 20px; background-color:#fff; -webkit-border-radius: 3px; box-shadow: -1px -1px 0px #222; -moz-border-radius: 3px; color: #333; border-radius: 3px; behavior: url(PIE.htc) }
#calc .credit { padding:10px 0 10px 0; text-align:center }
#calc .credit a { color:#4c4c4c; text-decoration:none }
#toptest { font-size: 1.3em; text-align: center; padding: 14px 22px 0; color: #767676; margin: 20px 0 0; }
#toptest a { text-decoration: none; color: #767676; }
#toptest p { padding: 0; margin: 0; }
#tests #tiles { width: 1000px; position: relative; }
#tiles article { width: 206px; float: left; padding: 18px; margin: 4px; background: #f4f8fa; }
#tests .name { font-size: 1.2em; text-align: right; display: block; }
/* 
   --------------------------------------
    ----------- FOOTER STYLES ---------- 
   --------------------------------------
*/

#footer .wrap { padding-top: 100px; }
#flogo { display: none; }
#footer nav { text-align: center; }
#footer nav ul li { display: inline; margin: 0 16px 0 0; }
#footer nav a { color: #d9e9f3; text-decoration: none; }
#credits { text-align: center; }
#footer #soblue { width: 100%; height: 59px; clear: both; float: left; margin: 10px 0 10px -117px; overflow: hidden; }
#footer #goblue { position: relative; text-align: center; left: 50%; float: left; clear: left; margin: 0 0 0 118px; }
#footer #goblue div { float: left; right: 50%; display: block; position: relative; margin: 0 5px; }
#footer span { width: 57px; height: 59px; display: block; background: url('images/soblue-long.png') no-repeat 0 center; text-indent: -9999px; }
#footer span#sob { width: 65px; background-position: right center; }
#footer #soblue a { display: block; width: 17px; height: 15px; text-indent: -9999px; background: url('images/soblue-footer.jpg') no-repeat 0 0; margin: 22px 0 0; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
/* Formerly responsive settings, now permanent */


.wrap { width: 1000px; padding: 0; }
header#main { width: 100%; height: 105px; clear: both; z-index: 5; overflow: visible; }
#logo { position: absolute; margin: 26px 10px 0 445px; float: none; }
#main nav { width: 435px; height: 52px; padding: 53px 0 0; }
#main nav#navleft { width: 435px; float: left; padding: 53px 0 0; }
#main nav#navright { text-align: left; float: right; }
#main nav > ul > li { width: 33%; height: 52px; text-align: center; display: block; float: left; }
#main nav > ul > li#menu-item-2616 { background: url('images/header_nav_search.png') no-repeat center 0; }
#main nav > ul > li > a { margin: 10px 14px 12px; height: auto; display: block; line-height: 30px; }
#main nav > ul > li:hover > a { background: #86acc5; border-radius: 4px; box-shadow: -1px -1px 1px #4F7792; }
#main nav ul ul { position: absolute; left: -9999px; width: 220px; list-style: none; background: #6890aa; border: 4px solid #d9e9f3; border-top: none; z-index: 99; padding: 5px 0; }
#main nav ul ul a { display: block; text-align: left; line-height: 36px; margin: 0; padding: 0 0 0 16px; height: auto; }
#main nav ul ul a:hover { background: #769cb5; }
#main nav ul ul li { float: none; text-align: left; display: block; height: auto; padding: 0; margin: 0; }
#main nav ul li:hover ul { left: auto; }
#info { margin: 0; }
#weather { padding-left: 0; }
#phone { float: right; }
#bios #left { width: 625px; float: left; }
#bios #side { width: 325px; float: right; }
#blog #left { width: 740px; float: left; }
#sidebar { float: right; background: #e5eef4 url('images/dev-side-fade.png') repeat-x 0 0; }
#sidebar #inside { margin: 5px; border: 1px solid #fff; padding: 20px; }
#devs hr { display: block; }
#dev #stage #thumb { height: 370px; }
#dev #thumb img { margin-top: -100px; }
#dev #gall img { width: 378px; height: auto; }
#footer .wrap { clear: both; overflow: hidden; padding: 30px 0 0; }
#flogo { display: block; width: 82px; height: 125px; text-indent: -9999px; background: url('images/logo-footer.png') no-repeat center center; float: left; margin: 0; }
#footer nav { width: 457px; float: left; margin: 0 0 0 0; padding: 80px 0 0; font-size: .9em; }
#footer nav a:hover { text-decoration:underline; }
#credits { width: 450px; float: left; padding: 80px 0 0; line-height: 1.2em; font-size: .9em; text-align: right; color: #56636b; }
#footer #soblue { margin: 20px 0 30px -117px; }

.cols { overflow: hidden; }
.col { float: left; }
.cols2 .col { width: 50%; }
.colWrap { position: relative; }
.cols2 .col1 > .colWrap { width: auto; margin: 0 15px 30px 0; }
.cols2 .col2 > .colWrap { width: auto; margin: 0 0 30px 15px; }

#logo { margin-top: 20px; }

#news { width: 356px; height: 312px; position: absolute; z-index: 10; top: 171px; left: 50%; margin: 0 0 0 -440px; color: #222; font-size: 1.3em; background: url('images/home_news_back.png') no-repeat center 0; }
#news .newsWrap { padding: 25px 35px 0 32px; }
#news h2 { padding: 6px 0; font-size: 1.6em; line-height: 1em; color: #222; text-align: center; text-transform: uppercase; border-top: 3px solid #222; border-bottom: 1px solid #222; background: none; }
#news h3 { font-size: 2em; text-align: center; padding: 8px 0; }
#news h3 a { color: #222; }
#news h3 a:hover { color: #638ba7; }
#news hr { border: none; height: 1px; background: #222; margin: 0 40px 15px; }
#news p { font-size: 1.1em; line-height: 1.3em; text-indent: 0; margin: 0 0 8px; }
#news .btn { margin: 0 auto; }

#level2 .wrap { overflow: visible; }
#news2 { width: 360px; float: left; text-align: center; padding-left: 60px; }
#news2 article { padding: 30px 0 35px; }
#news2 h3 {font-size: 2.1em; text-transform: uppercase; line-height: 1.15em; padding: 0; }
#news2 small { display: block; text-transform: uppercase; color: #333; letter-spacing: 2px; font-size: .9em; margin-bottom: 5px; }
#news2 p { color: #595959; }
#news2 hr { width: 285px; height: 1px; background: #c7d0d6; border: none; margin: 0 auto; }
#news2 hr.hr2 { display: none; }

#right2 { width: 470px; float: right; position: relative; }
h2.homeFlag { position: absolute; z-index: 99; font-size: 1.4em; color: #fff; text-shadow: -1px -1px 0px #517894; left: -2px; line-height: 34px; text-transform: uppercase; text-align: center; width: 476px; height: 44px; background: url('images/home_flag.png') no-repeat center bottom; background-size: cover; }
#right2 .space { display: block; height: 28px; }
#devSlide { width: 100%; z-index: 1; }
.devNav { display: block; position: absolute; z-index: 2; cursor: pointer; width: 49px; height: 49px; top: 120px; opacity: 0.7; text-indent: -9999px; background: url('images/devslide_prev.png') no-repeat center center; transition: all ease-in-out 200ms; }
#nextDev.devNav { right: 0; background-image: url('images/devslide_next.png'); }
.devNav:hover { opacity: 1; }
#devSlide > div { width: 100%; height: 290px; position: relative; overflow: hidden; }
#devSlide img { width: 100%; height: auto; }
#devSlide .text { position: absolute; width: 100%; height: auto; bottom: 0; padding: 0; margin: 0; color: #fff; border: none; background: none; }
#devSlide .title { background: #6087a1; background: rgba(96,135,161,0.85); }
#devSlide .title h3 { font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 3px 10px; font-family: 'HNeueCondMed', Arial, Helvetica, sans-serif; font-weight: normal; }
#devSlide h3 a { color: #fff; }
#devSlide .info { padding: 8px 10px; line-height: 1.5em; background: #181818; }
#devSlide .info span { color: #c6e0f2; margin: 0 8px 0 0; }
#devSlide .slide { position: absolute; }
#devSlide .slide1 { position: relative; display: block; }

#lists { overflow: hidden; margin: 0 0 30px; }
#lists a { text-decoration: none; }
#lists img { position: absolute; width: 100%; height: auto; z-index: 1; }
#lists .col, #lists .colWrap { height: 250px; position: relative; overflow: hidden; }
#lists .text { display: block; background: none; padding: 140px 0 0; border: none; z-index: 2; border-top: 6px solid rgba(96,135,161,0.85); }
#lists .textWrap { display: block; padding: 15px 12px; font-size: 1.15em; background: #222; }
#lists .listRow { display: block; line-height: 1.4em; color: #fff; }
#lists .listRow strong { font-size: 1.3em; }
#lists .listRow.address { color: #c6e0f2; }

/*
#homeFocus { font-size: 1.5em; position: relative; z-index: 5; }
#homeFocus > .col1 { width: 50%; }
#homeFocus > .col2 { width: 50%; }
#homeFocus #mainFeature { height: 290px; margin: 0 0 30px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#homeFocus .feature { position: relative; height: 250px; overflow: hidden; }
#homeFocus .text { position: absolute; width: 100%; height: auto; bottom: 0; color: #fff; border-top: 6px solid rgba(96,135,161,0.85); background: url('images/text-back.png') repeat 0 0; }
#homeFocus .textWrap { padding: 12px; background: #181818; }
#homeFocus .ytVid .text { height: 135px; background: #181818; }
#homeFocus .ytVid .vid { height: 19px; }
#homeFocus .feature h2 { font-size: 1.4em; font-weight: normal; }
#homeFocus h2, #homeFocus h3, #homeFocus h2 a, #homeFocus h3 a { color: #fff; font-family: 'HNeueCondBold'; }
#homeFocus small.date { color: #93b0c3; display: block; }
#homeFocus p { line-height: 1.35em; }
#homeFocus .feature .thumb img { width: 100%; height: auto; }

#homeBack, #homeBack2 { display: block; width: 100%; height: 400px; overflow: hidden; position: absolute; }
#homeBack2 { top: 512px; background: transparent url('images/home-level2-fade.png') repeat-x 0 0; }
#home #topfade { background: url('images/back-fade-top.png') repeat-x 0 0; overflow: hidden; position: absolute; width: 100%; height: 150px; z-index: 4; }

#homeFocus #mainFeature .text { position: absolute; width: 100%; height: auto; bottom: 0; padding: 0; margin: 0; color: #fff; border: none; background: #181818; }
#homeFocus #mainFeature .title { background: #6087a1; background: rgba(96,135,161,0.85); }
#homeFocus #mainFeature .title h3 { font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 3px 10px; font-family: 'HNeueCondMed', Arial, Helvetica, sans-serif; font-weight: normal; }
#homeFocus #mainFeature .info { padding: 8px 10px; line-height: 1.5em; background: url('images/text-back.png') repeat 0 0; }
#homeFocus #mainFeature .info span { color: #c6e0f2; margin: 0 8px 0 0; }


#devSlide { width: 500px; z-index: 1; }
.devNav { display: block; position: absolute; z-index: 2; cursor: pointer; width: 49px; height: 49px; top: 95px; opacity: 0.7; text-indent: -9999px; background: url('images/devslide_prev.png') no-repeat center center; transition: all ease-in-out 200ms; }
#nextDev.devNav { right: 0; background-image: url('images/devslide_next.png'); }
.devNav:hover { opacity: 1; }
#devSlide > div { width: 500px; height: 290px; position: relative; overflow: hidden; }
#devSlide img { width: 100%; height: auto; }
#devSlide .text { position: absolute; width: 100%; height: auto; bottom: 0; padding: 0; margin: 0; color: #fff; border: none; background: none; }
#devSlide .title { background: #6087a1; background: rgba(96,135,161,0.85); }
#devSlide .title h3 { font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 3px 10px; font-family: 'HNeueCondMed', Arial, Helvetica, sans-serif; font-weight: normal; }
#devSlide .info { padding: 8px 10px; line-height: 1.5em; background: #181818; }
#devSlide .info span { color: #c6e0f2; margin: 0 8px 0 0; }
#devSlide .slide { position: absolute; }
#devSlide .slide1 { position: relative; display: block; }

#lists { overflow: hidden; margin: 0 0 30px; }
#lists img { position: absolute; width: 100%; height: auto; z-index: 1; }
#lists .col, #lists .colWrap { height: 250px; position: relative; overflow: hidden; }
#lists .text { background: none; border: none; z-index: 2; border-top: 6px solid rgba(96,135,161,0.85); }
#lists .textWrap { padding: 15px 12px; background: #222; }
#lists .listRow { display: block; line-height: 1.4em; }
#lists .listRow strong { font-size: 1.3em; }
#lists .listRow.address { color: #c6e0f2; }


*/