/* Global c21ar.com CSS ======================================================================================== */ * { margin:0; padding:0;} html { height:100%; } body { background: url(../images/bg-01.jpg) 0 0 repeat-x; margin:0 0; background-color:black; font-size:12px; color:#009; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; height:100%; } p { font-size:12px; color:#ccc; line-height:16px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } p a { color:#e6b135; } a:link { color:#e6b135; } a:visited { color:#e6b135; } a:hover { color:blue; } a:active { color:#e6b135; } h1 { font-size:12px; font-weight:normal; color:#fff; } h2 { font-size: 12px; font-weight: bold; color: #006; line-height: 10px; } h3 { font-size: 13px; font-weight: bold; color: #603; line-height: 16px; margin-top: 1px; margin-bottom: 10px; } ul { font-size:12px; } .error { font-weight:bold; color:red; } .error-jq { font-weight:bold; color:green; } form p { color:#e6b135; padding-left:1px; padding-bottom:3px; } form p span { color:#666; font-size:11px;} .pics { height:218px; width:898px; padding:0; margin:0; } .pics img { height:218px; width:898px; padding:0; margin:0; background-color:#000; } .list-left { text-align:right; color:#606; float:left; width:140px; } .list-right { text-align:left; padding-left: 10px; width:250px; float:left; } .textinput01 { padding-left: 2px; padding-bottom: 1px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif; font-size: 12px; border: 1px solid rgb(102,153,102); background-color: #FAFAD2; } #page-wrapper { width:941px; margin:0 auto; border:0px solid black; } #content-wrapper { margin:0 auto; width:941px; overflow:auto; } #header-left { width:599px; height:22px; position:relative; left:-4px; border:0px solid blue; background:url(../images/header-left-01.jpg) no-repeat; clear:both; } .label { width:130px; text-align:right; float:left; padding-top:4px; } .input { margin-left:130px; padding-left:5px; } .field-error-message { display:block; padding-left:135px; color:red; } .first-cap { text-transform:capitalize; } /* CSS Fixes =================================================================================================== */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display:block; } /* End hide from IE-mac */ /* Pagination ================================================================================================== */ div.pagination { color:#ccc; } div.pagination a { text-decoration:none; padding:4px; margin:0 4px; } div.pagination a:hover { color:#ccc; } #pagination p a:hover { color:#ccc; } #listing-info p a:hover { color:#ccc; } div.pagination span { margin:0 4px; } .previous, .first, .next, .last { color:#777; } div.pagination.current { color:white; text-decoration:none; padding:4px; margin:0 4px; } /* Promo ===================================================================================================== */ .promo { width:264px; position:relative; left:15px; top:10px; margin-bottom:15px; } .promo-head { width:264px; border:1px solid #e6b135; text-align:center; font-weight:bold; background:url(../images/bg-texture-01.jpg); padding-top:1px; padding-bottom:1px; } .promo-head p { font-size:13px; font-weight:bold; color:#fff;} .promo-body { width:244px; text-align:justify; font-weight:bold; padding:10px; margin-bottom:20px; border-left:1px dotted #e6b135; border-right:1px dotted #e6b135; border-bottom:1px dotted #e6b135; background:url(../images/bg-black-01.jpg); } /* Promos, Ads, Tips, etc ======================================================================================== */ #centurion { width:264px; height:300px; left:15px; top:10px; margin-bottom:15px; background:url(../images/centurion_01.jpg) 40px top no-repeat; } #gold-standard- { height:54px; width:317px; position:absolute; left:310px; top:70px; z-index:20; background:url(../images/the-gold-standard-02.jpg) no-repeat; } #usaa { width:264px; left:0px; top:10px; margin-bottom:15px; margin-left:15px; background:url(../images/usaa_logo_01.jpg) right no-repeat; } #click-here a:link img { border-color:transparent; } #upromise { width:264px; height:171px; left:0px; top:10px; margin-bottom:15px; margin-left:15px; background:url(../images/upromise_01.jpg) 0px right no-repeat; } #cthe1 { width:264px; text-align:center; margin-bottom:30px; margin-left:30px; } /* Header and Menu ============================================================================================*/ #header { height:166px; margin:0 auto; overflow:visible; position:relative; width:941px; background:url(../images/c21ws_header_03.jpg) no-repeat center top; } #agent-header { height:166px; margin:0 auto; overflow:visible; position:relative; width:941px; } #menu { position:relative; left:21px; top:137px; width:750px; height:28px; border:0px solid red; } #ul-index div { position:absolute; top:12px; padding: 26px 20px 0 20px; left:0px; width:856px; height:150px; z-index:11; } #ul-index a { position:relative; z-index:12; cursor:hand; } #menu-index { left:21px; top:137px; height:18px; width:750px; position:relative; border:0px solid red; } #menu-index ul { padding-left:13px; padding-top:4px; text-align:left; } #menu-index ul li { display:inline; padding-right:10px; } #menu-index ul li a { color:#e6b135; text-decoration:none; font-weight:bold; } #menu-index ul li a:hover { color:#fff; text-decoration:none; } .menu-details { position:relative; top:-218px; left:21px; width:896px; height:160px; background-color:#000; z-index:10; border-left:1px solid #b7972b; border-bottom:1px solid #b9792b; border-right:1px solid #b9792b; padding:0px; margin:0px; padding-right:0px; } /* Image Rotation ============================================================================================== */ #image-wrapper { height:220px; margin:0 auto; overflow:hidden; position:relative; width:941px; background:url(../images/image-bg-01.jpg) no-repeat center top; } #photos { height:218px; margin-left:21px; position:relative; width:896px; z-index:9; } /* Body Gradient and Body Content ================================================================================ */ #body-gradient { width:941px; height:22px; margin:0 auto; background:url(../images/body-gradient-01.jpg) no-repeat; } #body-content { min-height:400px; width:941px; margin:0 auto; background:url(../images/body-content-bg-01.jpg) center top repeat-y; } /* Content Left ================================================================================================ */ #content-left { width:580px; left:25px; position:relative; padding-bottom:20px; float:left; } /* Home Page Welcome ========================================================================================= */ #home-page #welcome { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #home-page #welcome-bg { width:580px; height:27px; position:relative; border:0px solid blue; background:url(../images/welcome-01.jpg) top left no-repeat; } #home-page #welcome-message { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:40px; } #home-page #welcome-text { width:560px; } #home-page #storefront { width:250px; margin-top:5px; margin-left:18px; float:right; border:0px solid #e6b135; } #home-page #storefront-image { width:250px; height:83px; border:1px solid #e6b135; margin-bottom:3px; background:url(../images/c21ar-front-02.jpg) no-repeat; } #home-page #storefront-text p { text-align:center; color:#e6b135; font-weight:bold; padding-top:6px; line-height:10px; } /* Home Page Featured Home ==================================================================================== */ #home-page #featured-home { width:580px; height:32px; margin-bottom:20px; position:relative; border:0px solid red; background:url(../images/featured-homes-01.jpg) top left no-repeat; } #home-page #featured-home-info { width:560px; position:relative; left:15px; top:10px; margin-bottom:40px; } #home-page #featured-home-photo { width:215px; height:161px; margin-bottom:40px; background:url(../images/featured-home-photo-01.jpg) no-repeat; border:1px solid #b7972b; float:left; } #home-page #featured-home-details { width:330px; left:15px; position:relative; float:left; text-align:justify; border:0px dotted blue; margin-bottom:0px; } /* Home Page My Favorites ====================================================================================== */ #home-page #my-favorites { width:580px; height:32px; position:relative; border:0px solid red; background:url(../images/my-favorites-01.jpg) top left no-repeat; } #home-page #my-favorites-info { width:560px; position:relative; left:15px; top:10px; margin-bottom:40px; text-align:justify; } #home-page #favorite-image { width:125px; height:87px; border:1px solid #b7972b; float:right; margin-left:15px; margin-bottom:5px; margin-top:5px; background:url(../images/favorite-01.jpg) no-repeat; } /* Home Page Open Houses ====================================================================================== */ #home-page #open-houses { width:580px; height:32px; position:relative; border:0px solid red; background:url(../images/open-houses.jpg) 8px 0px no-repeat; } #home-page #open-houses-info { width:560px; position:relative; left:15px; top:10px; margin-bottom:40px; } #home-page #open-houses-details { width:330px; left:15px; position:relative; float:left; text-align:justify; border:0px dotted blue; margin-bottom:0px; } /* Home Page New Construction ================================================================================== */ #home-page #new-construction { width:580px; height:32px; margin-bottom:15px; position:relative; border:0px solid red; background:url(../images/new-construction.jpg) 8px 0px no-repeat; } #home-page #new-construction-info { width:560px; position:relative; left:15px; top:10px; margin-bottom:0px; } #home-page #new-construction-details { width:325px; height:161px; left:0px; position:relative; float:left; text-align:justify; border:0px dotted blue; margin-bottom:0px; margin-right:18px; } /* Home Page Agent Campus ===================================================================================== */ #home-page #agent-campus { width:580px; height:32px; margin-bottom:15px; position:relative; border:0px solid red; background:url(../images/become-agent.jpg) 8px 0px no-repeat; } #home-page #agent-campus-info { width:560px; position:relative; left:0px; top:10px; margin-bottom:40px; } #home-page #agent-campus-bg { width:285px; height:76px; float:left; margin-left:-6px; } #home-page #agent-campus-bg a img { border:none; } #home-page #agent-campus-details { width:560px; margin-left:15px; text-align:justify; border:0px dotted blue; margin-bottom:0px; margin-right:18px; } /* Home Page Announcements ====================================================================================== */ #home-page #announcements-bg { width:580px; height:32px; position:relative; border:0px solid blue; background:url(../images/good-to-know-01.jpg) top left no-repeat; } #home-page #announcements { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #home-page #announcement-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* All Pages =================================================================================================== */ #content-right { width:280px; left:43px; position:relative; padding-bottom:0px; float:left; } #heading { width :264px; left:15px; top:10px; position:relative; border-top:1px dotted #b7972b; margin-bottom:15px; } #heading span { padding-bottom:5px; text-align:left; color:#e6b135; font-weight:bold; background-color:#000; position:relative; top:-10px; } /* Announcements Body CSS ====================================================================================== */ #announcements-page #announcements { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #announcements-page #announcements-bg { width:580px; height:32px; position:relative; border:0px solid blue; background:url(../images/good-to-know-01.jpg) top left no-repeat; } #announcements-page #announcement-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Our Community Page ========================================================================================= */ #our-community #community { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #our-community #community-bg { width:580px; height:33px; position:relative; margin-left:10px; border:0px solid blue; background:url(../images/our-community.jpg) top left no-repeat; } #our-community #community-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* New Communities Page ======================================================================================= */ #new-communities page #new-communites { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #new-communities-page #new-communities-bg { width:580px; height:23px; position:relative; left:10px; border:0px solid blue; margin-bottom:20px; background:url(../images/new-communities.jpg) top left no-repeat; } #new-communities-page #new-communities-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* New Communities Details Page ================================================================================= */ #new-communities-details-page #new-communites-details { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #new-communities-details-page #new-communities-details-bg { width:580px; height:23px; position:relative; left:10px; border:0px solid blue; margin-bottom:15px; background:url(../images/new-communities.jpg) top left no-repeat; } #new-communities-details-page #new-communities-details-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Military Relocation Body CSS =================================================================================== */ #military-relocation-page #military-relocation { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #military-relocation-page #military-relocation-bg { width:580px; height:32px; position:relative; border:0px solid green; background:url(../images/military-relocation-01.jpg) top left no-repeat; } #military-relocation-page #military-relocation-text { width:560px; } #military-relocation-page #military-relocation-form { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:40px; } /* Contact Us Body CSS ========================================================================================== */ #contact-us-page #contact-us { width:580px; position:relative; border:0px solid blue; margin-bottom:30px; text-align:justify; } #contact-us-page #contact-us-bg { width:580px; height:29px; position:relative; border:0px solid green; padding-top:15px; background:url(../images/contact-us.jpg) 8px 0px no-repeat; } #contact-us-page #contact-us-text { width:560px; padding-left:15px; } #contact-us-page #contact-left { width:180px; float:left; text-align:right; color:#e6b135; font-weight:bold; } #contact-us-page #contact-right { width:360px; padding-left:10px; float:left; color:#fff; text-align:left; } #contact-us-page #location-bg { width:580px; height:27px; position:relative; padding-top:15px; background:url(../images/our-location.jpg) 8px 0px no-repeat; } #contact-us-page #c21ws-map { width:560px; height:401px; padding-top:15px; border:1px solid #e6b135; margin-left:15px; background:url(../images/c21ws_map_01.jpg) no-repeat; } /* Our Agents ================================================================================================= */ #our-agents-page #our-agents { width:580px; position:relative; border:0px solid blue; margin-bottom:30px; text-align:justify; } #our-agents-page #our-agents-bg { width:580px; height:33px; position:relative; border:0px solid green; font-size:11px; color:#ddd; background:url(../images/our-agents.jpg) 8px 0px no-repeat; padding-left:20px; padding-top:10px; padding-bottom:20px; } #our-agents-page #preferential { margin-left:115px; } #our-agents-page #our-agents-text { width:550px; padding-left:30px; border:0px solid blue; } #our-agents-page #agent-photo { width:150px; border:0px solid blue; float:left; } #our-agents-page #agent-info { width:360px; margin-left:20px; border:0px solid green; float:left; border-top:0px dotted #e6b135; border-bottom:0px dotted #e6b135; } #our-agents-page #agent-name { width:360px; border:0px solid yellow; padding-top:15px; } #our-agents-page #agent-details-left { width:75px; border:0px solid aqua; padding-top:10px; float:left; text-align:right; } #our-agents-page #agent-details-right { width:95px; border:0px solid white; margin-left:15px; float:left; padding-top:10px; border:0px solid green; } #our-agents-page #agent-details-left-two { width:40px; height:40px; padding-top:10px; float:left; text-align:right; border:0px solid blue; } #our-agents-page #agent-details-right-two { width:95px; height:40px; margin-left:15px; float:left; padding-top:10px; border:0px solid aqua; } #our-agents-page #agent-details-bottom-left { width:75px; padding-top:10px; float:left; text-align:right; } #our-agents-page #agent-details-bottom-right { width:265px; margin-left:15px; float:left; padding-top:10px; } /* Area Information ============================================================================================= */ #area-information-page #area-information { width:580px; position:relative; border:0px solid blue; margin-bottom:30px; text-align:justify; } #area-information-page #area-information-bg { width:580px; height:34px; position:relative; border:0px solid green; font-size:11px; color:#ddd; background:url(../images/area-information.jpg) 8px 0px no-repeat; padding-left:20px; padding-top:10px; padding-bottom:10px; } #area-information-page #area-information-text { width:550px; padding-left:20px; border:0px solid blue; } /* Careers Page ================================================================================================ */ #careers-page #careers { width:580px; position:relative; border:0px solid blue; margin-bottom:30px; text-align:justify; } #careers-page #careers-bg { width:580px; height:31px; position:relative; border:0px solid green; font-size:11px; color:#ddd; background:url(../images/thank-you.jpg) 8px 0px no-repeat; padding-left:20px; padding-top:10px; padding-bottom:10px; } #careers-page #careers-text { width:550px; padding-left:20px; border:0px solid blue; } #careers-page #careers-content { } #careers-page #careers-top { width:550px; height:78px; border:1px solid #e6b135; background:url(../images/c21-careers-top.jpg); margin-top:15px; } #careers-page #careers-photos { width:550px; height:122px; border-left:1px solid #e6b135; border-right:1px solid #e6b135; } #careers-photos #photo-1 { width:183px; height:122px; border-right:1px solid #e6b135; float:left; background:url(../images/istockphoto_realtor_01_edit_01.jpg); } #careers-photos #photo-2 { width:183px; height:122px; border-right:1px solid #e6b135; float:left; background:url(../images/two_ladies_signing_w183.jpg); } #careers-photos #photo-3 { width:182px; height:122px; float:left; background:url(../images/istockphoto_realtor_03_man_01_edit_01.jpg); } #careers-page #careers-bottom { width:550px; border:1px solid #e6b135; background:url(../images/bg-black-01.jpg) repeat; } #careers-bottom #left { width:336px; border:0px solid #e6b135; padding:15px; text-align:justify; float:left; } #careers-bottom #right { width:170px; border:0px solid #e6b135; padding-left:1px; float:left; } #careers-bottom #right #sign { width:170px; height:249px; padding-left:13px; background:url(../images/c21-for-sale-sign-01.png) no-repeat; margin-top:-15px; } * html #careers-bottom #right #sign { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/c21-for-sale-sign-01.png', sizingMethod='scale'); } #careers-bottom #right #contact { width:165px; border:1px dotted #e6b135; margin-top:-20px; } #careers-bottom #right #contact #title { width:145px; padding:10px; border-bottom:1px dotted #e6b135; background-color:black; } #careers-bottom #right #contact #text { width:145px; padding:10px; } /* About Page CSS ============================================================================================== */ #about-page #about { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #about-page #about-bg { width:580px; height:26px; position:relative; border:0px solid blue; padding-bottom:10px; margin-left:6px; background:url(../images/about-us.jpg) top left no-repeat; } #about-page #about-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Schools Page CSS ============================================================================================ */ #schools-page #schools { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #schools-page #schools-bg { width:580px; height:26px; position:relative; border:0px solid blue; padding-bottom:10px; margin-left:10px; background:url(../images/our-schools.jpg) top left no-repeat; } #schools-page #schools-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Fort Stewart Page ============================================================================================ */ #fort-stewart #fort-stewart { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #fort-stewart #fort-stewart-bg { width:580px; height:30px; position:relative; margin-left:10px; border:0px solid blue; background:url(../images/fort-stewart.jpg) top left no-repeat; } #fort-stewart #fort-stewart-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Relocation Body CSS ========================================================================================== */ #relocation-page #relocation { width:570px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #relocation-page #relocation-bg { width:570px; height:25px; position:relative; border:0px solid green; left:10px; margin-bottom:15px; background:url(../images/relocation-assistance.jpg) top left no-repeat; } #relocation-page #relocation-text { width:550px; margin-left:20px; } #relocation-page #relocation-form { width:550px; position:relative; border:0px solid blue; top:10px; margin-bottom:40px; } /* Local Websites Page ========================================================================================= */ #local-websites-page #local-websites { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #local-websites-page #local-websites-bg { width:580px; height:33px; position:relative; margin-left:10px; border:0px solid blue; background:url(../images/local-websites.jpg) top left no-repeat; } #local-websites-page #local-websites-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Browse Properties Page ======================================================================================= */ #browse-properties-page #browse-properties { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #browse-properties-page #browse-properties-bg { width:580px; height:32px; position:relative; margin-left:10px; border:0px solid blue; margin-bottom:20px; background:url(../images/browse-properties.jpg) top left no-repeat; } #browse-properties-page #browse-properties-container { width:560px; position:relative; border:0px solid blue; left:20px; top:10px; margin-bottom:0px; } /* Browse Rental Properties Page ================================================================================= */ #browse-rental-properties-page #browse-rental-properties { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #browse-rental-properties-page #browse-rental-properties-bg { width:580px; height:32px; position:relative; margin-left:10px; border:0px solid blue; margin-bottom:20px; background:url(../images/browse-rental-properties.jpg) top left no-repeat; } #browse-rental-properties-page #browse-rental-properties-container { width:560px; position:relative; border:0px solid blue; left:20px; top:10px; margin-bottom:0px; } /* Search Properties Page ======================================================================================== */ #search-properties-page #search-properties { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #search-properties-page #search-properties-bg { width:580px; height:32px; position:relative; margin-left:10px; border:0px solid blue; margin-bottom:5px; background:url(../images/search-properties.jpg) top left no-repeat; } #search-properties-page #search-properties-container { width:560px; position:relative; border:0px solid blue; left:20px; top:10px; margin-bottom:0px; } /* Selecting Agent Page CSS ====================================================================================== */ #selecting-agent-page #selecting-agent { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #selecting-agent-page #selecting-agent-bg { width:580px; height:34px; position:relative; border:0px solid blue; padding-bottom:10px; margin-left:6px; background:url(../images/selecting-an-agent.jpg) top left no-repeat; } #selecting-agent-page #selecting-agent-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Property Details Page CSS ===================================================================================== */ #property-details-page #property-details { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #property-details-page #property-details-bg { width:580px; height:32px; position:relative; border:0px solid blue; padding-bottom:10px; margin-left:6px; background:url(../images/property-details.jpg) top left no-repeat; } #property-details-page #property-details-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } .prop-details-left { width:100px; text-align:right; } .prop-details-right { width:175px; color:#fff; padding-left:10px; } /* Preparing Your Home For Sale Page CSS ========================================================================== */ #preparing-details-page #preparing { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #preparing-page #preparing-bg { width:580px; height:34px; position:relative; border:0px solid blue; padding-bottom:10px; margin-left:6px; background:url(../images/preparing-your-home.jpg) top left no-repeat; } #preparing-page #preparing-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Selling Tips Page CSS ========================================================================================= */ #selling-tips-page #selling-tips { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #selling-tips-page #selling-tips-bg { width:580px; height:32px; position:relative; border:0px solid blue; padding-bottom:10px; margin-left:6px; background:url(../images/powerful-tips.jpg) top left no-repeat; } #selling-tips-page #selling-tips-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Capable Agent Page CSS ====================================================================================== */ #capable-agent-page #capable-agent { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #capable-agent-page #capable-agent-bg { width:580px; height:32px; position:relative; border:0px solid blue; padding-bottom:10px; margin-left:6px; background:url(../images/selecting_professional_agent.jpg) top left no-repeat; } #capable-agent-page #capable-agent-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Renter To Owner Page CSS ===================================================================================== */ #renter-to-owner-page #renter-to-owner { width:580px; position:relative; border:0px solid blue; margin-bottom:15px; text-align:justify; } #renter-to-owner-page #renter-to-owner-bg { width:580px; height:32px; position:relative; border:0px solid blue; padding-bottom:10px; margin-left:6px; background:url(../images/renting-to-buying.jpg) top left no-repeat; } #renter-to-owner-page #renter-to-owner-container { width:560px; position:relative; border:0px solid blue; left:15px; top:10px; margin-bottom:0px; } /* Agent Home Page Featured Properties ============================================================================ */ #agent-home-page #featured-properties { width:580px; height:33px; position:relative; border:0px solid red; margin-bottom:20px; background:url(../images/featured_properties.jpg) top left no-repeat; } #agent-home-page #featured-properties-info { width:560px; position:relative; left:15px; top:10px; margin-bottom:40px; } #agent-home-page #featured-properties-photo { width:215px; height:161px; margin-bottom:40px; background:url(../images/featured-home-photo-01.jpg) no-repeat; border:1px solid #b7972b; float:left; } #agent-home-page #featured-properties-details { width:330px; left:15px; position:relative; float:left; text-align:justify; border:0px dotted blue; margin-bottom:0px; } /* Home Page Welcome ========================================================================================= */ #agent-home-page #agent-welcome { width:264px; position:relative; left:15px; top:0px; margin-bottom:15px; text-align:justify; } #agent-home-page #agent-welcome-bg { width:264px; height:27px; position:relative; left:-15px; top:0px; margin-bottom:0px; background:url(../images/welcome-01.jpg) top left no-repeat; } #agent-home-page #agent-welcome-message { width:264px; position:relative; left:0px; top:10px; margin-bottom:20px; } #agent-home-page #agent-welcome-text { width:264px; } /* All Pages - Footer ============================================================================================= */ #footer { width:941px; height:150px; margin:0 auto; background:url(../images/footer-01.jpg) no-repeat; clear:both; color:#e6b135; font-size:11px; padding-top:50px; } #menu-bottom-div { margin:0 auto; text-align:center; } #menu-bottom-div ul { } #menu-bottom-div ul li { display:inline; padding-left:10px; } #menu-bottom-div ul li a { text-decoration:none; } #menu-bottom-div ul li a:hover { text-decoration:underline; color:#e6b135; } #footer-guarantee { text-align:center; color:#e6b135; padding-top:15px; } #footer-guarantee a { text-decoration:none; } #footer-guarantee a:hover {text-decoration:underline; color:#e6b135; }