/* Meybohm Commercial CSS */

* { margin: 0; padding: 0; }
html { background: url('/img/bg2.gif'); }
body { background: url('/img/bg.gif') top left repeat-x; color: #231f20; font: 12px Arial, Helvetica, sans-serif normal; min-height: 400px; text-align: center; }

a { color: #3c53bc; text-decoration: none; }
a:hover { color: #231F20; text-decoration: underline; }

.container { margin: 0 auto 20px auto; text-align: left; width: 904px; }

#container #header #logo { float: left; padding-top: 21px; text-align: center; }
#container #header #logo h1 { display: none; }
#container #header #logo img { border: none; }
#container #header #supernav { background: url('/img/supernav.bg.gif') top center no-repeat; color: #0f208a; float: right; height: 23px; padding-top: 5px; text-align: center; width: 205px; }
#container #header #supernav a { background: url('/img/supernav.div.gif') left center no-repeat; color: #0f208a; font-size: 12px; padding: 0 3px 0 10px; }
#container #header #supernav a.home { background: none; padding-left: 3px; }
#container #header #supernav a:hover { color: #231F20; text-decoration: underline; }
#container #header #topnav { float: right; margin-top: 31px; width: 628px; }
#container #header #topnav a { background: url('/img/topnav.bg.gif') center top no-repeat; color: #fff; display: block; float: left; font-size: 12px; font-weight: bold; height: 19px; margin-left: 7px; padding-top: 5px; text-align: center; width: 150px; }
#container #header #topnav a:hover { background: url('/img/topnav.bg.gif') center bottom no-repeat; text-decoration: none; }

#container #splash { background: url('/img/splash.bg.gif') top left no-repeat; height: 231px; margin: 24px 0 10px 0; padding-top: 11px; text-align: center; }
#container #splash #splash-bg { border: 4px solid #fff; height: 212px; margin: 0 auto; text-align: left; width: 874px; }
#container #splash .splash-1 { background: url('/img/splash/splash1.jpg') top left no-repeat; }
#container #splash .splash-2 { background: url('/img/splash/splash2.jpg') top left no-repeat; }
#container #splash .splash-3 { background: url('/img/splash/splash3.jpg') top left no-repeat; }
#container #splash .splash-4 { background: url('/img/splash/splash4.jpg') top left no-repeat; }
#container #splash .splash-5 { background: url('/img/splash/splash5.jpg') top left no-repeat; }

#container #splash #quicksearch { float: right; padding-top: 15px; width: 223px; }
#container #splash #quicksearch h2 { background: url('/img/quicksearch.hdr.png') top left no-repeat; height: 22px; margin-bottom: 5px; }
#container #splash #quicksearch h2 span { display: none; }
#container #splash #quicksearch form { padding-left: 30px; }
#container #splash #quicksearch form label { display: block; margin: 8px 0 2px 0; }
#container #splash #quicksearch form input { border: 1px solid #ccc; padding: 1px; }
#container #splash #quicksearch form .submit { border: none; float: right; margin: 11px 46px 0 0; padding: 0; }

#container #ouragents { background: url('/img/ouragents.bg.gif') top left no-repeat; float: left; height: 128px; padding: 12px; width: 574px; }
#container #ouragents h2 { background: url('/img/ouragents.hdr.gif') top left no-repeat; height: 22px; margin-bottom: 3px; }
#container #ouragents h2 span { display: none; }
#container #ouragents ul { list-style: none; }
#container #ouragents ul li { background: url('/img/ouragents.div.gif') bottom left repeat-x; float: left; line-height: 28px; width: 143px; }
#container #ouragents ul li.bottom { background: none; }
#container #ouragents ul li a { font-weight: bold; }

#container #featuredproperty { background: url('/img/featuredproperty.bg.gif') top left no-repeat; float: right; height: 353px; width: 299px; }
#container #featuredproperty h2 { background: url('/img/featuredproperty.hdr.gif') top left no-repeat; height: 22px; margin-bottom: 3px; }
#container #featuredproperty h2 span { display: none; }
#container #featuredproperty .property { margin:11px; }
#container #featuredproperty #property-image { border: 4px solid #fff; height: 166px; margin: 0 auto; overflow: hidden; text-align: left; width: 271px; }
#container #featuredproperty #property-image img { border: none; }
#container #featuredproperty #property-info { padding-top: 10px; }
#container #featuredproperty #property-info h3 { font-size: 17px; margin-bottom: 8px; }
#container #featuredproperty #property-info p { line-height: 19px; }

#container #calloutnav { float: left; height: 128px; padding: 12px; width: 574px; }
#container #calloutnav ul { list-style: none; }
#container #calloutnav li { background: url('/img/calloutnav.div.gif') bottom left repeat-x; float: left; padding: 19px 0; width: 280px; }
#container #calloutnav li a { color: #231f20; display: block; padding: 27px 0 0 30px; }
#container #calloutnav li a:hover { background-position: 0 -277px!important; text-decoration: none; }

#container #calloutnav #propertysearch a { background: url('/img/calloutnav.propertysearch.gif') top left no-repeat; }
#container #calloutnav #aboutus a { background: url('/img/calloutnav.aboutus.gif') no-repeat; }
#container #calloutnav #communitynews a { background: url('/img/calloutnav.communitynews.gif') top left no-repeat; }
#container #calloutnav #contactus a { background: url('/img/calloutnav.contactus.gif') top left no-repeat; }

#container #page #loopnet { float: right; margin-top: 20px; }

#container #page #contactAddress { padding: 10px 10px 10px 0; }
#container #page #contactAddress .address { float: left; margin-right: 35px; padding: 4px 0 0 0; }
#container #page #contactAddress .address address { font-style: normal; }

#container #page #agent-list { background: #D9D9D9; border: 1px solid #cacaca; margin-top: 25px; padding: 10px; float: left; width: 100px; }
#container #page #agent-list h3 { color: #231f20; font-size: 15px; }
#container #page #agent-list ul { list-style: none; padding: 0; }
#container #page #agent-list ul li { background: url('/img/ouragents.div.gif') bottom left repeat-x; float: left; line-height: 28px; width: 100px; }
#container #page #agent-list ul li.current a { color: #231F20; font-weight: bold; }

#container #page p { line-height: 20px; padding-bottom: 13px; }
#container #page h2 { font-size: 32px; font-weight: normal; letter-spacing: -1px; padding-bottom: 15px; }
#container #page h3 { color: #0F208A; font-size: 15px; font-weight: bold; letter-spacing: -1px; padding-bottom: 2px; text-transform: uppercase; }
#container #page h5 { font-size: 10px; }
#container #page img { border: 4px solid #fff; }
#container #page ul { line-height: 25px; list-style: inside; padding: 0 0 13px 30px; }
#container #page .callout { border: solid #c5c5c5; border-width: 1px 0; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-style: italic; line-height: 24px; margin: 10px 20px; padding: 5px; width: 200px; }
#container #page .quote { border: solid #c5c5c5; border-width: 1px 0; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; line-height: 24px; margin: 4px 0; padding: 5px; width: 595px; }
#container #page .nopicquote { border: solid #c5c5c5; border-width: 1px 0; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; line-height: 24px; margin: 4px 0; padding: 5px; }
#container #page .quote cite { display: block; font-size: 11px; font-style: normal; font-weight: bold; text-align: right; }
#container #page .readmore { clear: both; text-align: right; }
#container #page .image { background: #D7D7D7; border: 1px solid #cecece; padding: 4px; }
#container #page .image img { margin-bottom: 3px; }
#container #page .image cite { display: block; font-size: 11px; text-align: right; }
#container #page .align-right { float: right; margin: 0 0 8px 8px; }
#container #page .align-left { float: left; margin: 0 8px 8px 0; }
#container #page #ourteam .agent { background: #F0F0F0; border: 1px solid #cecece; float: left; margin: 0 12px 12px 0; padding: 4px; width: 158px; }
#container #page #ourteam .agent .agentimage { border: 4px solid #fff; margin-bottom: 3px; position: relative; height: 180px; overflow: hidden; }
#container #page #ourteam .agent .agentimage img { border: none; width: 150px; }
#container #page #ourteam .agent .agentimage .viewlistings { background: #332B2D; bottom: 0; height: 20px; padding: 0 0 0 6px; position: absolute; width: 150px; }
#container #page #ourteam .agent .agentimage .viewlistings a { color: #fff; font-size: 10px; font-weight: bold; }
#container #page #ourteam .agent .contact { font-size: 11px; line-height: 16px; padding: 8px 0 0 0; }

#container #page #agentProfile { background: #d7d7d7; border: 1px solid #cecece; float: right; margin: 25px 0 0; padding: 4px; width: 762px; }
#container #page #agentProfile img { margin: 0 10px 0 0; }
#container #page #agentProfile p { font-size: 11px; line-height: 25px; margin-left: 118px; }
#container #page #agentProfile p.contact { line-height: 16px; }

#container #page .profileFrame { float: right; }

#container #page .article { border-bottom: 1px dotted #404040; margin-bottom: 20px; padding: 0 10px 5px; }


#container #page .property { background: #F0F0F0; border: 1px solid #cecece; float: left; margin: 0 12px 12px 0; padding: 4px; width: 128px; }
#container #page .property .propertyimage { border: 4px solid #fff; margin-bottom: 3px; position: relative; height: 120px; overflow: hidden; }
#container #page .property .propertyimage img { border: none; height: 120px; left: 0; position: absolute; top: 0; width: 120px; }
#container #page .property address { font-size: 11px; font-style: normal; }
#container #page .property .overlay { background: #000; display: none; filter:alpha(opacity=70) left: 0; height: 120px; opacity: .7; position: absolute; top: 0; width: 120px; }
#container #page .property .details { display: none; left: 0; padding: 5px; position: absolute; top: 0; }
#container #page .property .details p { color: #fff; font-size: 11px; line-height: 15px; }
#container #page .property .quickinfo { background: #332B2D; bottom: 0; color: #fff; font-size: 11px; line-height:17px; padding: 0 6px 0 0; position: absolute; text-align: right; width: 114px; }

#container #page .property:hover .details,
#container #page .property:hover .overlay { display: block; }
#container #page .property:hover .quickinfo { display: none; }


#footer { background: url('/img/footer.bg.gif') top left repeat-x; clear: both; color: #f0f0f0; font-size: 11px; height: 160px; }
#footer #bottomnav { float: left; padding-top: 8px; }
#footer #bottomnav a { color: #aaaaaa; margin-right: 5px;  }
#footer #icons { float: right; padding-top: 4px; }
#footer #icons img { margin-left: 12px; }
#footer #copyright { float: left; padding-top: 20px; }
#footer #copyright a { color: #899cf7; margin-right: 15px; }
#footer #copyright a:hover { color: #f0f0f0; }
#footer #copyright p { line-height: 20px; }
#footer #copyright .copy a { color: #f0f0f0; margin: 0 0 05px; text-decoration: underline; }

#footer #locations { float: right; padding-top: 20px; width: 300px; }
#footer #locations .address { float: left; margin-left: 20px; }
#footer #locations .address h4 { font-size: 13px; }
#footer #locations .address address { font-style: normal; }



.clearer { clear: both; }