* { margin: 0px; padding: 0px; } body { margin: 10px 0px 0px 0px; padding: 0px; background-color: #000000; } .red { color: #942905; } h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #D9CDB5; font-size: .8em; font-weight: normal; text-align: center; font-variant: small-caps; } h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #D9CDB5; font-size: 1.2em; font-weight: normal; text-align: center; font-variant: small-caps; } .detailstext {color: #666; } #formtable td { padding: 8px; } #container { width: 920px; margin-right: auto; margin-left: auto; } /********************************************************************/ /******************* This are for the header ************************/ /********************************************************************/ #container #header { background: #FFF; height: 119px; margin-bottom: 10px; float: left; width: 920px; } #container #header #name { color: #000; padding-top: 8px; font: bold 1em Georgia, "Times New Roman", Times, serif; height: 90px; width: 314px; float: left; } #container #header #name a:link { color: #FFF; text-decoration: none; } #container #header #name a:hover { color: #FFF; text-decoration: none; } #container #header #name a:active { color: #FFF; text-decoration: none; } #container #header #name a:visited { color: #FFF; text-decoration: none; } #container #header #slogan { color: #000; width: 304px; text-align: center; font: 1em/1.5em "Copperplate Gothic Bold", Georgia, "Times New Roman", Times, serif; margin-top: 28px; float: left; } #container #header #address { color: #000; float: left; text-align: center; padding-top: 18px; font: 1em/1.5em "Copperplate Gothic Bold", Georgia, "Times New Roman", Times, serif; width: 302px; } #container #header #address a { color: #DEDACB; } #container #header #address #phone { color: #C00; font-size: 1.4em; } /********************************************************************/ /********** This is for the container that holds everything *********/ /********************************************************************/ #container #content_container { height: 100%; clear: left; } /********************************************************************/ /*********** This is for the featured properties listings ***********/ /********************************************************************/ #featuredhousestitlebg { background-color: #6b6761; width: 920px; text-align: center; padding-top: 4px; padding-bottom: 4px; } #featuredhousestitlebg #featuredhousestitle { background-image: url(../GM_images/featuredproperties_title.gif); background-repeat: no-repeat; background-position: center top; width: 920px; height: 17px; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 20px; } #featuredhousestitlebg #featuredhousestitle span { display: none; } #container #content_container #featuredhousesgrey { background-color: #FFF; width: 920px; text-align: center; } #container #content_container #featuredhousesgrey #featuredhouses { background-color: #FFFFFF; width: 855px; height: 201px; clear: both; padding-left: 26px; padding-top: 0px; margin-left: 18px; margin-right: 18px; } #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse { width: 200px; height: 128px; float: left; text-align: center; margin: 10px 9px 8px 0px; } #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse .photo { background:url(../GM_images/shadow.gif) bottom right no-repeat; float: left; margin: 10px 0 0 5px; } #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse .photo img { width: 192px; display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 3px;} #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse .address { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin-top: 10px; font-weight: bold; color: #00f; text-align: center; } #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse .address a:link { color: #00f; text-decoration: underline; } #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse .address a:hover { color: #00f; text-decoration: underline; } #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse .address a:visited { color: #00f; text-decoration: underline; } #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse .details { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #310e02; text-align: center; padding-top: 5px; } #container #content_container #featuredhousesgrey #featuredhouses .featuredhouse .price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #40311a; text-align: center; margin-bottom: 5px; } /********************************************************************/ /********** This is for the red bar for the main page ***************/ /********************************************************************/ #container #content_container #redbar { background-color: #6b6761; height: auto; padding-left: 5px; float: left; width: 915px; } #container #content_container #redbar #recentlysold { width: 239px; padding-left: 4px; clear: none; float: left; text-align: center; } #container #content_container #redbar #recentlysold .recentlysoldtn { float: left; padding-right: 1px; padding-bottom: 0px; } #container #content_container #redbar #recentlysold #recentlysoldimg { margin-top: 12px; margin-bottom: 10px; width: 239px; height: 16px; background-image: url(../GM_images/recentlysold_title.gif); background-repeat: no-repeat; background-position: center top; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 18px; color: #FFF; } #container #content_container #redbar #recentlysold #recentlysoldimg span { display: none; } #newlistingalert { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; font-size: 1.2em; margin-left: 0px; height: 47px; width: 225px; background: url(../GM_images/newlistingalert_button.gif) center top no-repeat; margin-left: 6px; margin-top: 8px; } #newlistingalert a { height: 47px; width: 225px; margin: 0; padding: 0; display: block; background: url(../GM_images/newlistingalert_button.gif) center top no-repeat; } #newlistingalert a span { display: none; } #relocationpacket { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; font-size: 1.2em; margin-left: 0px; height: 47px; width: 225px; background: url(../GM_images/relocationpacket_button.gif) center top no-repeat; margin-left: 6px; margin-top: 8px; } #relocationpacket a { height: 47px; width: 225px; margin: 0; padding: 0; display: block; background: url(../GM_images/relocationpacket_button.gif) center top no-repeat; } #relocationpacket a span { display: none; } /***** THIS IS THE SEARCH *****/ #container #content_container #redbar #searchstl { float: left; width: 380px; clear: none; padding-left: 30px; height: 265px; background-color: #FFF; background-image: url(../GM_images/search_bg.gif); background-repeat: repeat-x; background-position: center top; padding-bottom: 12px; } #container #content_container #redbar #searchstl #searchform .searchname { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #402d0f; } #container #content_container #redbar #searchstl #searchform { margin: 0 auto; } #container #content_container #redbar #searchstl #searchnow { clear: both; text-align: center; padding-top: 10px; } #container #content_container #redbar #searchstl #searchourproperties { margin-top: 12px; margin-bottom: 14px; width: 370px; height: 18px; background-image: url(../GM_images/searchstlouis_title.gif); background-repeat: no-repeat; background-position: center top; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 18px; color: #40311a; } #container #content_container #redbar #searchstl #searchourproperties span { display: none; } /***** THIS IS THE TALK WITH STAFFORD *****/ #container #content_container #redbar #talkwithstafford { width: 239px; float: left; padding-left: 10px; clear: none; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #FFF; } #container #content_container #redbar #talkwithstafford a:link { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; } #container #content_container #redbar #talkwithstafford a:visited { color: #FFFa; text-decoration: none; border-bottom: 1px dotted #FFF; } #container #content_container #redbar #talkwithstafford #talkwithstafford { margin-top: 12px; margin-bottom: 14px; width: 209px; height: 17px; background-image: url(../GM_images/talkwithstafford_title.gif); background-repeat: no-repeat; background-position: center top; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 18px; color: #FFF; } #container #content_container #redbar #talkwithstafford #talkwithstafford span { display: none; } #container #content_container #redbar #talkwithstafford #staffordmaniontitle { width: 130px; height: 18px; background-image: url(../GM_images/staffordmanion_title.gif); background-repeat: no-repeat; background-position: center top; } #container #content_container #redbar #talkwithstafford #staffordmaniontitle span { display: none; } #container #content_container #redbar #talkwithstafford #freemarketanalysis { margin-top: 22px; margin-bottom: 8px; width: 209px; height: 17px; background-image: url(../GM_images/freemarketanalysis_title.gif); background-repeat: no-repeat; background-position: center top; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 18x; color: #FFFFFF; } #container #content_container #redbar #talkwithstafford #freemarketanalysis span { display: none; } /********************************************************************/ /******** This is for the red bar for the property page *************/ /********************************************************************/ #container #content_container #redbar #agentinfo { font-family: Verdana, Arial, Helvetica, sans-serif; width: 910px; padding-top: 10px; color: #FFF; } #container #content_container #redbar #agentinfo #primaryagent { float: left; width: 50%; text-align: left; } #container #content_container #redbar #agentinfo #secondaryagent { float: right; width: 50%; text-align: right; } #container #content_container #redbar #agentinfo #primaryagent #agentphoto { margin-right: 15px; margin-left: 5px; float: left; } #container #content_container #redbar #agentinfo #primaryagent #agentname { font-size: .9em; font-weight: bold; padding-bottom: 5px; } #container #content_container #redbar #agentinfo #primaryagent #agentphone1 { font-size: .7em; } #container #content_container #redbar #agentinfo #primaryagent #agentphone2 { font-size: .7em; padding-bottom: 5px; } #container #content_container #redbar #agentinfo #primaryagent #agentemail { font-size: .7em; } #container #content_container #redbar #agentinfo #primaryagent #agentsite { font-size: .7em; } #container #content_container #redbar #agentinfo #primaryagent #agentemail a { color: #CCC; } #container #content_container #redbar #agentinfo #primaryagent #agentsite a { color: #CCC; } #container #content_container #redbar #agentinfo #secondaryagent #agentphoto { margin-right: 5px; margin-left: 15px; float: right; } #container #content_container #redbar #agentinfo #secondaryagent #agentname { font-size: .9em; font-weight: bold; padding-bottom: 5px; } #container #content_container #redbar #agentinfo #secondaryagent #agentphone1 { font-size: .7em; } #container #content_container #redbar #agentinfo #secondaryagent #agentphone2 { font-size: .7em; padding-bottom: 5px; } #container #content_container #redbar #agentinfo #secondaryagent #agentemail { font-size: .7em; } #container #content_container #redbar #agentinfo #secondaryagent #agentsite { font-size: .7em; } #container #content_container #redbar #agentinfo #secondaryagent #agentemail a { color: #CCC; } #container #content_container #redbar #agentinfo #secondaryagent #agentsite a { color: #CCC; } #maris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; color: #CCC; padding: 10px; float: left; width: 900px; } #maris img { margin-top: 4px; } #underagent { clear: both; border-bottom: 1px solid #000; margin: 10px 0px 5px -5px; } /********************************************************************/ /******** This is for the agent info on the agent pages *************/ /********************************************************************/ #container #content_container #agentinfo { font-family: Verdana, Arial, Helvetica, sans-serif; width: 860px; margin-bottom: 10px; color: #000; } #container #content_container #agentinfo #primaryagent { float: left; width: 50%; text-align: left; } #container #content_container #agentinfo #secondaryagent { float: right; width: 50%; text-align: right; } #container #content_container #agentinfo #primaryagent #agentphoto { margin-right: 15px; margin-left: 5px; float: left; } #container #content_container #agentinfo #primaryagent #agentname { font-size: .9em; font-weight: bold; padding-bottom: 5px; } #container #content_container #agentinfo #primaryagent #agentphone1 { font-size: .7em; } #container #content_container #agentinfo #primaryagent #agentphone2 { font-size: .7em; padding-bottom: 5px; } #container #content_container #agentinfo #primaryagent #agentemail { font-size: .7em; } #container #content_container #agentinfo #primaryagent #agentsite { font-size: .7em; } #container #content_container #agentinfo #primaryagent #agentemail a { color: #CCC; } #container #content_container #agentinfo #primaryagent #agentsite a { color: #CCC; } #container #content_container #agentinfo #secondaryagent #agentphoto { margin-right: 5px; margin-left: 15px; float: right; } #container #content_container #agentinfo #secondaryagent #agentname { font-size: .9em; font-weight: bold; padding-bottom: 5px; } #container #content_container #agentinfo #secondaryagent #agentphone1 { font-size: .7em; } #container #content_container #agentinfo #secondaryagent #agentphone2 { font-size: .7em; padding-bottom: 5px; } #container #content_container #agentinfo #secondaryagent #agentemail { font-size: .7em; } #container #content_container #agentinfo #secondaryagent #agentsite { font-size: .7em; } #container #content_container #agentinfo #secondaryagent #agentemail a { color: #CCC; } #container #content_container #agentinfo #secondaryagent #agentsite a { color: #CCC; } /********************************************************************/ /********** This is for the red bar for the main page ***************/ /********************************************************************/ #container #content_container #whitebar { background-color: #f0f0ef; height: auto; float: left; width: 900px; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #container #content_container #whitebar #property { width: auto; margin-top: 15px; margin-left: 15px; margin-right: 20px; } /********************************************************************/ /**************** This is for the property page *********************/ /********************************************************************/ /***** THESE ARE FOR THE GALLERY *****/ #container #content_container #whitebar #property #galleryphotos { position:relative; width:420px; float: left; } #container #content_container #whitebar #property #galleryphotos .photo { background:url(../GM_images/shadow.gif) bottom right no-repeat; float: left; margin: 10px 0 0 5px; } #container #content_container #whitebar #property #galleryphotos .photo img { width: 400px; display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 3px;} /***** THESE ARE THE GALLERY THUMBNAILS *****/ #thumbs { width: 420px; text-align: center; } #thumbs a {display:block; float:left; margin:10px 4px 0px 4px; width:72px; height: 56px; border: none;} #thumbs a img {width:72px; height: 56px; border:0;} /*#thumbs a:hover {border-color:#ddd;} #thumbs a:hover img { position:absolute; width:auto; height:auto; top:0; left: 0; } */ /***** THIS HIDES THE DIRECTIONS ON THE WEB PAGE *****/ #directions { visibility: hidden; } /***** THESE STYLE THE HEADER AND PARAGRAPH IN THE PROPERTY *****/ #container #content_container #whitebar #property #galleryh2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; color: #003; padding-bottom: 20px; clear: none; } #container #content_container #whitebar #property #galleryp { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 16px; text-align: justify; } /***** THESE ARE FOR THE TABLE FOR THE DETAILS ON PROPERTY *****/ #container #content_container #whitebar #property table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 22px; clear: both; } #container #content_container #whitebar #property td { padding-left: 4px; } /***** THESE ARE FOR THE DETAILS ON THE PROPERTY PAGE *****/ #container #content_container #whitebar #property #leftdetails { vertical-align: top; width: 415px; float: right; margin-right: 5px; } #container #content_container #whitebar #property #leftdetails #status { height: 30px; width: 127px; font-family: Verdana, Arial, Helvetica, sans-serif; top: 0px; right: 0px; float: right; clear: none; } #container #content_container #whitebar #property #leftdetails #status .active { background-image: url(../GM_images/status_activelisting.gif); background-repeat: no-repeat; background-position: right top; height: 30px; width: 127px; } #container #content_container #whitebar #property #leftdetails #status .undercontract { background-image: url(../GM_images/status_undercontract.gif); background-repeat: no-repeat; background-position: right top; height: 30px; width: 127px; } #container #content_container #whitebar #property #leftdetails #status .sold { background-image: url(../GM_images/status_sold.gif); background-repeat: no-repeat; background-position: right top; height: 30px; width: 127px; } #container #content_container #whitebar #property #leftdetails #status span { display: none; height: 32px; width: 116px; } #container #content_container #whitebar #property #leftdetails #address { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; color: #003; margin-bottom: 15px; padding-bottom: 5px; clear: none; border-bottom: 1px solid #FFF; } #container #content_container #whitebar #property #leftdetails #price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #333; padding-bottom: 15px; font-weight: bold; margin-left: 15px; } #container #content_container #whitebar #property #leftdetails #description { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; background-color: #FFF; padding: 10px; line-height: 1.5em; } #container #content_container #whitebar #property #leftdetails #return { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; padding-top: 15px; padding-bottom: 15px; } #container #content_container #whitebar #property #leftdetails #return a { color: #0000FF; text-decoration: underline; } #container #content_container #whitebar #property #rightdetails { float: left; clear: none; vertical-align: top; width: 300px; } /********************************************************************/ /************** These are for the internal pages ********************/ /********************************************************************/ #container #content_container #whitebar #internal { padding: 10px 15px; } #container #content_container #whitebar #internal h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #FFF; border-bottom: 3px double #333; background-color: #333; margin-bottom: 15px; padding-top: 5px; padding-bottom: 7px; padding-left: 8px; } #container #content_container #whitebar #internal h2 { font-family: Georgia, "Times New Roman", Times, serif; margin-top: 15px; margin-bottom: 15px; color: #292929; font-weight: bold; font-variant: normal; text-align: left; font-size: 1em; } #container #content_container #whitebar #internal p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; line-height: 20px; margin-bottom: 10px; margin-right: 15px; margin-left: 15px; } #container #content_container #whitebar #internal ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; line-height: 22px; margin-left: 35px; } #container #content_container #whitebar #internal .aboutphoto { text-align: center; float: left; height: 254px; } #container #content_container #whitebar #internal table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; } /**********************************************************/ /******** This is for the search results page *************/ /**********************************************************/ #container #content_container #whitebar #internal #searchresults img { width: 150px; } /********************************************************************/ /****************** This is for the agent page **********************/ /********************************************************************/ #container #content_container #whitebar #internal .agent1 { width: 350px; padding-left: 40px; float: left; padding-top: 30px; } #container #content_container #whitebar #internal .agent2 { width: 350px; padding-left: 40px; float: left; padding-top: 30px; } #container #content_container #whitebar #internal .agent1 .photo, #container #content_container #whitebar #internal .agent2 .photo { float: left; margin-right: 20px; } #container #content_container #whitebar #internal .agent1 .info .name, #container #content_container #whitebar #internal .agent2 .info .name { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; padding-bottom: 5px; } #container #content_container #whitebar #internal .agent1 .info .primary, #container #content_container #whitebar #internal .agent1 .info .secondary, #container #content_container #whitebar #internal .agent2 .info .primary, #container #content_container #whitebar #internal .agent2 .info .secondary { font-family: Georgia, "Times New Roman", Times, serif; font-size: .8em; padding-bottom: 4px; color: #333; } #container #content_container #whitebar #internal .agent1 .info .email, #container #content_container #whitebar #internal .agent2 .info .email { font-family: Georgia, "Times New Roman", Times, serif; font-size: .8em; color: #03C; } /********************************************************************/ /*********** This is for the our properties listings ****************/ /********************************************************************/ #container #content_container #whitebar #internal .ourlisting { background-color: #FFF; float: left; width: 768px; margin-bottom: 9px; padding-top: 6px; padding-right: 48px; padding-bottom: 3px; padding-left: 40px; } #container #content_container #whitebar #internal .ourlisting .photo { background:url(../GM_images/shadow.gif) bottom right no-repeat; float: left; margin: 10px 0 0 5px; } #container #content_container #whitebar #internal .ourlisting .photo img { width: 192px; display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 3px;} #container #content_container #whitebar #internal .ourlisting .details { font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em; text-align: center; float: left; width: 315px; line-height: 22px; } #container #content_container #whitebar #internal .ourlisting .details .address { font-size: 1em; font-weight: bold; margin-top: 6px; } #container #content_container #whitebar #internal .ourlisting .details .citystatezip { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000000; line-height: 16px; } #container #content_container #whitebar #internal .ourlisting .details .price { margin-top: 17px; margin-bottom: 17px; } #container #content_container #whitebar #internal .ourlisting .details .schooldistrict { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; line-height: 16px; } #container #content_container #whitebar #internal .ourlisting .details .schooldistrict .title { font-weight: bold; } #container #content_container #whitebar #internal .ourlisting #specs { float: right; width: 245px; margin-top: 8px; } #container #content_container #whitebar #internal .ourlisting #specs .leftcol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; font-weight: bold; color: #000000; background-color: #E5E5E5; text-align: right; height: 17px; width: 102px; padding-top: 3px; padding-right: 8px; float: left; margin-right: 5px; margin-bottom: 5px; clear: left; } #container #content_container #whitebar #internal .ourlisting #specs .rightcol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; color: #000000; height: 17px; width: 122px; padding-top: 3px; padding-left: 8px; float: left; margin-bottom: 5px; background-color: #E5E5E5; } /********************************************************************/ /********** This shadow is at the bottom above footer ***************/ /********************************************************************/ #container #content_container #bottomshadow { clear: both; background-color: #6B6761; height: 1px; } /********************************************************************/ /********************* This is the footer ***************************/ /********************************************************************/ #container #content_container #footer { height: 23px; _height: 5px; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 0.7em; color: #333333; padding-top: 10px; background-image: url(../GM_images/footer_bg.gif); background-repeat: repeat-x; margin-bottom: 10px; } #container #content_container #footer a:link { color: #333; } #container #content_container #footer a:hover { color: #333; }