/* ---------- HTML5 ---------- */ header, footer, section, nav, article, details, hgroup, summary { display: block; } table.table { border: 1px solid #d6d6d6; thead td { background: #0A67A3; color: #fff; } tr { border-bottom: 1px solid #d6d6d6; &:hover { background: #fcf9e6; } } td { padding: 10px; vertical-align: middle; font-size: 12px !important; line-height: 15px !important; p { font-size: 12px !important; line-height: 15px !important; } } a { color: #0A67A3; } } a { text-decoration: none; color: #0A67A3; } h1 { font-size: 30px; text-transform: uppercase; font-weight: bold; color: #b7b7b7; padding-bottom: 40px; } h2 { font-size: 24px; margin-bottom: 20px; } body { font-family: FuturaStdLight, Arial, Helvetica, Sans-serif; font-size: 12px; color: #222; background: #fff; } header { overflow: hidden; .ndi-home { background: transparent; display: block; height: 61px; position: absolute; top: 15px; width: 134px; z-index: 100; } .logo { display: block; float: left; text-indent: -9999px; background: url('images/logo.gif') no-repeat; width: 134px; height: 61px; } nav { overflow: hidden; float: right; margin-top: 39px; li { float: left; margin-left: 22px; } a { font-size: 21px; font-weight: bold; text-transform: uppercase; color: #0a67a3; text-decoration: none; background: url('images/nav-square.gif') no-repeat left 11px; padding-left: 15px; &:hover { background-image: url('images/nav-square1.gif'); color: #f26822; } } .current-menu-item a { background-image: url('images/nav-square1.gif'); color: #f26822; } } } .slide-title { position: absolute; z-index: 2; } #slider { opacity: 0; filter: alpha(opacity=0); height: 476px !important; width: 960px; } div.anythingSlider { padding: 0 !important; position: relative; div.anythingWindow { border: 0 none; } .start-stop { display: none !important; } li { display: block !important; float: left; margin-right: 5px !important; } .thumbNav { position: absolute; float: none !important; right: 5px; bottom: 7px; z-index: 100; } .thumbNav li a { background-color: #fff !important; border: 3px solid transparent !important; display: block !important; width: 60px !important; height: 60px !important; text-indent: -9999px !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; &:hover { border-color: #3dd447 !important; } &.cur { border-color: #3dd447 !important; } } .panel1 { background: url('images/slide2-thmb.jpg') no-repeat !important; } .panel2 { background: url('images/slide1-thmb.jpg') no-repeat !important; } .panel3 { background: url('images/slide3-thmb.jpg') no-repeat !important; } .panel4 { background: url('images/slide4-thmb.jpg') no-repeat !important; } } .home-content { .box { width: 258px; overflow: hidden; float: left; border-right: 1px solid #d6d6d6; margin-right: 30px; padding-right: 30px; &.last { margin-right: 0; padding-right: 0; border: 0 none; } h2 { font-size: 18px; color: #0a67a3; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; &.mspace { margin-bottom: 10px; } } img { float: left; margin-right: 11px; } div { float: left; } p { margin-bottom: 6px; line-height: 18px; &.last { margin-bottom: 0; } } a { color: #0a67a3; font-size: 12px; font-weight: bold; background: url('images/nav-square.gif') no-repeat left 3px; text-decoration: none; padding-left: 14px; float: right; &:hover { background-image: url('images/nav-square1.gif'); color: #f26822; } } } } .subpage1-content { position: relative; aside { width: 480px; float: left; } .content { width: 480px; float: left; padding-top: 20px; h1 { font-size: 30px; text-transform: uppercase; font-weight: bold; color: #b7b7b7; padding-bottom: 40px; } p, ul { font-size: 14px; line-height: 24px; padding-bottom: 20px; } ul { list-style: disc; padding-left: 25px; } li { padding-bottom: 5px; } } } .quote { background: url('images/left-quote.gif') no-repeat; padding: 8px 0 0 13px; font-size: 30px; color: #0a67a3; text-transform: uppercase; font-weight: bold; position: absolute; bottom: 0; line-height: 36px; width: 480px; img { display: inline; margin-left: -15px; vertical-align: top; } &.sub { position: relative; margin-top: 40%; width: 400px; } } .menu-lease-counties-container { background: url('images/map.gif') no-repeat; width: 440px; height: 428px; } .lease-links { margin-top: 30px; a { color: #0A67A3; padding-bottom: 2px; margin-right: 20px; text-decoration: none; border-bottom: 1px solid #0a67a3; } } aside.form { margin-top: 93px; float: right; width: 440px; input, textarea { padding: 5px 10px; margin: 5px 0 10px; font-family: verdana; font-size: 14px; } textarea { width: 90%; } } #faq { overflow: hidden; .side1 { width: 602px; float: left; } .side2 { width: 318px; float: right; } ul { list-style: none; padding: 0; margin: 0; } blockquote { padding: 10px; background: #f6f6f6; margin-bottom: 10px; cursor: pointer; h3 { font-size: 18px; } p { display: none; margin-top: 20px; } } } #lease-details { overflow: hidden; h1 { margin-bottom: 8px; padding-bottom: 0; } h2 { border-bottom: 1px solid #D5D5D5; font-size: 16px; margin-bottom: 15px; padding-bottom: 8px; text-transform: uppercase; } a { color: #0A67A3; &:hover { color: #f26822; } } .pdf-dl { display: inline-block; text-decoration: none; margin-top: 8px; font-size: 15px; } ul { padding-left: 18px; } .side1 { width: 450px; float: left; } .side2 { width: 480px; float: right; img { width: 480px; } } .col-container { overflow: hidden; background: #eee; padding: 20px; margin-top: 20px; font-family: Arial, Helvetica, Sans-serif; } .col1 { width: 500px; float: left; } .col2, .col3 { width: 170px; float: left; margin-left: 40px; p { padding-bottom: 10px; } } table { border: 1px solid #d6d6d6; width: 100%; } th { background: #0A67A3; color: #fff; padding: 10px; text-align: left; } tr { border-bottom: 1px solid #d6d6d6; &:hover { background: #fcf9e6; } } td { padding: 10px; vertical-align: middle; font-size: 12px !important; line-height: 15px !important; p { font-size: 12px !important; line-height: 15px !important; } } } #lease-photos { display: none; font-size: 14px; a { color: #0A67A3; &:hover { color: #f26822; } } h1 { margin-bottom: 8px; padding-bottom: 0; } .pdf-dl { display: inline-block; font-size: 15px; margin-top: 8px; text-decoration: none; } #photo-gallery { overflow: hidden; a { width: 280px; height: 130px; overflow: hidden; display: block; float: left; margin-right: 20px; margin-bottom: 20px; border: 8px solid #eee; } } } #lease-siteplan { display: none; h1 { margin-bottom: 8px; padding-bottom: 0; } .pdf-dl { display: inline-block; font-size: 15px; margin-top: 8px; text-decoration: none; } div { line-height: 24px; background: #0A67A3; font-size: 14px; color: #fff; padding: 15px; width: 130px; position: absolute; display: none; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.25); box-shadow: 0 0 20px rgba(0,0,0,0.25); } } #subnav { border-top: 1px solid #eee; border-bottom: 1px solid #eee; ul { overflow: hidden; } li { float: left; border-right: 1px solid #eee; } a { display: block; font-size: 18px; text-decoration: none; color: #0A67A3; padding: 12px 25px; background: #f9f9f9; &.active { background: #0A67A3; color: #fff; } } } footer { margin-top: 50px; padding-bottom: 50px; overflow: hidden; nav { font-family: "NewsGothicMTRegular", Arial, Helvetica, Sans-serif; font-size: 10px; text-transform: uppercase; margin-top: 14px; ul { float: right; } li { margin-right: 10px; float: left; } a { color: #555; text-decoration: none; &:hover { color: #3a65b0; } } .current-menu-item a { color: #3a65b0; } } } a.back { display: block; background: #eee; padding: 10px 20px; width: 50px; text-decoration: none; font-size: 12px; &:hover { background: #f26822; color: #fff !important; } } .container { width: 960px; margin: 0 auto; overflow: hidden; } .clear { clear: both; } .e-list { display: block; width: 150px; padding: 10px; background: #0A67A3; color: #fff; text-decoration: none; float: left; &:hover { background: #f26822; } } .dl-btn { color: #fff !important; text-decoration: none !important; border: 0 none !important; margin-top: 0px; margin-bottom: 20px; margin-right: 20px; width: 250px; padding: 20px !important; font-size: 16px; span { font-size: 24px; font-weight: bold; } } /* GOOGLE SEARCH STYLES */ #cse-search-form { width: 35% !important; float: right; margin: 10px 0 10px; } .cse form.gsc-search-box, form.gsc-search-box { padding: 8px 0 2px 0 !important; margin-bottom: 10px; } .gsc-input { background: #eee !important; border: 0 none !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; padding: 0 !important; color: #aaa !important; } .gsc-search-button { background: #abb9ca !important; border: 0 none !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; font-weight: normal !important; text-shadow: none !important; -moz-text-shadow: none !important; -webkit-text-shadow: none !important; } .gsc-clear-button { display: none; } .gsc-results { padding: 0 10px; } .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column { border: 0 none !important; padding: 0 !important; } .gcsc-branding { display: none; } #cse { width: 350px !important; .gsc-control-cse { background: none; border: 0 none; padding: 0; width: auto; } } .search-results { .content { width: auto; h1 { padding-bottom: 20px; } } #cse { width: 100% !important; } }