/*Eric Myer Reset http://meyerweb.com/eric/tools/css/reset/*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} /** * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */ html {font-size: 62.5%;} body { font-size: 14px; font-size: 1.4rem; line-height: 150%;} /* =14px */ /* @ IE Type size equalizer tweak */ * html body{font-size:63%;height:100%;} /*body { font:12px/1.231 sans-serif; *font-size:small; }*/ /* Hack retained to preserve specificity */ select, input, textarea, button { font:99% sans-serif; } /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /** * Minimal base styles. */ /* Always force a scrollbar in non-IE */ html { overflow-y: scroll; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } ul, ol { margin-left: 0; } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } em { font-style:italic; } strong, th { font-weight: bold; } td { vertical-align: top; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre{/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px;} textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ .ie6 legend, .ie7 legend { margin-left: -7px; } /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #eeefe7; color:#fff; text-shadow: none; } ::selection { background:#eeefe7; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #cdda44; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /** * You might tweak these.. */ body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color: #676a4d; /* Set your base font here, to apply evenly */ font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; } /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */ h1, h2, h3, h4, h5, h6 { font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; font-weight: bold; text-rendering:optimizeLegibility;} a, a:active, a:visited { color: #676A4D;text-decoration: none;} a:hover { color: #444; } a, input, textarea {outline-style:none;} /* Forms ================================================================================================================ */ form div.input{float:left;margin:0 20px 20px 0;width:190px;} form div.inputWrapper, form div.checkboxWrapper, form div.textInputWrapper{float:left;margin:0 30px 20px 0;} form div.last, form div.inputWrapper.last {margin:0 0 20px 0;} div.inputShort{/*width:180px;*/width:190px;} div.inputMed{/*width:285px;*/width:300px;} div.inputLong{/*width:600px;*/width:630px;} body#contact div.inputShort{width:202px;} body#contact div.inputMed{width:318px;} body#contact div.inputLong{width:668px;} form div.required{color:#333;font-weight:bold;} .ie7 div.checkbox label {position: relative;left: -5px;} .ie8 div.checkbox {position: relative;} .ie8 div.checkbox input {width: 13px;height: 13px;*overflow: hidden;position: absolute;top:0;left:-2px;} .ie8 div.checkbox label {vertical-align: top;padding-left: 22px;} label{color:#676A4D;display:block;font-weight:bold;font-size:12px;padding-right:20px;} form div.checkboxWrapper input {width: 13px;height: 13px;overflow: hidden;} form div.checkboxWrapper label {position: relative;top:-2px;} form div.error label{color: #AF1121;} div.errorMessage{color: #AF1121;font-size:15px;font-weight:bold;font-style:italic;line-height:120%;margin:0px 0px 20px 0px;/* padding:10px;*/} form div.submit{clear:both;} input,textarea{clear:both;display:block;font-size:90%;/*font-family:"frutiger linotype","lucida grande","verdana",sans-serif;*/padding:4px;width:100%;border: 1px solid #d4d7bd;} input:focus, textarea:focus { outline: none; border-color: rgba(212, 215, 189, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(212, 215, 189, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(212, 215, 189, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(212, 215, 189, 0.6); } select{clear:both;font-size:80%;vertical-align:text-bottom;width:100%;} select[multiple=multiple]{width:100%;} option{font-size:80%;padding:0 3px;} input[type=checkbox]{border:none;clear:left;float:left;margin:0px 6px 7px 2px;width:auto;} input[type=submit]{display:inline;font-size:80%;/*padding:2px 5px;*/width:auto;vertical-align:bottom;} input[type=hidden]{display:none;visibility:hidden;} /* Notices and Errors ================================================================================================================ */ div.flashMessageError{background-color:#B70F00;color:#fff;font-size:14px;padding:10px;text-align:center;} div.message{clear:both;color:#a5c770;font-size:140%;font-weight:bold;margin:1em 0;} div.error-message{clear:both;color:#AF1121;font-size:80%;font-weight:bold;} /* Utility Classes ================================================================================================================ */ .clear{clear:both;} .clearLeft{clear:left;} .clearRight{clear:right;} .padder{padding:0 20px 20px 20px;} .btn { font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; text-transform: uppercase; cursor: pointer; display: inline-block; background-color: #AF1121; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e02134), color-stop(25%, #e02134), to(#AF1121)); background-image: -webkit-linear-gradient(#e02134, #e02134 25%, #AF1121); background-image: -moz-linear-gradient(top, #e02134, #e02134 25%, #AF1121); background-image: -ms-linear-gradient(#e02134, #e02134 25%, #AF1121); background-image: -o-linear-gradient(#e02134, #e02134 25%, #AF1121); background-image: linear-gradient(#e02134, #e02134 25%, #AF1121); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02134', endColorstr='#AF1121', GradientType=0); padding: 5px 14px 4px; /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/ color: #fff; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; transition: 0.1s linear all; } .btn:hover { background-position: 0 -15px; color: #fff; text-decoration: none; } .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } /** * Primary styles * * Author: Jeremy Alford, Tracy Floyd. Coalesce, Inc. (CoalesceDesign.com) */ /* --- General Structure --- */ body {background: #eeefe7 url('/img/bg_nav.png') repeat-x;} h1 { font-size: 26px;font-size: 2.6rem;line-height: 30px;line-height: 3rem;color: #AF1121; } #header{position: absolute;top:0;height:60px;margin:0 auto;background: url('/img/bg_nav.png') repeat-x;z-index: 100;} #nav a#logo{display: block;position:absolute;top:0;left:0;z-index: 2;width:260px; height:58px;background: url('/img/logo2.png') no-repeat;} #nav a#logo:hover {background: url('/img/logoOn.png') no-repeat;} #nav {position:relative;width:960px;margin:0 auto;height:60px;z-index: 1;} #nav ul {position: relative;float: right;border-right: 1px solid #dfe1ce;} #nav ul li a:link,#nav ul li a:hover,#nav ul li a:visited,#nav ul li a:active{display:block;font-family:Palatino,"Palatino Linotype","Hoefler Text",Times,"Times New Roman",serif;font-size:15px;font-size:1.5rem;line-height:20px;line-height:2rem;font-weight:500;color:#676a4d;padding:16px 11px 11px 11px;border-left:1px solid #dfe1ce;text-shadow:1px 1px 0px #e4e7ce;filter:dropshadow(color=#e4e7ce,offx=1,offy=1);} #nav ul li a:hover{color:#c62132;background:url('/img/bg_navHover.png') repeat-x;} #nav ul li a.active{color:#c62132;background:url('/img/bg_navHover.png') repeat-x;} /*.ie6 #nav ul li a:link,.ie6 #nav ul li a:hover,.ie6 #nav ul li a:visited,.ie6 #nav ul li a:active,*/ /*.ie6 #nav ul li a:link,.ie6 #nav ul li a:hover,.ie6 #nav ul li a:visited,.ie6 #nav ul li a:active {padding: 14px 11px 13px 11px;}*/ .ie7 #nav ul li a:link,.ie7 #nav ul li a:hover,.ie7 #nav ul li a:visited,.ie7 #nav ul li a:active, .ie7 #nav ul li a:link,.ie7 #nav ul li a:hover,.ie7 #nav ul li a:visited,.ie7 #nav ul li a:active {padding: 14px 11px 13px 11px;} /* LEVEL ONE */ #nav ul li {font-weight: bold; float: left; zoom: 1;} #nav ul li a{ display: block;} #nav ul li:last-child a { border-right: none; } /* Doesn't work in IE */ #nav ul li.hover, #nav ul li:hover {color:#c62132;background: url('/img/bg_navHover.png') repeat-x; position: relative; } #nav ul li.hover a { color:#c62132; } /* LEVEL TWO */ #nav ul ul { width: 220px;overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 0; background: url('/img/subnavShadow.png') repeat-x;padding-top: 4px;} #nav ul ul li {font-size: 13px;font-size: 1.3rem;line-height: 19px;line-height: 1.9rem;font-weight: normal; background: #d4d7bd; color: #000; border-bottom: 1px solid #e0e2cf; float: none; } #nav ul ul li a:link, #nav ul ul li a:hover, #nav ul ul li a:visited, #nav ul ul li a:active {font-size: 13px;font-size: 1.3rem;line-height: 19px;line-height: 1.9rem;padding: 3px 0 2px 5px;} #nav ul li.hover ul li a {color:#676a4d;background-image: none;font-size: 13px;font-size: 1.3rem;line-height: 19px;line-height: 1.9rem;} #nav ul li.hover ul li.hover, #nav ul li.hover ul li:hover {/*background-color:#e7e9da;background-image: none;*/ position: relative; } #nav ul li.hover ul li:hover a:hover, #nav ul li.hover ul li.hover a {color:#c62132;/*background-color:#e7e9da;background-image: none;*//* font-style:italic;*/} .ie7 #nav ul ul li a:link,.ie7 #nav ul ul li a:hover,.ie7 #nav ul ul li a:visited,.ie7 #nav ul ul li a:active, .ie7 #nav ul ul li a:link,.ie7 #nav ul ul li a:hover,.ie7 #nav ul ul li a:visited,.ie7 #nav ul ul li a:active {display: inline-block;padding: 3px 0 2px 5px;} /* IE 6 & 7 Needs Inline Block */ #nav ul ul li a { border-right: none; width: 100%; display: inline-block; background-image: none;} #nav ul ul li a:hover {background-image: none;} /* LEVEL THREE */ #nav ul ul ul { left: 100%; top: 0; } #nav ul li:hover > ul { visibility: visible; } #wrap {background: url('/img/bg_content.png') repeat-y; position:relative;margin:0 auto;width:960px;padding:47px 0px 0px 0px;} #pages #wrap, #contact #wrap {padding:65px 0px 0px 0px;} #main{width:680px;padding:0 10px;float:right;} #main h2{font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;text-transform:uppercase;color:#af1121;border-bottom:1px solid #dbddce;margin-bottom:10px;} #main h3{font-size:16px;font-size:1.6rem;line-height:22px;line-height:2.2rem;color:#af1121;font-style:italic; margin-bottom:10px;} #main p {margin-bottom: 10px;} #main ul.about_list li{background:url('/img/arrow_lists.png') no-repeat 0 5px;padding-left:12px;margin-bottom:5px;font-weight:bold;float:left;width:300px;} #main ul li{background:url('/img/arrow_lists.png') no-repeat 0 5px;padding-left:12px;margin-bottom:5px;font-weight:bold;} #main ul li ul{border-left:1px solid #d4d7bd;margin-top:5px;} #main ul li ul li{background-image:none;padding-left:10px;font-weight:normal;font-style:italic;} #main ul li p {font-weight: normal;} #main ul.thumbs{float:left;width:660px;margin:0;padding:0;} #main ul.thumbs li{float:left;margin:0;padding:0;background-image:none;} #main ul.thumbs li a{display:block;margin:0 10px 10px 0;} #main ul.thumbs li a img{border:1px solid #7b7d6c; width:152px;} #main ul.thumbs li a:hover img{border:1px solid #999;} /*#main p.introText{font-size:15px;font-size:1.5rem;line-height:22px;line-height:2.2rem;}*/ #main ul.properties {} #main ul.properties li{background-image:none;padding:0;clear:left;} #main ul.properties li a{} #main ul.properties li a img{float:left;margin:0 10px 10px 0;border:1px solid #b3b794;} #main ul.properties li a:hover img{border:1px solid #676A4D;} #main ul.properties li a span {display: block;} #main ul.properties li a span.name{font-size:16px;font-size:1.6rem;line-height:22px;line-height:2.2rem;color:#af1121;} #main ul.properties li a span.desc{line-height:19px;line-height:1.9rem;font-weight: normal;font-style:italic;} #main ul.properties li a span.moreLink{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-size:1rem;line-height:14px;line-height:1.4rem;font-weight:normal;text-decoration:underline;color:#af1121;text-transform:uppercase;} #main ul.properties li a:hover span.moreLink{color:#444;} #main ul#agents img {float: left;} #sidebar{width:240px;padding:0 10px;float:left;} #sidebar h2{font-size:13px;font-size:1.3rem;line-height:16px;line-height:1.6rem;text-transform:uppercase;color:#fff;padding:5px 10px 2px 10px;background:#b11222 url('/img/bg_sidebarh2.png') repeat-x;text-shadow:1px 1px 0px #a40313;filter:dropshadow(color=#a40313,offx=1,offy=1);-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;} #sidebar h3 {font-size:16px;font-size:1.6rem;line-height:20px;line-height:2rem;color:#af1121;margin-bottom: 5px;} #sidebar h4 {font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem;text-transform: uppercase;color:#af1121;} #sidebar div.sidebarBox{background-color:#eeefe7;border:1px solid #cbcfb0;border-top:none;padding:10px;margin-bottom:10px;} #sidebar div.contactInfo a {color: #676a4d;text-decoration: underline;} #sidebar div.contactInfo a:hover {color: #af1121;} #sidebar div.contactInfo div{border-top:1px solid #dbddce;margin-top:8px;padding-top:10px;} #sidebar div.contactInfo div p {font-size:13px;font-size:1.3rem;line-height:20px;line-height:2rem;} #sidebar a.pdfLink{display:block;height:24px;padding:14px 0 0 56px;background:url('/img/bg_pdfLink.png') no-repeat;margin-bottom:10px;font-size:13px;font-size:1.3rem;line-height:13px;line-height:1.3rem;font-weight:bold;text-transform:uppercase;color:#676a4d;text-shadow:1px 1px 0px #fff;} #sidebar a.pdfLink:hover {color: #af1121;background-position: 0 -42px;} #sidebar a.externalLink{display:block;padding:14px 0 0 6px;margin-bottom:6px;font-size:13px;font-size:1.3rem;line-height:13px;line-height:1.3rem;font-weight:bold;text-transform:uppercase;color:#676a4d;} #sidebar a.externalLink:hover {color: #af1121;} #sidebar div.agents ul li{position:relative;margin-bottom:10px;} #sidebar div.agents h3{margin:0 0 3px 0;} #sidebar div.agents img{float:left;border:2px solid #d4d7bd;margin:0 10px 5px 0;} #sidebar div.agents p{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-size:1rem;line-height:10px;line-height:1rem;color:#676A4D;text-transform:uppercase;} #sidebar div.agents p a{text-decoration:underline;} #sidebar div.agents p a.last{padding-left:3px;margin-left:2px;} #sidebar div.agents div{clear:left;margin:7px 0 0 0;padding:0 0 5px 0;border-bottom:1px solid #dbddce;} #sidebar div.agents div p{font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;font-size:13px;font-size:1.3rem;line-height:19px;line-height:1.9rem;text-transform:none;} #footer{width:950px;margin:0 auto;padding:15px 0px 13px 10px;border-bottom: 10px solid #eeefe7;position:relative;background:#a81423 url('/img/bg_footer.png') no-repeat top right;border-top:10px solid #eeefe7;font-size:13px;font-size:1.3rem;line-height:13px;line-height:1.3rem;font-weight:bold;text-align:left;color:#c9cbb5;text-shadow:1px 1px 0px #970c1a;filter:dropshadow(color=#970c1a,offx=1,offy=1);} #footer dl {font-size: 12px;font-size: 1.2rem;line-height: 13px;line-height: 1.3rem;margin: 5px 0 0 0;padding:0;} #footer dl dt, #footer dl dd {display: inline;} #footer dl dt {font-weight: normal;font-style:italic;} #footer dl dd {margin-right: 15px;} #footer dl dd a {color:#c9cbb5;} #footer dl dd a:hover {color:#efefef;} /* --- Homepage --- */ #homepage #wrap {background-color: #fff;background-image: none;} #homepage #slideshowContainer{display: block;position: relative;width:960px;height:268px;overflow: hidden;margin-bottom: 105px;} #homepage #slideshowContainer #slides li {width:960px;height:268px;} #homepage #slideshowContainer #slideNav{position: absolute;bottom:3px;right:10px;margin:0;padding:0;} #homepage #slideshowContainer #slideNav li{display:inline;margin:0;padding:0;} #homepage #slideshowContainer #slideNav li a{display:inline-block;width:13px;height:13px;margin:0 2px;background:url('/img/navigator.png') 0 0 no-repeat;} #homepage #slideshowContainer #slideNav li a:hover{background-position:0 -19px;cursor:pointer;} #homepage #slideshowContainer #slideNav li a.current{background-position:0 -37px;} .ie6 #homepage #slideshowContainer #slideNav, .ie7 #homepage #slideshowContainer #slideNav{position: absolute;bottom:8px;right:10px;} #homepage .introText{position:absolute;top:279px;width:490px;height:100px;padding:15px 25px;background:url('/img/bg_introText.png') no-repeat;z-index:200;} #homepage .introText h1 {font-size: 18px;font-size: 1.8rem;line-height: 22px;line-height: 2.2rem;margin-bottom: 5px;} #homepage .introText h1 em {color:#c62132;font-style:normal;} #homepage .introText p {font-size: 15px;font-size: 1.5rem;line-height: 20px;line-height: 2rem;} #homepage #wrap .learnMore{position:absolute;top:320px;right:40px;width:280px;background:url('../img/bg_learnMore.png') no-repeat 50% 50%;text-align:center;padding:30px;} #homepage #wrap .learnMore h2{font-size:20px;font-size:2rem;line-height:20px;line-height:2rem;margin-bottom:5px;} #homepage #wrap .learnMore p{font-size:15px;font-size:1.5rem;line-height:20px;line-height:2rem;font-weight:bold;color:#c62132;} #homepage #wrap .learnMore p em {font-weight: normal;} #homepage #wrap .learnMore p a {color:#c62132;} #homepage #wrap .learnMore p a:hover {color:#676a4d;} #homepage ul#categoryIntro {margin:0 0 10px 0;padding:0;} #homepage ul#categoryIntro li {display: inline;position: relative;margin:0 10px;padding:120px 0 0 0;width:300px;float: left;} #homepage ul#categoryIntro li.residential {background: url('/img/bg_residentialFeature.jpg') no-repeat;} #homepage ul#categoryIntro li.commercial {background: url('/img/bg_commercialFeature.jpg') no-repeat;} #homepage ul#categoryIntro li.apartments {background: url('/img/bg_apartmentFeature.jpg') no-repeat;} #homepage ul#categoryIntro li a{display:block;position:absolute;top:105px;left:-3px;width:301px;padding:4px 0 2px 5px;background-color:#a81423;color:#fff;font-size:12px;font-size:1.2rem;line-height:14px;line-height:1.4rem;font-weight:normal;letter-spacing:1px;letter-spacing:.1rem;text-transform:uppercase;} #homepage ul#categoryIntro li a:hover{color:#d9dcc5;background-color:#bf0e20;} #homepage ul#categoryIntro li a span{position:absolute;top:0;right:0;display:inline-block;width:20px;height:20px;background:#900d1a url('/img/i_arrow.png') no-repeat 60% 50%;} #homepage ul#categoryIntro li a:hover span{background-color: #ab0b1b;} #homepage ul#categoryIntro li div{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-size:1rem;line-height:13px;line-height:1.3rem;color:#676a4d;background-color:#d9dcc5;min-height:92px;padding:10px 10px 6px 10px;} .ie6 #homepage ul#categoryIntro li a span{top:1px;height:19px;background-position:60% 40%;} .ie6 #homepage ul#categoryIntro li div{height:94px;} /* ---Properties--- */ /*Properties Index Pages*/ #properties #content .indexMain, #properties #content .indexSidebar{padding-top:18px;} #properties #content .indexMain h1 {margin:0 0 6px 0;} #properties #content .indexMain span.iframeWrap {display: block;position: relative;width:680px;height:1130px;overflow:hidden;border-bottom: 1px solid #d4d7bd;} #properties #content .indexMain span.iframeWrap iframe{margin:-40px 0 0 -18px;} #properties #content .indexMain ul#listings {margin:0;padding:0;} #properties #content .indexMain ul#listings li {margin:0 0 5px 0;padding:0;background-image:none;} #properties #content .indexMain ul#listings li a { display: block; /* background-color: #d4d7bd;*/ background:#d4d7bd url('/img/i_plusMinus.png') no-repeat 658px 5px; padding: 5px 5px 1px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #properties #content .indexMain ul#listings li a:hover {/*background-color: #dde0c3;*/background:#dde0c3 url('/img/i_plusMinus.png') no-repeat 658px -18px;} #properties #content .indexMain ul#listings li a.active { color: #fff; background:#b11222 url('/img/i_plusMinus.png') no-repeat 658px -40px; /* background: #b11222 url('/img/bg_sidebarh2.png') repeat-x;*/ text-shadow: 1px 1px 0px #a40313; filter: dropshadow(color=#a40313,offx=1,offy=1); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #properties #content .indexMain ul#listings li a.active:hover {background:#b11222 url('/img/i_plusMinus.png') no-repeat 658px -66px;} #properties #content .indexMain ul#listings li p.disclaimer {font-size:13px;font-size:1.3rem;line-height:16px;line-height:1.6rem;font-weight:normal;font-style:italic;margin-top:10px;} /*Properties View Pages*/ #properties #content { /* background: transparent url('/img/sidebar_foundersCentre.jpg') no-repeat bottom left;*/ } /*Need to pull this out and make it inline in default.ctp layout.*/ #properties #sidebar{padding:166px 10px;} #properties #sidebar div.promo{position:relative;left:-20px;width:240px;font-size:17px;font-size:1.7rem;line-height:20px;line-height:2rem;/*color:#af1121;*//*color:#fff;*/color:#af1121;font-weight:bold;font-style:italic;/* background-color:#eeefe7;*//* background-color:#af1121;*/background-color:#ffd456;border:1px solid #cbcfb0;border-bottom:1px solid #f7c12c;border-top:none;padding:10px 10px 6px 10px;margin-bottom:10px;} #properties #sidebar div.promo img.corner{position:absolute;bottom:-10px;left:0;} #properties #main .topBanner{position:relative;left:-10px;width:700px;overflow:hidden;background-color:#fff;border-bottom:1px solid #cbccc1;} #properties ul.sectionTabs{width:673px;overflow:visible;margin:10px 0 0 0;padding:0 0px 0 7px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-top:1px solid #cdcfb8;border-bottom:1px solid #c9cbb5;background-color:#d4d7bd;} #properties ul.sectionTabs li{float:left;margin:0;padding:5px 0 0 0;background:url('/img/divider_sectionTab.png') no-repeat right top;font-weight: normal;} #properties ul.sectionTabs li.last {background-image:none;} #properties ul.sectionTabs li a{display:inline-block;margin:0;padding:5px 8px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-size:1.2rem;line-height:18px;line-height:1.8rem;color:#676a4d;text-align:center;text-shadow:1px 1px 0px #e9ecd0;filter:dropshadow(color=#e9ecd0,offx=1,offy=1);} #properties ul.sectionTabs li a:hover {color:#484a34;} #properties ul.sectionTabs li a.current{position:relative;background:#af1121 url('/img/bg_sectionTabActive.png') no-repeat;color:#fff;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;text-shadow:1px 1px 0px #a40313;filter:dropshadow(color=#a40313,offx=1,offy=1);} #properties ul.sectionTabs li a.current span{position:relative;padding-bottom:12px;background:transparent url('/img/arrow_sectionTabsActive.png') no-repeat 50% 100%;} .ie7 #properties ul.sectionTabs li a { font-size: 11px; font-size: 1.1rem; } #properties div.sections{width:680px;min-height:300px;background:url('/img/bg_sections.png') no-repeat center top;} #properties div.sections div {padding: 20px 15px;} #properties div.sections form div {padding:0;} #properties div.sections div a.viewLarger{display:block;margin:0 auto;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-size:1.1rem;line-height:11px;line-height:1.1rem;text-transform:uppercase;text-align: left;color:#676a4d;text-shadow:1px 1px 0px #e9ecd0;width:96px;height:17px;overflow:hidden;padding:6px 0 0 42px;background:url('/img/bg_viewLarger.png') no-repeat;} #properties div.sections div a.viewLarger:hover{color:#888c64;background-position:0 -27px;} #properties div.sections div.overview {} #properties div.sections div.overview p.intro{font-size:16px;font-size:1.6rem;font-weight: bold;} #properties div.sections div.overview ul.thumbs {margin-top: 15px;} #properties div.sections div.overview ul.thumbs li a{display:block;position:relative;width:208px;height:116px;margin:0 10px 10px 0;border:1px solid #7b7d6c;} #properties div.sections div.overview ul.thumbs li a:hover{/*border:1px solid #d4d7bd;*/border:1px solid #999;} #properties div.sections div.overview ul.thumbs li a span{display:block;position:absolute;bottom:4px;left:-3px;width:184px;padding:4px 0 2px 5px;background-color:#a81423;color:#fff;font-size:11px;font-size:1.1rem;line-height:14px;line-height:1.4rem;font-weight:normal;letter-spacing:1px;letter-spacing:.1rem;text-transform:uppercase;} #properties div.sections div.overview ul.thumbs li a:hover span{color:#d9dcc5;background-color:#bf0e20;} #properties div.sections div.overview ul.thumbs li a span strong{position:absolute;top:0;right:0;display:inline-block;width:20px;height:20px;background:#900d1a url('/img/i_arrow.png') no-repeat 60% 50%;} #properties div.sections div.overview ul.thumbs li a:hover span strong{background-color: #ab0b1b;} #properties div.sections div.plans div.plan{float:left;width:275px;margin:0 10px;} #properties div.sections div.plans div.plan h4{font-size:16px;font-size:1.6rem;text-align:center;color:#676a4d;text-shadow:1px 1px 0px #e9ecd0;filter:dropshadow(color=#e9ecd0,offx=1,offy=1);background:url('/img/bg_plansH4.jpg') no-repeat;margin:10px 0;padding:10px 0 0 0;} #properties div.sections div.plans div.plan h4 em{display: block;font-weight: normal;} #properties div.sections div.directions iframe {display: block;margin:0 auto 15px auto;border: 1px solid #d4d7bd;} #properties div.sections div.leftCol{width:420px;float:left;padding:0;} #properties div.sections div.rightCol{float:right;width:210px;padding:0;} #properties div.sections div.rightCol ul.thumbs, #properties div.sections div.rightCol ul.thumbs li{float:none;} #properties div.sections div.rightCol ul.thumbs li a{position: relative;} #properties div.sections div.rightCol ul.thumbs li a span.viewLarger{display:block;position:absolute;right:0;bottom:0;width:29px;height:21px;background:url('/img/i_viewLarger.png') no-repeat 0 0;z-index:10;} #properties div.sections div.rightCol ul.thumbs li a:hover span.viewLarger{background-position: 0 -25px;} #properties div.sections div#map div iframe{display: block;margin:0 auto;border: 1px solid #ecede3;} #properties div.sections div#map div small{display: block;margin:-15px 0 0 35px;} /* Styles for agents. */ #agents #content #main h1 {margin: 18px 0 10px 0; } #agents #content #main ul#agents li img.bioPhoto { margin: 0 10px 0 0; } /* Styles for listing pages (iframes are being used). */ #pages #content #main h1 {margin-bottom: 10px;} #pages #content #main span.iframeWrap {display: block;position: relative;width:680px;height:1130px;overflow:hidden;border-top: 1px solid #d4d7bd;border-bottom: 1px solid #d4d7bd;} #pages #content #main span.iframeWrap iframe{margin:-40px 0 0 -18px;} #pages #content #main p.disclaimer {font-size:13px;font-size:1.3rem;line-height:16px;line-height:1.6rem;font-weight:normal;font-style:italic;margin-top:10px;} /* ColorBox Core Style:The following CSS is consistent between example themes and should not be altered. */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;} #cboxOverlay{position:fixed;width:100%;height:100%;} #cboxMiddleLeft,#cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;} #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left;margin:auto;border:0;display:block;} .cboxIframe{width:100%;height:100%;display:block;border:0;} /* User Style:Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxTopLeft{width:25px;height:25px;background:url(/img/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px;background:url(/img/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px;height:25px;background:url(/img/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px;height:25px;background:url(/img/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px;background:url(/img/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px;height:25px;background:url(/img/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px;background:url(/img/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px;background:url(/img/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff;overflow:hidden;} #cboxError{padding:50px;border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute;bottom:0px;left:0;text-align:center;width:100%;color:#999;} #cboxCurrent{position:absolute;bottom:0px;left:100px;color:#999;} #cboxSlideshow{position:absolute;bottom:0px;right:42px;color:#444;} #cboxPrevious{position:absolute;bottom:0px;left:0;color:#444;} #cboxNext{position:absolute;bottom:0px;left:63px;color:#444;} #cboxLoadingOverlay{background:#fff url(/img/loading.gif) no-repeat 5px 5px;} #cboxClose{position:absolute;bottom:0;right:0;display:block;color:#444;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(/img/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(/img/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(/img/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(/img/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(/img/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(/img/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(/img/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(/img/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight{_behavior:expression(this.src = this.src ? this.src :this.currentStyle.backgroundImage.split('"')[1],this.style.background = "none",this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ",sizingMethod='scale')");} /* Colorbox overwrites */ #cboxLoadedContent{margin-bottom:32px;} #cboxCurrent{color:#fff;} #cboxClose{position:absolute;bottom:0;right:0;display:block;color:#676a4d;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-size:1.1rem;line-height:11px;line-height:1.1rem;text-transform:uppercase;background:url('/img/bg_colorboxClose.png') no-repeat;height:17px;width:54px;padding:6px 0 0 40px;} #cboxClose:hover {color:#888c64;background-position: 0 -27px;} #cboxNext, #cboxPrevious{bottom:5px;color:#676a4d;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-size:1.1rem;line-height:11px;line-height:1.1rem;text-transform:uppercase;} #cboxNext:hover, #cboxPrevious:hover{color:#888c64;} #cboxNext {margin-left:8px;} #cboxPrevious {border-right: 1px solid #676a4d;padding-right:5px;} /** * Non-semantic helper classes: please define your styles before this section. */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } /** * Media queries for responsive design. * * These follow after primary styles so they will successfully override. */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ /*html {min-width:1000px}*/ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ /*html {min-width:1000px}*/ } /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */ /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } html, body, #content, #patent_families #content, #main{padding:0;} #header, #sidebar, #footer {display: none;} #main {width:100%} #content #main p {font-size: 13pt;line-height: 16pt;} }