/* ----------------------------------------- Stylesheet for HoltRE.net / Holt Real Estate Author: cdeVision.com Copyright: (c)2008 cdeVision Created: 23 January 2008 Updated: 26 February 2008 -------------------------------------------- */ body {background:#0B3A70 url(images/bg.png) repeat-x; text-align:center;/* IE hack to center page contents */ margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#333;} h1, h2, h3, h4 {padding:0; margin:0;} h1 {color:#0D3769; font:normal 22px arial,sans-serif; line-height:24px; padding-bottom:12px;} /* page titles */ h1 .em {font-size:16px; line-height:24px; padding-bottom:12px;} /* for home page */ h2 {font:normal 16px arial,sans-serif; color:#666; line-height:20px; padding:10px 0 8px 0;} /* sub-titles */ p {margin:0; padding:0 0 12px 0; line-height:16px;} p.intro {font-size:14px; line-height:18px;} /* page intro text */ ul, ol {margin:0 0 0 25px; padding:0 0 13px 0;} li {line-height:15px; padding:0 0 2px 0;} img {border:0;} img.left {float:left; margin:0 20px 20px 0;} img.right {float:right; margin:0 0 20px 20px;} .clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} div#printlogo {display:none;} /* fix PNG transparency in IE6 */ #headertop, #logo, #icons, h2.sign, h2.forsale, h2.ouragents, h2.viewlistings, h2.rentals, h2.resources, h2.directions{behavior:url(scripts/iepngfix.htc);} /* ---- links ----------------------------------------- */ a {color:#0B3A70; text-decoration:underline;} a:visited {} a:hover {color:#145E9B; text-decoration:none;} a:active {color:#0B3A70;} a:active, a:focus {outline:none;} a.arrow {background:url(images/icon-arrow.gif) 100% 4px no-repeat; padding:0 11px 0 0; font-weight:bold; font-family:arial,sans-serif; text-decoration:none !important;} a.arrow:hover, a.pdf:hover {text-decoration:underline !important;} a.pdf {background:url(images/icon-pdf.gif) 100% 0 no-repeat; padding:1px 20px 1px 0; font-weight:bold; font-family:arial,sans-serif; text-decoration:none !important;} /* ---- forms ----------------------------------------- */ #forms {margin-bottom:25px;} form {margin:0;} input, textarea, select, option {font-family:verdana,helvetica,sans-serif; font-size:11px;} .standardfield {width:250px;} .smallfield {width:50px;} /* ---- ids & classes ----------------------------------------- */ #frame {width:877px; margin:0 auto; padding-top:15px; text-align:left;} #header {width:877px; height:138px; background:transparent url(images/bg-header.png) repeat-x; color:#fff; position:relative; border-bottom:1px solid #DCE4EB;} #headertop {width:877px; height:6px; background:transparent url(images/bg-headertop.png) no-repeat;} #logo {position:absolute; top:10px; left:25px; width:125px; height:82px; background:url(images/logo.png) no-repeat;} #logo h1 {padding:0; margin:0;} #logo span {display:none;} #logo a {display:block; width:125px; height:82px;} #address {position:absolute; top:40px; left:175px;} #address p {line-height:18px;} #icons {position:absolute; top:35px; right:40px; width:140px; height:45px; background:url(images/re-icons.png) no-repeat;} #navmenu {position:absolute; bottom:0px; left:22px; background:transparent; height:26px; line-height:normal;} #navmenu ul {margin:0; padding:0; list-style:none;} #navmenu li {float:left; margin:0 5px 0; padding:0 0 0 9px; line-height:16px; background:url("images/nav-left-off.png") no-repeat left top; font-size:12px;} #navmenu a {float:left; display:block; padding:5px 13px 5px 4px; text-decoration:none; color:#DCE4EB; background:url("images/nav-right-off.png") no-repeat right top;} #navmenu a:hover {color:#145E9B;} #navmenu #current {background:url("images/nav-left-on.png") no-repeat left top;} #navmenu #current a {background:url("images/nav-right-on.png") no-repeat right top; color:#132A4F; padding-bottom:5px;} #content {width:873px; background:#fff; border:2px solid #DCE4EB; margin-top:0px; padding:30px 0 12px;} /* widths for #main & #rcol are set inline */ #mainHome {width:585px; float:left; margin-left:12px; background:#fff;} #mainAgent {width:510px; float:left; margin-left:20px; background:#fff;} /* Agent detail page - to accomodate large photo in rcol */ #main {width:575px; float:left; margin-left:20px; background:#fff;} #main, #rcol {display:inline;} /* for IE6 */ #mainListings {margin:0 20px;} /* for listings page */ #mainListings img {border:0;} #listingsLinks {margin:6px 6px 15px 0;} #listingsLinks a {margin:0 20px 0 0;} tr.ResultsRow a.idx {color:white !important;} tr.ResultsRow a.idx:visited {} tr.ResultsRow a.idx img {border-color:white !important;} /* image frame */ #photo {width:274px; background:url(images/bg-photo.png) repeat-y; float:left; margin:3px 12px 10px 0;} #photo img {display:block; margin:0 0 0 9px;} #phototop {width:274px; height:9px; background:url(images/bg-phototop.png) no-repeat;} #photobottom {width:274px; height:22px; background:url(images/bg-photobottom.png) no-repeat;} #homebox {background:#005193; clear:both; padding:0 12px; margin:10px 0 0 0; width:560px;} a.box {display:block; float:left; width:179px; height:140px; padding:0; margin:12px 0; background:#145E9B; text-decoration:none; color:#fff; font:bold 13px arial,sans-serif;} a.box img {display:block; margin:0 0 6px 0; border:2px solid #fff;} a.box span {display:block; padding:0 8px;} a.box:hover {background:#C8D4DF; color:#0B3A70;} a.box {cursor:pointer; cursor:hand;} /* right-side column */ #rcol {width:250px; float:right; margin-right:12px; font-size:11px; position:relative;} #rcolAgent {width:300px; float:right; margin-right:15px; font-size:11px;} /* Agent detail page - to accomodate large photo */ #rcolAgent img {display:block; margin-top:40px;} #rcol h2 {color:#005193; padding:0; font:bold 15px arial,sans-serif;} /* icons */ h2.sign {position:absolute; height:32px; padding:7px 0 0 52px !important; margin:0 0 0 12px !important;} h2.forsale {background:url(images/icon-forsale.png) no-repeat;} h2.ouragents {background:url(images/icon-ouragents.png) no-repeat;} h2.viewlistings {background:url(images/icon-viewlistings.png) no-repeat} h2.rentals {background:url(images/icon-rentals.png) no-repeat} h2.resources {background:url(images/icon-resources.png) no-repeat} h2.directions {background:url(images/icon-directions.png) no-repeat} #rcol p {padding:0 0 8px 0;} #rcol a.arrow {font-size:12px;} #bluebox {background:#DCE4EB; padding:20px 10px 15px 12px; margin-top:26px;} #scroller {width:225px; height:345px; overflow:auto; margin:0; padding:0 8px 0 0;} #scroller p {} #bluebox .item {border-bottom:1px solid #F5F7F9; padding:8px 0 5px 0;} #bluebox img {border:2px solid #fff;} #bluebox .item img {border:2px solid #fff; display:block; float:left; margin:3px 8px 4px 0;} #bluebox .item p {padding:0 0 4px 0;} #bluebox .item .desc {float:left; margin:0; width:118px;} #bluebox .agent {width:230px; border-bottom:1px solid #F5F7F9; padding:8px 0 5px 0; margin:0;} #bluebox .agent img {border:2px solid #fff; display:block; float:right; margin:3px 0 4px 8px;} #bluebox .last {border:none;} #whitebox {margin:10px 0 0 0;} #whitebox .item {border-bottom:1px solid #DCE4EB; padding:8px 0 5px 0;} #whitebox .item img {border:2px solid #fff; display:block; float:left; margin:3px 8px 4px 0;} #whitebox .item p {padding:0 0 4px 0;} #whitebox .item .desc {float:left; margin:0; width:400px;} #whitebox .last {border:none;} #footer {background:transparent url(images/bg-footer.png) repeat-x; color:#DCE4EB; font-size:10px; height:40px; margin:0;} #footer p {float:left; width:620px; padding:6px 12px 0 12px; line-height:22px;} #footer a {color:#DCE4EB; text-decoration:none;} #footer a:hover {text-decoration:underline;} /* "site by cdevision" */ p#props {float:right !important; width:140px; color:#B0C7D9; text-align:right;} p#props a {color:#B0C7D9;} #adminmenu { font:normal 10px Arial, Verdana, Helvetica, sans-serif; width:125px; clear:both; font-size:11px; position:absolute; right:0; top:15px; } #adminmenu table { text-align:left; background-color:#FFFFFF;width:125px;height:80px;} #adminmenu a {text-decoration:none; color:#000000;}