/* Architect Template CSS -------------------------- Company: LinkNow! Media -------------------------- /*CSS RESET*/ /*---------------------------------------------------------*/ @font-face { font-family: 'AUdimatRegular'; src: url('fonts/audimat-regular-webfont.eot'); src: url('fonts/audimat-regular-webfont.eot?iefix') format('eot'), url('fonts/audimat-regular-webfont.woff') format('woff'), url('fonts/audimat-regular-webfont.ttf') format('truetype'), url('fonts/audimat-regular-webfont.svg#webfontIIuiVNkp') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arial, Helvetica, sans-serif'; src: url('fonts/cranberr-webfont.eot'); src: url('fonts/cranberr-webfont.eot?iefix') format('eot'), url('fonts/cranberr-webfont.woff') format('woff'), url('fonts/cranberr-webfont.ttf') format('truetype'), url('fonts/cranberr-webfont.svg#webfont3TFkJTF1') format('svg'); font-weight: normal; font-style: normal; } @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: 'HelveticaNeueLTCom65Medium'; src: url('helveticaneueltcom-md-webfont.eot'); src: url('helveticaneueltcom-md-webfont.eot?iefix') format('eot'), url('helveticaneueltcom-md-webfont.woff') format('woff'), url('helveticaneueltcom-md-webfont.ttf') format('truetype'), url('helveticaneueltcom-md-webfont.svg#webfont1I9R8OBL') 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; } span {color:#FFFFFF; } body { background:url(images/header-bg2.png); background-repeat:repeat; background-position:50% 0px; font-family: Arial, Helvetica, sans-serif; line-height: 1; } #background { background:url(images/header-bg.png) repeat-x; height:395px; width:100%; display:table; position: absolute; top: 0px; z-index: -2000; } 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; margin-left: -120px; padding: 0; width: 120px;height: 20px} #drop-down {background-color: #353535; color: #f2f2f2; padding: 0; margin-top: 5px; margin-left: 200px; width: 200px; height: 20px; border:none} textarea {background-color: #353535; color: #f2f2f2; border: none; margin-left: -50px; 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: 472px; margin-left: 50px;margin-bottom: 15px; float: left; border: 3px solid #242021} .checkbox {background-color: #000} /*-----------------Main Navigation Styles------------------*/ #main-nav {padding-left: 0; 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: #fff; font-size: 12px; text-decoration: none;} #main-menu a.menuselected, #main-menu a:hover{color: #bac2af;} #main-menu img{position: relative; top: -15px; right: 2px; background-image:url(images/homedivider.png); background-position: 2px 0; padding-top:12px; padding-bottom:12px; padding-left:20px; padding-right:20px; background-repeat:no-repeat;} .underlinemenu, .hover{padding-bottom: 9px; border-bottom: 5px solid #bac2af;} .mouseout{border-bottom: 0px;} /*---------------------------------------------------------*/ /*-----------------Header Styles------------------*/ #header {width: 100%; height: 150px;} #header-content {width: 960px; margin: 0px;} #companyinfo {float: left; margin: 0px; width:850px; text-align: left;} #companyinfo h1 a{font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; font-size: 13px; letter-spacing:3px; text-transform: uppercase;} #header-left {padding: 20px 20px 20px 0px;} #header-left h2 {margin-top: 10px; font-weight: normal; margin-bottom: 5px; font-family: "AUdimatRegular"; text-decoration: overline; color: #fff; font-size: 48px; letter-spacing: 2px;} #header-left p {font-family: Arial, Helvetica, sans-serif; color: #f44301; font-size: 18px; } #header-right {float: right; padding: 50px 0px 0px 0px;} #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:300px; 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: 620px; float: left; margin-left: 0px; text-align: left; background: url(images/bg-transp.png); padding: 10px; border: 1px solid #d5d5d5; margin-bottom: 5px;} #full-content h1 {color:#cc020c; font-size: 26px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;} #full-content h2 {color:#cc020c; font-size: 20px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase} #full-content h3 {color:#cc020c; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-top: 20px; margin-left: 15px} #full-content p {color: #090401; font-size: 12.5px; line-height: 16px; margin-bottom: 14px; margin-left: 15px} #full-content img {margin-top: 5px; padding-top: 3px} #full-content ul {list-style-type: none; margin-left: 20px; margin-top: 10px;} #full-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} #full-width-content {width: 940px; height:400px; float: left; margin-left: 0px; text-align: left; border: 1px solid #d5d5d5; padding: 10px; background: url(images/bg-transp.png);margin-bottom: 5px;} #full-width-content h1 {color:#cc020c; font-size: 36px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;} #full-width-content h2 a{color:#cc020c; font-size:26px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none;} #full-width-content h3 {color:#cc020c; font-size: 22px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; 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: 265px; float: left; margin-top: 0px; margin-left: 30px; margin-bottom: 5px; background: url(images/bg-transp.png); padding: 10px; border: 1px solid #d5d5d5} #side-bar h2 {color:#cc020c; font-size: 21px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;} #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: none; background-image: url("images/accept_item_16.png"); background-repeat: no-repeat; background-position: 0px 0px; font-size: 12px; line-height: 25px; margin-bottom: 10px; padding-left: 20px; text-transform: uppercase; line-height: 22px; color: #090401; font-size: 12px; font-weight: normal;} #side-bar a {color: #58370b; text-decoration: none; font-weight: bold;} #side-bar a:hover{text-decoration: underline;} #side-bar-contact {width: 265px; float: left; margin-top: 0px; margin-left: 30px; margin-bottom: 5px; background: url(images/bg-transp.png); border: 1px solid #d5d5d5} #side-bar-contact h2 {color:#cc020c; font-size: 21px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;} #side-bar-contact p {color: #090401; font-size: 12.5px; line-height: 16px; margin-bottom: 14px; margin-left: 15px} #side-bar-contact img {} #side-bar-contact ul {list-style-type: none; margin-left: 20px; margin-top: 10px; text-align: left;} #side-bar-contact li {list-style-image: none; background-image: url("images/accept_item_16.png"); background-repeat: no-repeat; background-position: 0px 0px; font-size: 12px; line-height: 25px; margin-bottom: 10px; padding-left: 20px; text-transform: uppercase; line-height: 22px; color: #090401; font-size: 12px; font-weight: normal;} #side-bar-contact a {color: #58370b; text-decoration: none; font-weight: bold;} #side-bar-contact a:hover{text-decoration: underline;} #left-content {width: 400px; float: left; } #left-content h2 {color:#cc020c; font-size: 28px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;} #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:#cc020c; font-size: 28px; font-weight: normal; font-family: "Arial, Helvetica, sans-serif";} #right-content p {color: #090401; font-size: 12.5px; line-height: 16px; margin-bottom: 14px; } #right-content img {margin-top: 5px; padding-top: 3px} #midbanner-spacer{min-height: 50px; padding-top: 50px;} #midbanner{} #bottom-left-content {float: left; color: #444f53; width: 200px; height: 180px; margin-right: 40px; background-image: url(images/homeimage1.jpg);} #bottom-left-content p {padding: 0px 0px 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; text-align: left;} #bottom-left-content img {margin-top: 5px; padding-top: 3px} #bottom-left-content a {color:#58370b;} #bottom-left-content a:hover {text-decoration: none} #bottom-left-content-inner {background: url(images/index-overlay.png) repeat-x; width: 200px; height: 35px; position: relative; top: 60%; text-align:center; padding-top: 2px;} #bottom-mid-content {float: left; color: #444f53; width: 200px; height: 180px; margin-right: 40px; background-image: url(images/homeimage2.jpg);} #bottom-mid-content p {padding: 0px 0px 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; text-align: left;} #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/index-overlay.png) repeat-x; width: 200px; height: 35px; position: relative; top: 60%; text-align:center; padding-top: 2px;} #bottom-mid-content2 {float: left; color: #444f53; width: 200px; height: 180px; margin-right: 40px; background-image: url(images/homeimage3.jpg);} #bottom-mid-content2 p {padding: 0px 0px 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; text-align: left;} #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/index-overlay.png) repeat-x; width: 200px; height: 35px; position: relative; top: 60%; text-align:center; padding-top: 2px;} #bottom-left-content-inner-top p, #bottom-mid-content-inner-top p, #bottom-mid-content2-inner-top p{font-family: "Arial, Helvetica, sans-serif"; font-size: 36px; padding-top: 10px; background-color: #fff;} #bottom-right-content {float: left; width: 240px; height: 180px; padding-bottom: 0px; margin-top: 10px; text-align: right;} #img1{background-image: url(images/right-image1.png); height: 60px; background-repeat: no-repeat;} #img2{background-image: url(images/right-image2.png); height: 60px; background-repeat: no-repeat;} #img3{background-image: url(images/right-image3.png); height: 60px; background-repeat: no-repeat;} #bottom-right-content .button1 , #bottom-right-content .button2 , #bottom-right-content .button3 {text-decoration: none; color: #4e4e4e; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; width: 300px;} #bottom-right-content .button1 {background-image: url(images/index-bottom-right-button.png); padding: 11px 37.5px; position: relative; top: 10px;} #bottom-right-content .button2 {background-image: url(images/index-bottom-right-button.png); padding: 11px 41px; position: relative; top: 13px;} #bottom-right-content .button3 {background-image: url(images/index-bottom-right-button.png); padding: 11px 46px; position: relative; top: 15px;} #bottom-right-content a:hover {background-image: url(images/index-bottom-right-button-hover.png);} #contact-left {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: Arial, Helvetica, sans-serif;} #contact-left h3 {color:#58370b; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; 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} /*---------------------------------------------------------*/ /*-----------------Footer Styles------------------*/ #footer {float: left; width: 100%; height: 160px; background: url(images/footer-bg.png); padding-top: 0px; font-family: Arial, Helvetica, sans-serif;} #footer-content {width: 960px; margin: 0 auto; border: none;} #footer-left-content {float: left; width: 220px; 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 {border-bottom: 2px solid #bac2af;} #footer-left-content ul li:hover {border-bottom: 2px solid #bac2af; text-decoration: blink;} #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: none;} #footer-mid-content {float: left; width: 450px; 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: #242021; 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{ min-height: 100%; 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 'HelveticaNeueLTCom65Medium',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; color:#FFF;} #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: Arial, Helvetica, sans-serif; } .headertext{font-size: 12px; color: #6e635a; font-style: italic; font-weight:500; margin-bottom: 7px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; } #index-banner {text-align: left; width: 960px; float: left; min-height: 370px; background-image:url("images/index-banner-bg.png");} #index-main-content {float: left; width: 640px; padding-bottom: 30px; text-align: left; background-image: url(images/bg-transp.png); border: 1px solid #fff; padding: 10px; margin-bottom: 5px;} #index-main-content h2 {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; -weight: bold; color:#cc020c; font-size: 20px; margin-top: 3px; padding-bottom: 5px; } #index-main-content p {font-family: Arial, Helvetica, sans-serif; color: #242021; font-size: 12px; line-height: 18px; font-weight: normal;} #index-main-content p.bold {font-family: Arial, Helvetica, sans-serif; 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:#cc020c; text-decoration: none; font-weight: bold;} #index-main-content a:hover {text-decoration: underline} #index-right-content {float: right; width: 240px; padding: 10px; margin-left: 10px; text-align: left; background-image: url(images/bg-transp.png); margin-bottom: 5px; border: 1px solid #fff;} #index-right-content h2 {text-transform: uppercase; color:#5e6e64; font-size: 24px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} #index-right-content h3 {color:#5e6e64; font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; 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:#cc020c;} #index-right-content a:hover {text-decoration: underline; vertical-align: top;} #index-right-content li {list-style-image: none; background-image: url("images/accept_item_16.png"); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 20px; text-transform: uppercase; font-weight: bold; color: #4e4e4e; font-size: 12px; line-height: 25px; margin-bottom: 10px;} #moretestimonials{height: 35px; width: 100%; background-color: #a16817; 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 #cc020c; color: #5e6e64; padding: 10px;} table.homes tr a{color: #000; text-decoration: none;} table.homes tr.odd{background-color: #F4BAF3;} table.homes tr.even{background-color: #D18CBF;} table.homes tr td.status-sale{color: #0F0;} table.homes tr td.status-sold{color: #063;} table.plans{width: 100%; margin-top: 10px;} table.plans td{font-size: 12.5px; border: 1px solid #cc020c; color: #5e6e64; padding: 10px;} table.plans tr a{color: #000; text-decoration: none;} table.plans tr.odd{background-color: #F4BAF3;} table.plans tr.even{background-color: #D18CBF;} table.plans tr td.status-sale{color: #0F0;} table.plans tr td.status-sold{color: #063} .back-to-top{color: #000; font-size: 12px; font-weight: bold; text-decoration: none;}