/* ----- CSS ----- */ *{ margin:0; padding:0; border:0; } html{ font:0.8125em Georgia, serif; height:100%; } body{ font-size:0.88em; line-height:1em; color:#726752; background:#fff url(../images/bg-body.jpg) repeat top left; height:100%; } /* ----- ID ----- */ div#page{ position:relative; min-height:100%; height:100%; voice-family:"\"}\""; voice-family:inherit; height:auto; } html>body div#page{ height:auto; } div#logoContactWrapper{ background-color:#fff; } div#logoContact{ margin:0 auto 0 auto; padding:15px 0 15px 0; width:780px; } div#logoContact div#logo{ float:left; width:200px; height:46px; background:transparent url(../images/logo.gif) no-repeat top left; } div#logoContact div#contact{ float:right; line-height:1.2em; width:236px; } div#titleBarWrapper{ background-color:#007CC2; } div#titleBar{ margin:0 auto 0 auto; width:780px; height:50px; background:transparent url(../images/introducing-marble-works.gif) no-repeat 398px 9px; } div#menuWrapper{ background-color:#7C6A55; border-bottom:5px solid #C2BE70; } div#menu{ margin:0 auto 0 auto; width:780px; } div#menu ul{ margin:0; padding:0; list-style-type:none; background-color:#7C6A55; } div#menu li{ margin:0; padding:0; float:left; height:26px; } div#menu li a{ display:block; text-indent:-9999px; text-align:center; line-height:26px; height:26px; color:#fff; } div#menu li a:hover{ border:none; } div#menu li#home a{ width:68px; background:transparent url(../images/menu.gif) no-repeat 0px 0px; } div#menu li#home a:hover, div#menu li#home a.active{ background:transparent url(../images/menu.gif) no-repeat 0px -26px; } div#menu li#plans a{ width:63px; background:transparent url(../images/menu.gif) no-repeat -68px 0px; } div#menu li#plans a:hover, div#menu li#plans a.active{ background:transparent url(../images/menu.gif) no-repeat -68px -26px; } div#menu li#features a{ width:84px; background:transparent url(../images/menu.gif) no-repeat -131px 0px; } div#menu li#features a:hover, div#menu li#features a.active{ background:transparent url(../images/menu.gif) no-repeat -131px -26px; } div#menu li#location a{ width:85px; background:transparent url(../images/menu.gif) no-repeat -215px 0px; } div#menu li#location a:hover, div#menu li#location a.active{ background:transparent url(../images/menu.gif) no-repeat -215px -26px; } div#menu li#showroom a{ width:98px; background:transparent url(../images/menu.gif) no-repeat -300px 0px; } div#menu li#showroom a:hover, div#menu li#showroom a.active{ background:transparent url(../images/menu.gif) no-repeat -300px -26px; } div#menu li#developers a{ width:101px; background:transparent url(../images/menu.gif) no-repeat -398px 0px; } div#menu li#developers a:hover, div#menu li#developers a.active{ background:transparent url(../images/menu.gif) no-repeat -398px -26px; } div#menu li#sales a{ width:62px; background:transparent url(../images/menu.gif) no-repeat -499px 0px; } div#menu li#sales a:hover, div#menu li#sales a.active{ background:transparent url(../images/menu.gif) no-repeat -499px -26px; } div#menu li#contact a{ width:79px; background:transparent url(../images/menu.gif) no-repeat -561px 0px; } div#menu li#contact a:hover, div#menu li#contact a.active{ background:transparent url(../images/menu.gif) no-repeat -561px -26px; } div#contentWrapper{ padding-bottom:90px; } div#content{ margin:0 auto 0 auto; padding-top:10px; width:780px; } div#footerWrapper{ width:100%; position:absolute; bottom:0; background:transparent url(../images/bg-footer.jpg) repeat top left; } div#footer{ position:relative; margin:0 auto 0 auto; padding:6px 0 6px 0; width:780px; font-size:0.88em; text-align:center; } div#popupPage{ text-align:center width:100%; padding:10px 10px 0 10px; } div#popupPage img{ background-color:#fff; padding:10px; } /* ----- CLASSES ----- */ #qtvr{ width:400px; padding:2px; border:2px solid #7C6A55; } .clearFloat:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearFloat{display:inline-table;} /* Hides from IE-mac \*/ .clearFloat{display:inline-block;} .clearFloat{display:block;} * html .clearFloat{height:1px;} /* End hide from IE-mac */ div#logoContact div#contact span.name{ } .success{ color:#fff; background-color:#7B9553; padding:5px; border:1px solid #6B804D; } .error{ color:#fff; background-color:#A86474; padding:10px 0 5px 0; border:1px solid #804D59; } /* ----- HEADINGS ----- */ h1{ font-size:1.5em; line-height:1em; font-weight:normal; color:#007CC2; margin:1.5em 0 1em; } h2{ font-size:1.25em; line-height:1em; font-weight:normal; margin:1.5em 0 .5em; } #rightColumn h2{ margin:2em 0 .5em; } h3{ font-size:1em; line-height:1em; font-weight:bold; text-transform:uppercase; margin:1.5em 0 1em; padding:0 0 .5em 0; color:#5D6067; border-bottom:1px dotted #5D6067; clear:both; } /* ----- PARAGRAPHS ----- */ p{ text-align:left; font-size:1.025em; line-height:1.5em; margin:0.5em 0 1em; } p.flashFloorPlan{ padding:2px; border:2px solid #7C6A55; } /* ----- QUOTES ----- */ /* ----- DEFINITIONS ----- */ /* ----- LISTS ----- */ ul, ol{ padding:0.75em 0 0 0; line-height:1.2em; } li{ padding:0 0 .75em 0; } div#leftColumn li{ margin-left:25px; } div#rightColumn li{ list-style-type:none; padding-left:12px; background:transparent url(../images/arrow.gif) 0 0.2em no-repeat; } /* ----- IMAGES ----- */ img.right{ float:right; margin:30px 0 30px 20px; } img.left{ float:left; margin:30px 20px 30px 0; } h1 img, p img{ padding:2px; border:2px solid #7C6A55; } img.developer{ float:left; margin:0 15px 20px 0; } span.photoandcredit{ margin:0; padding:0; font-size:9px; font-style:italic; text-align:left; display:block; line-height:9px; } img.StarRightFloat { border: 0px; float: right; } /* ----- TEXT FORMATTING ----- */ strong{ color:#007CC2; font-weight:normal; } small{ font-size:0.75em; } /* ----- LINKS ----- */ a{ text-decoration:none; color:#B2B25A; } a:hover{ border-bottom:1px solid #B2B25A; } a img, a.noHover{ border:none; } div#logoContact div#logo a{ display:block; height:46px; } div#footer a{ color:#505A5B; } div#footer a:hover{ border-bottom:1px solid #505A5B; } a.active{ color:#726752; } a.noline{ border:0; } /* ----- TABLES ----- */ table{ width:100%; line-height:1.2em; margin:0.5em 0 1.5em; } .th{ color:#fff; background-color:#6B804D; } td{ color:#5D4F3F; vertical-align:top; padding:5px; background-color:#E2DFD2; } td.alt{ background-color:#B6C6A0; } td a{ color:#761F0E; } /* ----- FORMS ----- */ form{ padding:0; margin:20px 0 0 0; } .formrow{ margin:0 0 10px 0; display:block; padding:0; } .formrow label{ float:left; width:100px; padding:2px 0 0 0; text-align:left; } .formrow input, .formrow textarea{ width:300px; border:2px solid #E6E7E8; padding:1px 2px 2px 2px; color:#636468; background:#FAFAFB; font-family:inherit; font-size:inherit; } .formsubmit{ padding:0; text-align:left; margin:0 0 0 100px; } .formsubmit input{ padding:0; border:0; } button{ border:0; padding:0; margin:0; background-color:transparent; cursor:pointer; } /* ----- OTHER ----- */