/* body */ body { margin:0; padding:0;background:#9d3f1a url(images/body_bg.jpg) repeat-x 0 158px;font: normal 12px verdana, arial, helvetica, sans-serif; } /* general */ a img {border:0;} /* container */ #container {width:962px; margin:20px auto 0;} /* header */ #header {background:#fff;height:137px;float:left;width:960px;border:1px solid #000;border-bottom:5px solid #003835;margin:0 0 0;} /* logo */ #header #logo { float:left;margin:0; padding:0;height:137px; width:380px;text-decoration:none;overflow:none;} /* splash */ #header #splash { float:right; height:120px;overflow:hidden; width:580px;background: url(images/hdr-splash-01.jpg) no-repeat top left;} /* nav */ #header #mainNav {float:right; margin: 0; padding:0; width:580px;height:17px;overflow:hidden;} #header #mainNav li { float:left; list-style:none; margin:0; padding:0;} #header #mainNav li a {float:left; font: bold 12px/12px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; height:14px; padding:3px 13px 0; text-transform:uppercase;} #header #mainNav li a.realtor {padding:3px 0 0;width:125px;text-align:center;} #header #mainNav li a:link, #header #mainNav li a:visited{color:#003835;text-decoration:none; } #header #mainNav li a:hover, #header #mainNav li a:active, #header #mainNav li a.active {background:#003835;color:#fff!important;text-decoration:none; } /* page */ #page {clear:both;float:left;width:960px;background: #fff url(images/page-bg.gif) no-repeat bottom right;border:1px solid #000;border-top:0px solid #000;margin:0 0 0;} /* content */ #content {float:right; width:510px; padding:45px 35px 0;position:relative;} /* general content */ #content h1 { width:510px;clear: left;color:#00504F; font: normal 32px/32px 'Arial Narrow', Arial, verdana, sans-serif; margin:0 0 10px 0; padding:0; text-transform:uppercase;letter-spacing:-1px;text-align:center;} #content h2 { color:#891c1e; font: bold 14px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; margin:0 0 15px 0;padding:0;text-align:center;} #content h3 { color:#9f3b21;font: bold 11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; margin:0 0 8px 0;padding:0;} #content p{font: normal 11px/16px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; margin:0 0px 10px 0;} #content ul{font: normal 11px/14px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; margin:0 0 0 15px;padding:0;} #content ul li{ margin: 0 0 5px 0;} #content address {font: bold 14px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; } #content a:link, #content a:visited {color:#004477; } #content a:hover, #content a:active {color:#fff;background:#004477; text-decoration:none;} /* news items */ #content .news {border-bottom:1px solid #999; padding: 10px 0; width:500px} #content .news h2 {margin:0; text-align:left;} #content .news p.date {color:#666666;margin:0 0 10px 0;padding:0;font: normal 9px verdana, arial, helvetica, sans-serif; } #content .news p {margin:0 0 10px 0;padding:0;} /* nav */ #content #nav, #content #nav ul { line-height: 1; list-style: none; margin: 0; padding: 0; } #content #nav { height: 21px; } #content #nav { background: #8b3b21; float: right; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 580px; } #content #nav a { display: block; font: normal 10px/10px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; height: 16px; padding: 5px 0 0; text-align: center; text-transform: uppercase; } #content #nav li a:link, #content #nav li a:visited { color: #fff; text-decoration: none; } #content #nav li a:hover, #content #nav li a:active, #content #nav li a.active { background: #6D2F14; color: #fff; text-decoration: none; } #content #nav li ul li a:link, #content #nav li ul li a:visited { color: #fff; text-decoration: none; } #content #nav li ul li a:hover, #content #nav li ul li a:active, #content #nav li ul li a.active { background: #8f4221; color: #fff; text-decoration: none; } #content #nav li { float: left; margin: 0; padding: 0; } #content #nav li#rancho, #content #nav li#rancho li { width: 110px; } #content #nav li#rancho a { width: 110px; } #content #nav li#locationLink a { width: 80px; } #content #nav li#servicesLink a { width: 110px; } #content #nav li#environmentLink a { width: 150px; } #content #nav li#downloadsLink a { width: 70px; } #content #nav li#contactLink a { width: 60px; } #content #nav li ul { background: #6D2F14; left: -999em; position: absolute; width: 110px; } #content #nav li:hover ul, #content #nav li.sfhover ul { left: auto; } #content #contactInfo {float:right;width:165px;} #content #contactInfo h2 {text-align:left;margin:0 0 8px 0;padding:0;border-bottom: 1px solid #DFC7B5;} #content #contactInfo h3 {text-align:left;margin:0 0 2px 0;padding:0;font-size:11px;} #content #contactInfo ul.phoneFax {margin:0 0 10px 0; padding:0;} #content #contactInfo ul.phoneFax li {margin:0 0 2px 1px; padding:0; list-style:none;font-size:11px; font-weight:bold;} #content #contactInfo address {margin:0 0 10px 1px; padding:0; list-style:none;font-size:11px; font-weight:bold;font-style:normal;} #content .relatedLinks {margin:0; padding:0;} #content .relatedLinks li {margin:0; padding:0; list-style:none;display: inline;} #content .relatedLinks li a {float:left; padding:0 5px; border-right:1px solid #ddd;} /* pdf links */ #content ul.pdf { float: left; list-style-type: none; margin: 0; padding: 0; width: 99%; } #content ul.pdf li { background: url(images/pdf.gif) no-repeat 0px 3px; border-bottom: 1px solid #ccc; clear: both; float: left; font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 7px 0 10px 37px; width: 86%; } #content ul.pdf li em { color: #666666; display: block; font-size: 11px; font-style: normal; font-weight: normal; margin: 1px 0 5px 1px; } #content ul.pdf li em strong { color: #333; } #content ul.pdf.realtors { } #content ul.pdf.realtors li { background: none; border-bottom: 1px solid #ccc; clear: both; float: left; font-size: 11px; font-weight: noral; margin: 0 0 10px 0; padding: 0px 0 10px 0; width: 100%; } #content ul.pdf.realtors li em { color: #666666; display: block; font-size: 11px; font-style: normal; font-weight: normal; margin: 0px 0 5px 1px; width:87%; padding:0;} #content ul.pdf.realtors li em strong { color: #333; } /* forms */ #content form {float:left;width:300px;padding:0px 15px 15px;margin: 0;position:relative;} #content form fieldset {padding:0; margin:0; border:0px solid #000;} #content form fieldset legend {display:none;} #content form p{ padding:0;margin:0 0 10px 0;font: bold 12px 'Trebuchet MS', verdana, arial, helvetica, sans-serif margin:0 0 0.95em 0;} #content form p label {display:block; padding:0 0 0 2%;position:relative;} #content form p label span.required {display:none;} #content form p label em {font-size:11px;} #content form p input, #content form p textarea{ width:95%;margin:0 0 0 2%;} #content form p.submit {margin:20px 0 0 0;} #content form p.submit input {width:auto;} #content form #verify img {float:left;margin:0 0 0 10px;} #content form #verify input{float:left;width:60px;} #content form fieldset fieldset {padding:0; margin:10px 0 0 2px; color:#000;} #content form fieldset fieldset legend {display:none;} #content form fieldset fieldset p {margin:0px;} #content form fieldset fieldset #verify input, #content form fieldset fieldset #verify img{margin-top:2px;} /* form errors */ #content .errors {margin:0 0 0.95em 0;float:left;width:330px;} #content .errors { background:darkred;margin:5px 0;} #content .errors h4 { background:red;font: bold 11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;color:#fff; margin:0;padding:5px;} #content .errorlist { color:#fff; } #content .errorlist li {font: normal 11px/13px georgia, verdana, arial, helvetica, sans-serif} #content .errors p {font: bold 11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; color:#fff; margin:0!important;padding:0.65em!important;background:red;} /* form success */ #content .success { background: green; color:#fff; padding:20px;float:left;width:290px;} #content .success a:link, #content .success a:visited { color:#fff;} #content .success a:hover, #content .success a:active{ background:#fff;color:green;} /* sidebar */ #sidebar {float:left;position:relative;width:380px;height:479px;overflow:hidden!important;} /* slides */ #sidebar .slides { position: relative;} #sidebar .slides h3{ font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif;color:#000;position: absolute; top:0; left:0;margin:0;padding:6px 0 0 0;height:15px;width:380px;text-align:center;background:#000;filter: alpha(opacity=60); khtml-opacity: 0.6; moz-opacity: 0.6; opacity: 0.6;z-index:100;} #sidebar .slides h3 span{ text-transform:uppercase;color:#fff;} #sidebar .slides .pagination { position: absolute;top: 0;left:0;z-index:200; } #sidebar .slides .pagination p.numbers { display:none;} #sidebar .slides .pagination a { display: none; } #sidebar .slides .pagination a.next, #sidebar .slides .pagination a.previous { display: block; height: 13px; overflow: hidden; position: absolute; text-align: left; text-indent: -1000em; top: 5px; width: 15px; z-index:200;} #sidebar .slides .pagination a.next { background: url(images/gallery-arrow-right.gif) no-repeat center center; left: 240px; } #sidebar .slides .pagination a.previous { background: url(images/gallery-arrow-left.gif) no-repeat center center; left: 125px; } #sidebar .slides .slide {width:380px; overflow:hidden;} #sidebar .slides .slide img {border:none;float:left;margin:0; padding:0;width:380px;} #sidebar .slides .slide a#lotSampleLink {display:block;position:absolute; bottom:143px; left:2px;padding:2px 0;width:80px;font: normal 9px Verdana, Arial, Helvetica, sans-serif;text-transform:; text-decoration:none;text-align:center;} #sidebar .slides .slide a#lotSampleLink:link, #sidebar .slides .slide a#lotSampleLink:visited {border-top:1px solid pink;border-left:1px solid pink;border-right:1px solid darkred;border-bottom:1px solid darkred;color:#FFFFFF;background:red;} #sidebar .slides .slide a#lotSampleLink:hover, #sidebar .slides .slide a#lotSampleLink:active {border-top:1px solid red;border-left:1px solid red;border-right:1px solid red;border-bottom:1px solid red;color:red;background:#fff;} #sidebar .slides .slide a#ranchoAreaLink {background: url(/images/centralamerica.jpg) no-repeat -200px -228px; overflow:hidden;display:block;position:absolute; top:228px; left:200px;width:95px;padding:55px 5px 0 5px;height:50px;font: normal 9px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;text-align:center;} #sidebar .slides .slide a#ranchoAreaLink:link, #sidebar .slides .slide a#ranchoAreaLink:visited {border:1px solid #4C97AF;text-indent:-3000em;} #sidebar .slides .slide a#ranchoAreaLink:hover, #sidebar .slides .slide a#ranchoAreaLink:active {border:2px solid #005CA7;text-indent:0;color:#000;font-weight:bold;} /* footer */ #footer { float:left; clear:both; width:940px;padding:10px;color:#EF8359;font: normal 9px Verdana, Arial, Helvetica, sans-serif;} #footer h4 { float:left; width:49%;margin:0; padding:0;font: normal 9px Verdana, Arial, Helvetica, sans-serif;} #footer p { float:right; width:49%;margin:0; padding:0;text-align:right;font: normal 9px Verdana, Arial, Helvetica, sans-serif;} #footer a:link, #footer a:visited {color:#EF8359;} #footer a:hover, #footer a:active {color:#000; background:#EF8359;text-decoration:none;}