/* Home Builder Template CSS -------------------------- Company: LinkNow! Media -------------------------- /*CSS RESET*/ /*---------------------------------------------------------*/ @font-face { font-family: 'MuseoSlab300'; src: url('fonts/museo_slab_500-webfont.eot'); src: url('fonts/museo_slab_500-webfont.eot?iefix') format('eot'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo_slab_500-webfont.svg#webfontYnuMovmZ') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cooper Black'; src: url('fonts/coopbl-webfont.eot'); src: url('fonts/coopbl-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/coopbl-webfont.woff') format('woff'), url('fonts/coopbl-webfont.ttf') format('truetype'), url('fonts/coopbl-webfont.svg#Cooper Black') format('svg'); font-weight: normal; font-style: normal; } 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { background-position:50px 0px; font-family: "Trebuchet MS"; line-height: 1; background-image: url(images/pattern.png); background-repeat:repeat; z-index:1; } #background { width:1920px; height:50px; position: absolute; top:0px; z-index: -1000; background-image: url(images/pattern.png); background-repeat: repeat-x; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*THE REST*/ /*---------------------------------------------------------*/ hr {color:#242021; background-color:#242021; height: 2px; border: 0;} .thickhr {color:#242021; background-color:#242021; height: 8px; border: 0;} label {font-size: 12px; margin-left: 1px} td {color: #f2f2f2; font-weight: bold; font-size: 12px; padding: 0; margin-left: -10px; margin-top: 5px; width: 120px;} input {background: #353535; color: #f2f2f2; border: none; margin-bottom: 3px; padding: 0; width: 120px;height: 20px} #drop-down {background-color: #353535; color: #f2f2f2; padding: 0; margin-top: 5px; margin-left: 100px; width: 100px; height: 20px; border:none} textarea {background-color: #353535; color: #f2f2f2; border: none; width: 140px} .input {width: 150px; margin-top: 5px; margin-left: -80px; background-color: #222222; color: #f2f2f2} #option1 {font-size: 10px; margin-left: -8px; margin-top: 5px; width: 15px; height: 15px} #option2 {font-size: 10px; margin-left: -8px; margin-top: 5px; width: 15px; height: 15px} #option3 {font-size: 10px; margin-left: -8px; margin-top: 5px; width: 15px; height: 15px} #option4 {font-size: 10px; margin-left: -8px; margin-top: 5px; width: 15px; height: 15px} #google-mapping {height: 300px; width: 965px; margin: 15px 0px; float: left; border: 3px solid #242021} .checkbox {background-color: #000} /*-----------------Main Navigation Styles------------------*/ #main-nav {padding-left: 30px; width: 960px; margin-top: 5px; height: 36px; border-top: none;} #main-nav-phones {float: right; margin-top: 5px; font-size: 12px; text-decoration: none; color: #fff; margin-right: 8px; font-weight: bold;} #main-menu a{margin-top: 10px; float: left; margin-right: 30px; color: #29A2A2; font-size: 12px; font-family: "Trebuchet MS"; text-decoration: none; font-weight: bold;} #main-menu a.menuselected, #main-menu a:hover{color: #fff;} #main-menu img{position: relative; top: -4px;} /*---------------------------------------------------------*/ /*-----------------Header Styles------------------*/ #header {width: 100%; height: 130px;} #header-content {width: 960px; margin: 0px;} #companyinfo {float: left; margin: 0px; text-align: left;} #companyinfo h1 {font-family: "Trebuchet MS"; text-decoration: none; color: #222; font-size: 13px; letter-spacing:7px;} #companyinfo h2 a{font-size: 40px; margin-top: 0px; font-family: "Cooper Black"; font-weight: normal;} #header-left {padding: 15px;} #header-left h1 {margin-top: 10px; margin-bottom: 5px;} #header-left a {font-family: "Trebuchet MS"; text-decoration: none; color: #6e635a; font-size: 13px; } #header-left p {font-family: "Trebuchet MS"; color: #f44301; font-size: 18px; } #header-right {float: right; } #header-right ul {margin-left: 0px} #header-right li {font-size: 18px; color: #f66e00; font-weight: bold} #header-right li img {margin-left: 15px; } #form-top {background: url(images/form-top.png) no-repeat; clear: both; width: 350px; height: 50px; float:left; margin-top: -18px; margin-left: 575px } /*---------------------------------------------------------*/ /*-----------------Container Styles------------------*/ #container {width: 960px; margin: 0 auto; position: relative;} #home-form {position: absolute; top: 0px; left: 610px; width: 290px; height:260px; padding-top: 20px; background: url(images/form-bg.png) no-repeat; z-index: 2} #home-form p {width: 250px; color: #111111; font-size: 12.5px; text-align: left; padding: 5px; margin-bottom: 5px; margin-left: 15px; margin-top: 5px } #banner {width: 960px;} /* rotator in-page placement */ div#rotator {position:relative; height:290px; z-index: 1} /* rotator css */ div#rotator ul li {float:left; position:absolute; list-style: none;} /* rotator image style */ div#rotator ul li img {background: #FFF;} div#rotator ul li.show {z-index:500;} #full-content {width: 600px; float: left; margin-left: 30px; text-align: left;} #full-content h1 {color:#29A2A2; font-size: 22px; font-weight: normal; font-family: "Trebuchet MS"; padding-top:20px;} #full-content h2 {color:#29A2A2; font-size: 20px; font-weight: normal; font-family: "Trebuchet MS";} #full-content h3 {color:#29A2A2; font-size: 18px; font-weight: normal; font-family: "Trebuchet MS"; margin-top: 20px; margin-left: 0px} #full-content p {color: #fff; font-size: 12.5px; line-height: 18px; margin-bottom: 14px; margin-left: 0px} #full-content img {margin-top: 5px; padding-top: 3px} #full-content ul {list-style-type: none; margin-left: 20px; margin-top: 10px; text-align: left;} #full-content li {list-style-image: url(images/accept_item_16.png); line-height: 22px; margin-left: 24px; color: #090401; font-size: 12px; font-weight: normal; } #full-width-content {width: 920px; min-height: 400px; float: left; margin-left: 30px; text-align: left;} #full-width-content h1 {color:#fff; font-size: 22px; font-weight: normal; font-family: "Trebuchet MS";} #full-width-content h2 a{color:#29A2A2; font-size: 28px; font-weight: normal; font-family: "Trebuchet MS"; text-decoration: none;} #full-width-content h3 {color:#58370b; font-size: 22px; font-weight: normal; font-family: "Trebuchet MS"; margin-top: 20px; margin-left: 15px} #full-width-content p {color: #090401; font-size: 12.5px; line-height: 16px; margin-bottom: 14px; margin-left: 15px} #full-width-content img {margin-top: 5px; padding-top: 3px} #full-width-content ul {list-style-type: none; margin-left: 20px; margin-top: 10px;} #full-width-content li {background-image:url(images/li.png); background-position:0 50%; background-repeat:no-repeat; padding:0 0 10px 25px; color: #090401; font-size: 15px} #side-bar {width: 275px; float: left; margin-top: 10px; margin-left: 30px; margin-bottom: 5px; background-color: #b1aeae; padding: 10px; border: 1px solid #d5d5d5} #side-bar h2 {color:#242021; font-size: 21px; font-weight: normal; font-family: "Trebuchet MS";} #side-bar p {color: #090401; font-size: 12.5px; line-height: 16px; margin-bottom: 14px; margin-left: 15px} #side-bar img {margin-top: 5px; padding-top: 3px} #side-bar ul {list-style-type: none; margin-left: 20px; margin-top: 10px; text-align: left;} #side-bar li {list-style-image: url(images/accept_item_16.png); line-height: 22px; margin-left: 24px; color: #090401; font-size: 12px; font-weight: normal;} #side-bar a {color: #090401; text-decoration: none; font-weight: bold; font-size:13px;} #side-bar a:hover{text-decoration: underline;} #left-content {width: 400px; float: left; } #left-content h2 {color:#58370b; font-size: 28px; font-weight: normal; font-family: "Trebuchet MS";} #left-content p {color: #090401; font-size: 12.5px; line-height: 16px; margin-bottom: 14px; } #left-content img {margin-top: 5px; padding-top: 3px} #left-content ul {list-style-type: none; margin-left: 20px; line-height: 20px; margin-top: 10px;} #left-content li {background-image:url(images/li.png); background-position:0 50%; background-repeat:no-repeat; padding:0 0 10px 25px; color: #090401; font-size: 15px} #right-content {width: 470px; float: left; margin-left: 70px; } #right-content h1 {color:#58370b; font-size: 28px; font-weight: normal; font-family: "Trebuchet MS";} #right-content p {color: #090401; font-size: 12.5px; line-height: 16px; margin-bottom: 14px; } #right-content img {margin-top: 5px; padding-top: 3px} #bottom-left-content {float: left; width: 200px; padding-right: 0px; margin-right: 40px;} #bottom-left-content h2 {color:#58370b; font-size: 18px; font-weight: normal; font-family: "Trebuchet MS"; text-transform:uppercase;} #bottom-left-content p {color: #6e6e6e; font-size: 12px; line-height: 18px; font-weight: 600; } #bottom-left-content p.bold {font-weight: bold; color: #222222; font-size: 15px; } #bottom-left-content img {margin-top: 5px; padding-top: 3px} #bottom-left-content .paymentoptions img {margin: 0px 10px 10px 0px;} #bottom-left-content a {color:#58370b;} #bottom-left-content a:hover {text-decoration: none} #bottom-left-content-inner {background: url(images/banner-img.gif) no-repeat; width: 200px; height: 50px; text-align:center; padding-top: 8px;} #bottom-left-content-inner h2{font-family: "MuseoSlab300"; text-transform: uppercase; font-size: 16px; color: #fff;} #bottom-left-content-inner p{color: #fff;} #bottom-mid-content {float: left; width: 200px; margin-right: 40px; } #bottom-mid-content h2 {color:#58370b; font-size: 18px; font-weight: normal; font-family: "Trebuchet MS"; text-transform:uppercase;} #bottom-mid-content p {color: #6e6e6e; font-size: 12px; line-height: 18px; font-weight: 600; } #bottom-mid-content p.bold {font-weight: bold; color: #222222; font-size: 15px; line-height: 18px;} #bottom-mid-content img {margin-top: 5px; padding-top: 3px} #bottom-mid-content a {color:#58370b;} #bottom-mid-content a:hover {text-decoration: none} #bottom-mid-content-inner {background: url(images/banner-img.gif) no-repeat; width: 200px; height: 50px; text-align:center; padding-top: 8px;} #bottom-mid-content-inner h2{font-family: "MuseoSlab300"; text-transform: uppercase; font-size: 16px; color: #fff;} #bottom-mid-content-inner p{color: #fff;} #bottom-mid-content2 {float: left; width: 200px; margin-right: 40px} #bottom-mid-content2 h2 {color:#58370b; font-size: 18px; font-weight: normal; font-family: "Trebuchet MS"; text-transform:uppercase;} #bottom-mid-content2 p {color: #6e6e6e; font-size: 12px; line-height: 18px; font-weight: 600; } #bottom-mid-content2 p.bold {font-weight: bold; color: #222222; font-size: 15px; line-height: 18px;} #bottom-mid-content2 img {margin-top: 5px; padding-top: 3px} #bottom-mid-content2 a {color:#58370b;} #bottom-mid-content2 a:hover {text-decoration: none} #bottom-mid-content2-inner {background: url(images/banner-img.gif) no-repeat; width: 200px; height: 50px; text-align:center; padding-top: 8px;} #bottom-mid-content2-inner h2{font-family: "MuseoSlab300"; text-transform: uppercase; font-size: 16px; color: #fff;} #bottom-mid-content2-inner p{color: #fff;} #bottom-right-content {float: left; width: 240px; padding-bottom: 30px; margin-top: 10px; text-align: right;} #bottom-right-content ul {list-style-type: none; margin-left: 20px; margin-top: 10px;} #bottom-right-content li {background-image:url(images/li.png); background-position:0 50%; background-repeat:no-repeat; padding:0 0 10px 25px; color: #090401; font-size: 15px} #bottom-right-content h2 {color:#58370b; font-size: 20px; font-weight: normal; font-family: "Trebuchet MS"; text-transform:uppercase;} #bottom-right-content p {color: #fff; font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; line-height: 16px; text-align: center;} #bottom-right-content p.bold {font-family: "Trebuchet MS"; margin-top: 5px; font-weight: bold; color: #242021; font-size: 13px; line-height: 16px; text-align: center;} #bottom-right-content img {margin-top: 5px; padding-top: 3px} #bottom-right-content a {color:#58370b;} #bottom-right-content a:hover {text-decoration: none} #contact-left {float: left; width: 400px; padding-bottom: 30px; margin-left: 30px;} #contact-form {float: left; width: 400px; margin-top:10px; margin-left: 30px; padding-bottom: 30px; } #contact-left h2 {color:#58370b; font-size: 28px; font-weight: normal; font-family: "Trebuchet MS";} #contact-left h3 {color:#58370b; font-size: 18px; font-weight: normal; font-family: "Trebuchet MS"; margin-left: 20px;} #contact-left p {color: #090401; font-size: 13px; line-height: 20px;padding-left: 20px;} #contact-left p.bold {font-weight: bold; color: #222222; font-size: 15px; } #contact-left img {margin-top: 5px; padding-top: 3px} #contact-left .paymentoptions img {margin: 0px 10px 10px 0px;} #contact-left a {color:#58370b;} #contact-left a:hover {text-decoration: none} /*---------CONTACT FORM STYLE ------------------*/ #contact-form{width: 472px; clear: both; margin: 0px 0px 20px 0px; padding: 10px;} #contact-form h3.fail{ width: 472px; text-align: center; margin: 5px 0px 10px 0px; color: #ff0000;} #contact-form h3.success{ width: 472px; text-align: center; margin: 5px 0px 10px 0px; color: #0be600;} #contact-form input {width: 300px; height: 16px; padding: 5px;} #contact-form input.submit {width: 150px; height: 30px; } #contact-form textarea {width: 300px; height: 60px; padding: 5px; margin: 0px 0px 3px 0px;} #contact-form img {padding: 0px; float: left;} #contact-form table tr{margin: 0; padding: 0;} #contact-form table td{margin: 0; padding: 0; width: 120px;} #contact-form table td p.title{width: 110px; color: #fff;} /*---------------------------------------------------------*/ blockquote {line-height: 20px; color:#fff; margin:5px 10px; padding:5px 10px; font-style:italic;} blockquote .quote {font-family:"Times New Roman"; font-weight:bolder; line-height: 20px; font-size: 30px; margin:5px 5px;} /*---------------------------------------------------------*/ /*-----------------Footer Styles------------------*/ #footer {float: left; width: 100%; height: 160px; background: url(images/footer-bg.png) repeat-x; padding-top: 0px; font-family: "Trebuchet MS";} #footer-content {width: 960px; margin: 0 auto; border: none; padding-top: 20px;} #footer-left-content {float: left; width: 120px; margin-top: 1px; padding: 5px; text-align: left;} #footer-left-content ul {list-style-type: none; margin-left: 20px; margin-top: 10px;} #footer-left-content ul li a {color: #bac2af; font-size: 11px; text-decoration: none; line-height: 15px; font-weight: bold;} #footer-left-content ul li a:hover {text-decoration: underline} #footer-mid-content {float: left; width: 550px; margin-left: 25px; margin-top: 5px; padding: 12px; padding-bottom: 0px; margin-right: 15px;} #footer-mid-content h2 {color: #58370b; font-size: 17.5px; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 5px;} #footer-mid-content p {text-align: left; font-size: 10px; color: #5e6e64; line-height: 15px; padding: 0px} #footer-mid-content ul {list-style-type: none; margin-left: 20px; margin-top: 10px;} #footer-mid-content li {color: #b0d62b; font-size: 15px} #footer-mid-content li a {color: #b0d62b; font-size: 15px; text-decoration: none; line-height: 24px; } #footer-mid-content li a:hover {text-decoration: underline} #footer-mid-content p.copy {color: #bac2af; font-weight: bold; font-size: 10px; padding: 2px} #footer-mid-content p.copy a {font-size: 11.25px; color: #bac2af; text-decoration: none} #footer-mid-content p.copy a:hover {text-decoration: underline} #footer-mid-content p.copy2 {color: #bac2af; font-weight: bold; font-size: 10px; padding: 2px} #footer-mid-content p.copy2 a {font-size: 10px; color: #bac2af; text-decoration: none} #footer-mid-content p.copy2 a:hover {text-decoration: underline} #footer-right-content {float: left; width: 205px; margin-top: 12px; padding: 5px; text-align: left;} #footer-right-content h2 {color: #58370b; font-size: 17.5px; font-weight: bold; margin-top: 10px; margin-left: 20px; margin-bottom: 3px} #footer-right-content p {color: #e5e5e5; font-size: 10px; line-height: 16px; font-weight: normal;} #footer-right-content p.bold {font-weight: bold; color: #f2f2f2; font-size: 18px; line-height: 18px;} #footer-right-content a {color: #f2f2f2; font-size: 15px; text-decoration: none; line-height: 24px; } #footer-right-content a:hover {text-decoration: underline} /*--------------------------------------------------------- #footer-wrapper{ overflow:auto; padding-bottom: 160px; background-color: #000; clear:both; } #footer-wrapper-inner{ overflow:auto; padding-bottom: 160px; } */ /*-----------------BuyNow Button Styles------------------*/ #buynow { width:120px; font: 14px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,Helvetiva; color: #fff; text-align: center; background: url('images/buynow.png'); border: 1px solid #69bef1; padding: 5px; margin: 5px; position:absolute; right: 0px; top: 90px; } #buynow a {font-size: 12px; color: #fff; display: block; margin-bottom: 4px; font-weight: normal; text-decoration: none; text-transform:none} #buynow a:hover {text-decoration: underline;} #buynow p {font-size: 12px; margin-bottom: 3px; margin-top: 2px; text-shadow: none;} #buynow div a {font-weight: 800;} /*---------------------------------------------------------*/ .subheader {font-size: 14px; color: #6e6e6e; font-style: italic; font-weight: bold; margin-bottom: 7px; line-height: 19px; font-family: "Trebuchet MS"; } .headertext{font-size: 12px; color: #6e635a; font-style: italic; font-weight:500; margin-bottom: 7px; line-height: 15px; font-family: "Trebuchet MS"; } #index-banner {text-align: left; width: 960px; position: relative; float: left; min-height: 370px; background-image:url("images/index-banner-bg.png");} #index-banner h1{font-size: 48px; color: #bac2af; width: 376px; padding: 10px; text-transform: uppercase; margin-bottom: 15px; margin-top: 30px; font-family: "MuseoSlab300";} #index-banner p{ font-size: 12px; color: #CACACA; width: 376px; padding: 10px; line-height: 15px;} #index-banner a.more{font-family: "MuseoSlab300"; color: #fff; text-decoration: none; font-weight: bold; padding: 10px;} #index-main-content {float: left; width: 640px; padding-bottom: 30px; text-align: left;} #index-main-content h2 {font-family: "MuseoSlab300"; font-weight: bold; color:#29A2A2; font-size: 24px; margin-top: 3px; padding-bottom: 5px; } #index-main-content p {font-family: "Trebuchet MS"; color: #fff; font-size: 12px; line-height: 18px; font-weight: normal;} #index-main-content p.bold {font-family: "Trebuchet MS"; font-weight: bold; color: #222222; font-size: 15px; line-height: 18px;} #index-main-content img {margin-top: 5px; padding-top: 3px} #index-main-content a {color:#AA9687; text-decoration: none; font-weight: bold;} #index-main-content a:hover {text-decoration: underline} #full-content a {color:#AA9687; text-decoration: none; font-weight: bold;} #full-content a:hover {text-decoration: underline} #index-right-content {float: right; width: 240px; padding-bottom: 30px; margin-left: 40px; text-align: left;} #index-right-content h2 {color:#29A2A2; font-size: 24px; font-weight: bold; font-family: "MuseoSlab300";} #index-right-content h3 {color:#29A2A2; font-size: 14px; font-weight: normal; font-family: "Trebuchet MS"; margin-top: 20px; margin-bottom: 20px;} #index-right-content p {color: #6e6e6e; font-size: 12px; line-height: 22px; font-weight: normal;} #index-right-content p.bold {font-weight: bold; color: #6e6e6e; font-size: 15px; line-height: 20px; letter-spacing: normal} #index-right-content img {margin-top: 10px; padding-top: 10px} #index-right-content a {color:#58370b;} #index-right-content a:hover {text-decoration: none; vertical-align: top;} #index-right-content li {list-style-image: url(images/accept_item_16.png); line-height: 22px; margin-left: 24px; color: #fff; font-size: 12px; } #moretestimonials{height: 35px; width: 100%; background-color: #29A2A2; text-align: center; margin-top: 20px;} #moretestimonials p{font-family: "MuseoSlab300"; color: #fff; font-size: 16px; text-decoration: none; font-weight: bold;} .imageBorder{border:2px solid #c9c9c9; margin-right: 10px;} #dropdowns{ font-size: 20px; padding: 5px; font-family: "MuseoSlab300";} table.homes{width: 100%; margin-top: 10px;} table.homes td{font-size: 12.5px; border: 1px solid #cdc9ac; color: #5e6e64; padding: 10px;} table.homes tr a{color: #000; text-decoration: none;} table.homes tr.odd{background-color: #ece4cb;} table.homes tr.even{background-color: #f4eedc;} table.homes tr td.status-sale{color: #5e6e64;} table.homes tr td.status-sold{color: #58370b;} table.plans{width: 100%; margin-top: 10px;} table.plans td{font-size: 12.5px; border: 1px solid #cdc9ac; color: #5e6e64; padding: 10px;} table.plans tr a{color: #000; text-decoration: none;} table.plans tr.odd{background-color: #ece4cb;} table.plans tr.even{background-color: #f4eedc;} table.plans tr td.status-sale{color: #5e6e64;} table.plans tr td.status-sold{color: #58370b;} .back-to-top{color: #AA9687; font-size: 12px; font-weight: bold; text-decoration: none;}