/*==============================================================================*/ /* Paull Associates/Insurance, Real Estate, CSS www.paullassociates.com */ /* © 2009 Paull Associates */ /* ALL CODE ©2009 Technology Services Group, Wheeling, WV - www.techsgi.com*/ /* Author: Natalie Lestini*/ /*------------------------------------------------------------------------------------ COLOR KEY --------------------- ---------------------------------------------------------------*/ /*Dark Green = #193510*/ /*Dark/Burned Red = #852432*/ /*Tan = #e2d8ba*/ /*------------------------------------------------------------------------------------ UTILITY ------------------------------------------------------------------------------------*/ .floatLeft { float: left; } .floatRight { float: right; } .left {float: left;} .right {float: right;} .clear { clear: both; } .clearboth { clear: both; } /*------------------------------------------------------------------------------------ RESETS & BASIC PAGE SETUP ------------------------------------------------------------------------------------*/ div, h1, h2, h3, h4, h5, h6, p, a, em, font, img, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} ol, ul {list-style: none;} a img {border: none; } img {vertical-align: middle; } /*------------------------------------------------------------------------------------ BEGIN IMAGE STYLING ------------------------------------------------------------------------------------*/ img {border-style: none;} /* IMAGES PLACED LEFT*/ .img_left {float:left;margin:0.1em 1em 1em 0;} /* IMAGES PLACED RIGHT*/ .img_right {float:right;margin:0.5em 0.5em 1em;} .img_news {float:right;margin-top:0.5em;margin-bottom:1em;margin-left:0.5em;} a img {border: none;} /*------------------------------------------------------------------------------------ MAIN STYLING FOR ALL PAGES ------------------------------------------------------------------------------------*/ body {font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:24px;color:#333;background-color:#fff;margin:0 auto;} #container {width:960px;margin:0 auto;} p {margin-bottom:20px;padding-bottom:3px;} p.property {margin-bottom:0.1em;margin-top:0.1em;font-weight:700;} .bold {font-weight:700;} .red {color:#900;} /** Top Contact Area All Pages ==============================================================================*/ #minicontact {float:right;width:400px;font-size:13px;text-align:right;color:#852432;padding-top:4px;} /** Logo ==============================================================================*/ h1 {height:69px;width:553px;float:left;background-image:url(../images/layout/real_estate_logo2.gif);background-repeat:no-repeat;margin:10px 0 0;} h1 a {display:block;width:473px;text-decoration:none;text-indent:-99999px;height:62px;} /*------------------------------------------------------------------------------------ HEADINGS ------------------------------------------------------------------------------------*/ h2 {font-size:28px;line-height:30px;color:#852432;margin-right:0;margin-bottom:30px;margin-left:0;padding-top:20px;} h2.about-title {font-size:28px;line-height:30px;color:#fff;margin:0 0 30px;} h3 {font-size:15px;line-height:14px;margin-bottom:8px;color:#4f4840;text-transform:uppercase;border-bottom:1px solid #4f4840;letter-spacing:normal;} h4 {font-size:18px;line-height:20px;color:#852432;} h5 {color:#696969;text-transform:capitalize;margin:20px 0 0;} /*------------------------------------------------------------------------------------ LINKS ---------------------------------------------------------------------------------------*/ a:hover {color:#7f7467;text-decoration:none;} #simpleTooltip {border:1px solid #A6A7AB;background:#f6f0dd;padding:10px;} .with-tooltip {font-weight:700;} a:link,a:visited {color:#852432;text-decoration:none;} /** Navigation Holding Area ==============================================================================*/ #navigation_bar {float:left;width:100%;height:41px;font-size:15px;background-color:#e2d8ba;border-bottom:1px solid #ebd0b4; position:relative;/*this and zindex must be in place for nav to show over slideshow on homepage*/ z-index:100;margin-top:20px;margin-bottom:1px;} /** Navigation Styling - also see superfish css ==============================================================================*/ ul#nav {list-style-type:none;margin:40px 0 0;} ul#nav li {float:left;margin:0 10px 0 0;} ul#nav li a {display:block;} ul#nav li a:hover {color:#852432;} ul#nav li#current a {color:#fff;background-color:#852432;padding:0 8px;} /*------------------------------------------------------------------------------------ HOME PAGE STYLING ---------------------------------------------------------------------------------------*/ #homeheader {float: left;width: 960px;margin: 0 0 20px 0;} #homeheader img {float: left;} /*Green Box Area*/ #homeintro {float:right;width:290px;height:276px;border-right:1px solid #193510;border-left:1px solid #193510;background-color:#193510; background:url(../images/layout/header_intro_bg.jpg) repeat-x #193510 bottom;padding:19px;} #homeintro h2 {margin:30px 0 20px;} #virtualtours {display:block;width:290px;height:36px;margin-top:50px;background-image:url(../images/homepage/mybutton.png);background-repeat:no-repeat;background-position:0 0;} #virtualtours:hover {background-position:0 -36px;} #virtualtours span {display:none;} .welcome {font-family:Tahoma, Geneva, sans-serif;font-size:18px;color:#999;} /** SLIDESHOW HOMEPAGE ==============================================================================*/ #myslides {width:630px;height:314px;overflow:hidden;float:left;} #myslides img {width:630px;height:314px;top:0;left:0;} /** Home Welcome, New Listings on Home, Featured Listing, Twitter ==============================================================================*/ #homewelcome {float: left;display: inline; /*ie6 double margin bug fix*/width: 288px;margin: 0 10px 0 0;padding-right:2px;} #homewelcome h2 {color:#852432;margin:0 0 10px;} #newlistings {float:left;display:inline;width:320px;margin:0 10px 0 0;} .listing {float:left;width:315px;margin:0 0 8px;} .listing img {float:left;border:1px solid #d8d6d4;margin:0 10px 0 0;padding:2px;} .listing h4 {float:right;width:185px;font-size:14px;margin-bottom:-8px;margin-top:-1px;line-height:13px;} /*Styling for Property Search Page Images outline-homepage ==============================================================================*/ .homepage-criteria a img {border:1px solid #d8d6d4;padding:2px;} .homepage-criteria a:hover img {border:1px solid #852432;padding:2px;} .location,.propertytype {font-size:11px;line-height:30px;color:#575454;margin:0;} .price,.bedbathsqft {font-size:12px;color:#777;margin:0;} .price {font-weight:700;margin-bottom:-5px;} #featuredlisting {float:right; width:330px;} #homewrap {width: 960px;}/*this holds middle section if no Featured listing on homepage only*/ #featuredwrap {float:left;width:328px;border:1px solid #ccc;} #featuredlisting h4 {margin:0 0 -8px;} .address {float:left;background-color:#e2d8ba;border-bottom:1px solid #ebd0b4;margin:0 0 10px;padding:10px 20px 8px;} #featuredlisting .address {width:288px;} #featuredlisting .address a {color:#852432;} #featuredlisting .address a:hover {color:#7F7467;} #featuredlisting .price, #featuredlisting .bedbathsqft, #featuredlisting .propertytype, .listinginfo .price,.listinginfo .bedbathsqft,.listinginfo .propertytype,.listinginfo .mls {margin:0 0 0 20px;} #featuredlisting .propertytype {margin-bottom:10px;} #openhouse_main {float:right;padding:1px 10px 5px 25px;} #openhouse {display:block;width:288px;height:174px;background-image:url(../images/homepage/open_house.png);background-repeat:no-repeat;background-position:0 0;} #openhouse:hover {background-position:0 -174px;} #openhouse span {display:none;} #twitter_div {margin-right:25px;} #twitter_update_list {margin-top:-13px;} .homepage-criteria,#featuredlisting img {float:left;} /** Styling for Homepage Footer ==============================================================================*/ #footer-homepage {float:left;width:960px;border-top:1px solid #cfcfcf;background:url(../images/layout/footer_bg.jpg) repeat-x top;margin:15px 0 0;} #footer-homepage p {color:#8c8a8a;font-size:11px;margin:10px 0 20px 10px;} #footer-homepage a {color:#4f4840;} #footer-homepage a:hover {color:#7f7467;text-decoration:none;} #footer-homepage a:visited, #footer-homepage a:active {color:#4f4840;text-decoration:none;} /*------------------------------------------------------------------------------------ MAIN PAGES ---------------------------------------------------------------------------------------*/ #pagewrap {float:left;width:960px;} #pagedetail {width:900px;padding:12px 10px 20px;} #left-divide {float:left;margin-left:3px;margin-right:35px;margin-top:5px;width:425px;} #right-divide {float:right;margin-right:5px;margin-top:5px;padding-left:5px;width:425px;} /*------------------------------------------------------------------------------------ ASSOCIATES PAGES ---------------------------------------------------------------------------------------*/ div.associates #associatelisting li {margin-bottom: 2em;} div.associates .lineup {list-style: none;} div.associates .lineup li img {float: left;} div.associates .lineup li p {margin: 0 0 0.33em 105px;} .realtorname {padding-bottom: 15px; } /*------------------------------------------------------------------------------------ ABOUT US PAGE ---------------------------------------------------------------------------------------*/ #aboutwrap {float:left;width:960px;} #top_aboutwrap {float:left;width:960px;background-color:#193510;margin-bottom:20px;} #aboutdetail {width:900px;padding:12px 10px 20px;} #aboutdetail h3,#aboutdetail .location {float:left;width:400px;margin-left:0;} #aboutdetail .address {float:right;width:590px;margin:0 0 20px;} #aboutdetail .price {font-size:26px;} #aboutdetail p,#aboutdetail h4 {margin-left:20px;margin-bottom:20px;} #aboutdetail p {color:#333;font-size:14px;} #sidebar_about {float:right;width:450px;background-color:#193510;padding:35px 0 12px 19px;} .officetitle {line-height:5px;font-weight:700;color:#fff;font-size:18px;} .offices {line-height:23px;font-size:16px;color:#fff;} /*------------------------------------------------------------------------------------ INSURANCE PAGES ---------------------------------------------------------------------------------------*/ #navlist {margin-left:0;padding-left:0;list-style:none;} #navlist li {padding-left:20px;background-image:url(../images/arrow.gif);background-repeat:no-repeat;background-position:0 .3em;} /** Styling for Insurance Table ==============================================================================*/ #insurance_table {padding-right:80px;padding-left:110px;padding-top:10px;padding-bottom:10px;} #cell-table-a th {font-weight:700;margin-right:50px;margin-left:50px;text-transform:uppercase;text-align:center;padding:8px 35px; background-attachment: scroll;background-image: none;background-repeat: repeatbackground-position: 0 0; border-top-width: 4px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-bottom-color: #FFF;} #cell-table-a tr:hover td {background:#e2d8ba url(none) repeat scroll 0 0;} #cell-table-a td {border-bottom:1px solid #FFF;border-top:1px solid transparent;font-size:14px;padding-top: 12px;padding-right: 50px;padding-bottom: 12px;padding-left: 50px; background-attachment: scroll;background-color: #f0f0f0;background-image: none;background-repeat: repeat;background-position: 0 0;} #cell-table-a a {color:#e2d8ba;font-weight:700;text-decoration:none;} .cell_header {font-weight:700;text-align:left;text-transform:uppercase;} .cell_title {font-weight:700;text-align:center;text-transform:uppercase;} .cell_title_numbers {text-align:center;} .cell_left {font-style:italic;font-weight:700;text-align:left;} /*------------------------------------------------------------------------------------ NEW PROPERTY PAGES ---------------------------------------------------------------------------------------*/ #sidebar_property {float:left;width:225px;margin-top:10px;height:100%;} #property_rightside_content {float:right;width:625px;margin-left:5px;margin-top:10px;padding-left:33px;padding-top:5px;border-left:1px solid #CCC;} #show-all {display:block;width:220px;height:67px;background-image:url(../images/layout/show-all-properties.gif);background-repeat:no-repeat;background-position:0 0;} #back-search {display:block;width:220px;height:67px;background-image:url(../images/layout/backtosearch.gif);background-repeat:no-repeat;background-position:0 0;} #big-calc {display:block;width:220px;height:67px;background-image:url(../images/layout/mortgage-calc-BIG.gif);background-repeat:no-repeat;background-position:0 0;} #button {text-align:center;vertical-align:middle;width:350px;} .submit-button {background:#193510;color:#FFF;border:none;font-size:16px;font-weight:700;padding:5px;} .submit-button:hover {background:#e2d8ba;cursor:pointer;} #pagetitleholder {width:880px;padding-right:10px;padding-bottom:10px;} #show-all:hover, #back-search:hover, #big-calc:hover {background-position:0 -67px;} #show-all span,#back-search span, #big-calc span {display:none;} /** Class for Property Search Page Images Outline ==============================================================================*/ .criteria {width:125px;} .criteria a img {border:1px solid #d8d6d4;padding:2px;} .criteria a:hover img {border:1px solid #852432;padding:2px;} /*------------------------------------------------------------------------------------ NEW LISTINGS PROPERTY PAGE ---------------------------------------------------------------------------------------*/ #newlistings-page {float:left;display:inline;width:600px;margin:0 10px 0 0;} .listing-nlpage {float:left;width:500px;margin:0 0 8px;} .listing-nlpage img {float:left;border:1px solid #d8d6d4;margin:0 10px 0 0;padding:2px;} .listing-nlpage h4 {float:right;width:185px;font-size:14px;margin-bottom:-8px;margin-top:-1px;line-height:13px;} /*------------------------------------------------------------------------------------ FOOTER - homepage footer different styling - see above under homepage section --------------------------------------------------------------------------------------*/ #footer {float:left;width:960px;border-top:1px solid #cfcfcf;background:url(../images/layout/footer_bg.jpg) repeat-x top;margin:30px 0 0;} #footer p {color:#8c8a8a;font-size:11px;margin:10px 0 20px 10px;} #footer a {color:#4f4840;} #footer a:hover {color:#7f7467;text-decoration:none;} #footer-calc {float:right;width:135px;padding:5px 0 0 3px;} #small-calc {display:block;width:115px;height:39px;background-image:url(../images/layout/mortgage-calc.png);background-repeat:no-repeat;background-position:0 0;} #small-calc:hover {background-position:0 -39px;} #small-calc span {display:none;} #footer a:visited,#footer a:active {color:#4f4840;text-decoration:none;}