/* Theme Name: Surface Encounters Theme URI: http://wordpress.org/ Author: Surface Encounters Version: 1.0 */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } h3{ margin: 15px; font: 16px "Droid Sans", Arial, Trebuchet MS, sans-serif; color: #242021; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* SITE RELATED */ html { overflow-y: scroll; } :root { overflow-y: scroll; } html {} body { font: 13px/18px "Droid Sans", Arial, Trebuchet MS, sans-serif; color: #242021; background: #7e7e7e; padding: 42px 0 0; } a { color: #721301; text-decoration: none; outline: 0; } a:hover { text-decoration: underline; } fieldset, a img { border: 0; } table { text-align: left; border-collapse: collapse; border-spacing: 0; } td, th { vertical-align: top; text-align: left; } select, input, textarea, p, li, dd, dt, label, legend, td, th, caption { font-size: 13px; line-height: 18px; } select, input, textarea { outline: 0; font-family: "Droid Sans", Arial, Trebuchet MS, sans-serif; } legend { white-space: normal; } /* =Layout -------------------------------------------------------------- */ #layout { width: 980px; margin: 0 auto; background: #fff; } #header { position: relative; z-index: 100; height: 112px; background: url(../images/css/header-bkg.gif) no-repeat 0 0; } #content { clear: both; } #content-inner { padding: 0 5px 20px; } body.home #content-inner { padding: 0 5px 5px; } #main-content { float: left; width: 540px; overflow: hidden; margin: 15px 0 0 40px; padding: 0 0 10px; } #sidebar { float: right; width: 238px; overflow: hidden; padding: 0 0 10px; margin-top: -85px;} .template-vkc #main-content { float: none; width: 100%; margin: 0; } /* =HEADER -------------------------------------------------------------- */ #logo, #logo a { display: block; width: 154px; height: 102px; } #logo { position: absolute; left: 5px; top: 5px; float: left; background: url(../images/css/logo.gif) no-repeat 0 0; } #logo a { text-indent: -9999px; overflow: hidden; } /* NAVIGATION */ #navigation-container { float: left; position: absolute; left: 164px; top: 71px; width: 809px; position: relative; z-index: 100; background: #721301; border: 1px solid #231f20; } #menu-header li { float: left; font-size: 13px; line-height: 16px; font-weight: bold; text-transform: uppercase; margin-left: 15px; } #menu-header li.over { position: relative; } #menu-header li a { float: left; color: #fff; text-decoration: none; padding: 9px 10px; } .browser-safari #menu-header li a, .browser-chrome #menu-header li a, .browser-opera #menu-header li a { padding-top: 11px; padding-bottom: 7px; } #menu-header li.first-child { margin-left: 4px; } #menu-header li.first-child a { padding-left: 17px; } #menu-header .current-menu-ancestor a, #menu-header .current-menu-parent a, #menu-header .current_page_parent a, #menu-header .current_page_ancestor a, #menu-header .over a, #menu-header .current-page-ancestor a, #menu-header .current-menu-item a { color: #d4d4d4; } #menu-header li ul { position: absolute; top: -9999px; left: -9999px; width: 150px; background: #721301; padding-bottom: 3px; } #menu-header li.over ul { display: block; position: absolute; top: 34px; left: 10px; } #menu-header li li { float: none; display: block; margin: 0 5px; border-top: 1px solid #fff; background: 0; } #menu-header li li:first-child { border-top: 0; } #menu-header li a:hover { color: #d4d4d4; } #menu-header li.over li a { color: #fff; } #menu-header li li a:hover { color: #d4d4d4; } #menu-header li.over li a, #menu-header li li a { float: none; display: block; padding: 7px 7px; margin: 0; } /* secondary nav */ #secondary-navigation { position: absolute; top: 0; left: 200px; } #secondary-navigation ul { float: left; } #secondary-navigation li { float: left; font-size: 11px; line-height: 13px; background: url(../images/css/secondary-nav-splitter.gif) no-repeat 0 1px; margin-left: 7px; padding-left: 8px; } #secondary-navigation li:first-child { background: 0; padding-left: 0; margin-left: 0; } #secondary-navigation a { float: left; color: #fff; } /* inquire */ #inquire { position: absolute; top: 0; right: 0; } #inquire h2 { font-size: 15px; line-height: 15px; color: #fff; margin: 0 0 3px; } #inquire p { font-size: 23px; line-height: 23px; color: #fff; } #inquire strong { } #inquire .email { font-size: 12px; line-height: 12px; margin: 1px 0 0; } #inquire a { color: #fff; } /* contact info header */ #contact-info { position: absolute; top: 16px; right: 4px; color: #fff; } #contact-info p { text-align: right; font-size: 16px; line-height: 18px; font-weight: bold; letter-spacing: -1px; } #contact-info p strong { font-size: 32px; line-height: 35px; } #serving-locations { font-size: 17px; line-height: 19px; position: absolute; top: 28px; left: 200px; color: #fff; } /* SEARCH */ #searchform { float: left; width: 165px; position: absolute; top: -20px; right: 5px; overflow: hidden; z-index: 100; } #searchform #s { float: left; border: 1px solid #404041; padding: 2px; font: 12px/14px Arial, sans-serif; width: 95px; } #searchform .input-submit { float: right; } /* SLIDESHOW AND OWNER */ #slideshow-and-owner {} #owner { float: right; width: 355px; overflow: hidden; min-height: 258px; height: auto !important; height: 258px; } #owner .thumb { padding: 0; border: 1px solid #231f20; } #owner .thumb img { display: block; margin: 0 auto; } #owner .default-txt { padding: 5px; } #owner .default-txt p { font-size: 11px; line-height: 13px; margin: 0; } /* SLIDESHOW */ #slideshow { float: left; width: 607px; height: 258px; border: 1px solid #7f8584; overflow: hidden; margin-bottom: 5px; } #slideshow .inner { overflow: hidden; position: relative; width: 607px; height: 258px; } #slideshow img { display: block; } #slideshow ul { list-style: none; } #slideshow .items { width: 607px; height: 258px; position: relative; z-index: 10; overflow: hidden; margin: 0; } #slideshow .items li { position: absolute; top: 0; left: 0; z-index: 10; display: none; width: 607px; height: 258px; } #slideshow .items .active { display: block !important; } #slideshow .numbered-nav { float: left; position: absolute; height: 29px; top: 235px; left: 270px; list-style: none; z-index: 30; } #slideshow .numbered-nav li { float: left; margin-left: 7px; font-size: 18px; line-height: 29px; } #slideshow .numbered-nav a { width: 13px; height: 12px; float: left; display: block; overflow: hidden; text-indent: -9999px; outline: 0; background: url(../images/css/slideshow-dot.png) no-repeat 0 0; } #slideshow .numbered-nav li.first-active a, #slideshow .numbered-nav li.last-active a, #slideshow .numbered-nav li.active a, #slideshow .numbered-nav li a:hover { background: url(../images/css/slideshow-dot-active.png) no-repeat 0 0; } #featured-galleries { clear: both; } #featured-galleries .gallery { float: left; width: 236px; border: 1px solid #242021; margin-left: 6px; position: relative; overflow: hidden; } #featured-galleries .gallery img { display: block; width: 236px; height: 172px; } #featured-galleries .first { margin-left: 0 !important; } #featured-galleries h2 { width: 236px; position: absolute; top: 0; left: 0; font-size: 19px; line-height: 24px; font-weight: bold; background: url(../images/css/heading-bkg.png); } #featured-galleries h2 a { color: #fff; display: block; padding: 7px 12px 8px; text-decoration: none; } #featured-galleries h2 a:hover { color: #d4d4d4; } #specials-slideshow { float: right; width: 383px; overflow: hidden; height: 263px; border: 1px solid #000; background: #721301; margin: 5px 0 0 0; } #specials-slideshow ul { list-style: none; text-align: center; height: 263px; } #specials-slideshow li { } /* SIDEBAR GALLERIES */ #sidebar-galleries { margin: 6px 0 0; } #sidebar-galleries .gallery { width: 239px; height: 100px; position: relative; margin: 6px 0 0; } #sidebar-galleries .gallery img { display: block; width: 239px; height: 100px; } #sidebar-galleries .first { margin-top: 0; } #sidebar-galleries h2 { width: 239px; position: absolute; top: 0; left: 0; font-size: 19px; line-height: 24px; font-weight: bold; background: url(../images/css/heading-bkg.png); } #sidebar-galleries h2 a { color: #fff; display: block; padding: 7px 12px 8px; text-decoration: none; } #sidebar-galleries h2 a:hover { color: #d4d4d4; } /* SIDEBAR SPECIALS */ #sidebar-specials-slideshow { width: 239px; overflow: hidden; height: 164px; margin: 6px 0 0 0; } #sidebar-specials-slideshow ul { list-style: none; text-align: center; height: 164px; } #sidebar-specials-slideshow li { } #sidebar-specials-slideshow img { display: block; width: 239px !important; height: 164px !important; } /* SIDEBAR BANNERS */ #sidebar-banners {} #sidebar-banners .banner { margin: 6px 0 0; } #sidebar-banners .first { } #sidebar-banners .banner img { display: block; } #request-a-quote-link { width: 216px; height: 48px; font-size: 18px; line-height: 20px; font-weight: bold; margin: -48px 20px 20px auto; background: url(../images/css/button-216-48.png) no-repeat 0 0; } #request-a-quote-link a { width: 216px; height: 41px; padding: 5px 0 0; display: block; color: #fff; text-align: center; text-decoration: none; } #request-a-quote-link a:hover { color: #d4d4d4; } /* FREE CASE EVALUATION */ .reviews_page_contact #contact-form-container{ width: 236px !important; border: 1px solid #e3e3e3 !important; background: #fff url(../images/css/icon-email.gif) no-repeat 175px 10px !important; margin: 0 0 5px !important; } .reviews_page_contact #contact-form-container h2{ font: bold 19px/23px "Droid Sans", Arial, sans-serif !important; color: #721301 !important; padding: 20px 10px 5px !important; } .reviews_page_contact #contact-form-container form{ width: 216px !important; margin: 10px 10px 3px !important; overflow: hidden !important; padding: 0 !important; } .reviews_page_contact #contact-form-container .formBuilderForm textarea{ width: 204px !important; height: 85px !important; clear: both !important; overflow: auto !important; } .reviews_page_contact #contact-form-container .formBuilderForm .formBuilderInput input { width: 204px !important; } #contact-form-container { width: 236px; border: 1px solid #e3e3e3; background: #fff url(../images/css/icon-email.gif) no-repeat 175px 10px; margin: 0 0 5px; } body.home #contact-form-container { width: 190px; float: right; margin: 5px 0 0; min-height: 260px; height: auto !important; height: 260px; } body.home #contact-form-container h2 { margin: 0; padding-top: 10px; padding-bottom: 0; } body.home #contact-form-container form { width: 170px; float: right; } #contact-form-container h2 { font: bold 19px/23px "Droid Sans", Arial, sans-serif; color: #721301; padding: 20px 10px 5px; } #contact-form-container form { width: 216px; margin: 10px 10px 3px; overflow: hidden; padding: 0; } #contact-form-container .formBuilderError, #contact-form-container .formBuilderLabelRequired, #contact-form-container .formBuilderLabel { position: absolute; top: -9999px; left: -9999px; } #contact-form-container .formBuilderSelect select { width: 160px; } #contact-form-container .formBuilderField { margin-bottom: 3px; } /* .browser-chrome #contact-form-container .formBuilderField { margin-bottom: 3px; } .browser-safari #contact-form-container .formBuilderField { margin-bottom: 3px; } */ #contact-form-container .formBuilderLargeTextarea, #contact-form-container .formBuilderSelect, #contact-form-container .formBuilderInput { } #contact-form-container .formBuilderLargeTextarea textarea, #contact-form-container .formBuilderSelect select, #contact-form-container .formBuilderInput input { border: 0; } #contact-form-container .formBuilderForm textarea { width: 204px !important; height: 85px !important; clear: both; overflow: auto; } body.home #contact-form-container .formBuilderForm textarea { width: 158px; height: 63px ; } .browser-chrome #main-content #contact-form-container .formBuilderForm textarea, .browser-safari #main-content #contact-form-container .formBuilderForm textarea { height: 58px !important; } #contact-form-container .formBuilderForm .formBuilderSubmit { text-align: right; padding: 5px 0 0; } #contact-form-container .formBuilderForm .formBuilderSubmit input { display: block; margin: 0 auto 0 0; } /* .browser-chrome #contact-form-container .formBuilderForm .formBuilderSubmit, .browser-safari #contact-form-container .formBuilderForm .formBuilderSubmit { padding-top: 2px; } .browser-chrome #contact-form-container .formBuilderForm .formBuilderSubmit { } .browser-chrome #contact-form-container .formBuilderForm .formBuilderSubmit input { } */ #contact-form-container .formBuilderForm .formBuilderInput input, #contact-form-container .formBuilderForm textarea { padding: 6px 6px; color: #333; border: 0; font-size: 11px; line-height: 13px; background: #e3e3e3; display: block; } #contact-form-container .formBuilderForm .formBuilderInput input { width: 204px; } body.home #contact-form-container .formBuilderForm .formBuilderInput input { width: 158px; } #contact-form-container label.error { display: block; font-size: 11px; line-height: 12px; padding-top: 1px; color: #f00; } #contact-form-container .formBuilderForm .formBuilderError { color: #f00; padding: 0; font-weight: normal !important; } #contact-form-container .formBuilderSuccess { font-size: 12px; line-height: 14px; font-weight: normal; background: #cfe6af; padding: 10px; width: 196px; margin: 0 auto 15px; border: 0; border-top: 5px solid #fff; position: relative; top: 10px; } body.home #contact-form-container .formBuilderSuccess { width: 150px; margin: 5px auto 0; } #contact-form-container .formBuilderSuccess h4 { font-size: 12px; line-height: 14px; font-weight: normal; color: #000; } #contact-form-container .formBuilderFailure { background: #fe8989; padding: 10px; width: 196px; margin: 0 auto 5px; border: 0; } body.home #contact-form-container .formBuilderFailure { width: 150px; margin: 5px auto 0; } #contact-form-container .formBuilderFailure p, #contact-form-container .formBuilderFailure ul { margin-bottom: 0 !important; } #contact-form-container .formBuilderFailure h4 { display: none; } #contact-form-container .formBuilderSuccess p, #contact-form-container .formBuilderFailure p, #contact-form-container .formBuilderSuccess li, #contact-form-container .formBuilderFailure li { font-size: 12px; line-height: 14px; } #contact-form-container .formBuilderSuccess p, #contact-form-container .formBuilderSuccess a, #contact-form-container .formBuilderFailure p, #contact-form-container .formBuilderFailure a { color: #000; } /* =ARTICLE STYLE -------------------------------------------------------------- */ body.home #article-container { float: left; width: 545px; padding: 10px; margin: 5px 0 0; overflow: hidden; } body.home #article-container h2 { font-size: 16px; line-height: 16px; color: #721301; margin: 0 0 10px; } body.home #article-container p {} body.home #article-container .default-txt p, body.home #article-container .default-txt li, body.home #article-container .default-txt dd, body.home #article-container .default-txt dt, body.home #article-container .default-txt td, body.home #article-container .default-txt th, body.home #article-container .default-txt caption { /*font-size: 12px; line-height: 14px;*/ } #content h1 { color: #721301; font: bold 20px/24px "Droid Sans", Arial, sans-serif; margin-bottom: 18px; } .layout-gallery #content h1 { font-size: 19px; line-height: 24px; color: #323232; padding: 25px 39px 0; } .default-txt h2 { color: #333; font: bold 15px/18px "Droid Sans", Arial, sans-serif; margin: 0 0 3px; } .default-txt h3 { color: #333; font: bold 13px/18px "Droid Sans", Arial, sans-serif; margin: 0 0 3px; } .default-txt h4, .default-txt h5, .default-txt h6 { color: #333; font: bold 13px/16px "Droid Sans", Arial, sans-serif; margin: 0 0 3px; } .default-txt p, .default-txt ul, .default-txt dl, .default-txt ol { margin-bottom: 16px; } .default-txt p, .default-txt li, .default-txt dt, .default-txt dd { } .default-txt dt { font-weight: bold; } .default-txt ul { list-style: none; } .default-txt ul li { padding: 0 0 5px 15px; background: url(../images/css/li-dot.gif) no-repeat 4px 8px; } .default-txt ol { margin-left: 30px; list-style: decimal; } .default-txt ol li { margin-bottom: 5px; } .default-txt li ul, .default-txt li ol { margin-top: 1em; } .default-txt ul ol li { background: 0; padding-left: 0; } .default-txt table { margin: 0 auto 18px; border-collapse: separate; width: 100%; background: #fff; } .default-txt table thead th { border-bottom: 1px solid #c9c9c9; } .default-txt table th, .default-txt table td { padding: 5px 10px; } .default-txt table caption { padding: 0 10px 10px; font-weight: normal; text-align: center; font-weight: bold; } .default-txt thead th { font-weight: normal; } .default-txt tbody th, .default-txt tbody td { font-weight: normal; border-bottom: 1px solid #c9c9c9; } .default-txt tbody th { } .default-txt tbody th a { } .default-txt blockquote { padding: 8px 20px 1px 35px; background: url(../images/css/quote.png) no-repeat 0 0; min-height: 50px; height: auto !important; height: 50px; } .default-txt blockquote, .default-txt blockquote p { font-size: 17px; line-height: 23px; font-style: italic; } body.page-id-268 .default-txt blockquote, body.page-id-268 .default-txt blockquote p { font-size: 13px; line-height: 18px; } body.page-id-268 .default-txt blockquote em { font-style: normal; } .browser-safari .default-txt blockquote { font-family: Arial, sans-serif; } .default-txt strong { font-weight: bold; } .default-txt cite, .default-txt em, .default-txt i { font-style: italic; } .default-txt big { font-size: 131.25%; } .default-txt ins { background: #ffc; text-decoration: none; } .default-txt blockquote cite, .default-txt blockquote em, .default-txt blockquote i { font-style: normal; } body.page-id-39 .default-txt blockquote, body.page-id-39 .default-txt blockquote p { font-size: 13px; line-height: 16px; font-style: normal; } .default-txt pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } .default-txt abbr, .default-txt acronym { border-bottom: 1px dotted #666; cursor: help; } .default-txt sup, .default-txt sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } .default-txt sup { bottom: 1ex; } .default-txt sub { top: .5ex; } .default-txt .gallery { padding: 0 0 18px; } .default-txt .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .default-txt .gallery img { margin: 0; border: 0 !important; } .default-txt .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .default-txt .gallery dl { margin: 0; } .default-txt .gallery img { border: 1px solid #f1f1f1; } .default-txt .gallery br+br { display: none; } .default-txt a { text-decoration: underline; } .default-txt a:hover, .default-txt a:active, .default-txt a:focus { text-decoration: none; } .back-to-top { text-align: right; } .default-txt strong { } .default-txt h3 a { display: block; padding: 5px 0 0 45px; background: url(../images/css/icon-pdf.png) no-repeat 0 8px; min-height: 32px; height: auto !important; height: 32px; } body.page-id-7 #article-container p { margin-left: 45px; } /* =IMAGES -------------------------------------------------------------- */ .default-txt img { max-width: 700px; height: auto; } .default-txt .attachment img { max-width: 700px; height: auto; } .default-txt .alignleft, .default-txt img.alignleft { clear: left; float: left; display: inline; margin: 0 15px 0 0; } .default-txt .alignright, .default-txt img.alignright { float: right; display: inline; margin: 10px 0 0 20px; } .default-txt .aligncenter, .default-txt img.aligncenter { clear: both; display: block; margin: 0 auto 20px; } .default-txt img.alignleft, .default-txt img.alignright, .default-txt img.aligncenter { margin-bottom: 5px; margin-top: 5px; } .default-txt img.alignleft, .default-txt img.alignright { border: 1px solid #ccc; } .default-txt .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 10px; padding: 8px 4px 4px; } .default-txt .wp-caption img { margin: 0 auto; display: block; } .default-txt .wp-caption p.wp-caption-text { color: #888; font-size: 12px; line-height: 14px; margin: 5px !important; } .default-txt hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 18px; } /* =ARTICLE CONTAINER -------------------------------------------------------------- */ #article-container.has-attachment {} #back-to-article { padding: 0; } #article-container .date { color: #333; font-size: 12px; } #back-to-article { } #article-container .default-txt { } /* =ARTICLE ATTACHMENT -------------------------------------------------------------- */ .attachment-meta {} .attachment-container {} .attachment-container .attachment {} .attachment-document {} .attachment-caption { font-weight: bold; } .attachment-caption p { margin: 0; } .attachment-description { font-style: italic; } .attachment-img {} .attachment-file { font-weight: bold; font-size: 16px; line-height: 18px; padding-bottom: 10px; } /* GALLERY LIST */ #gallery-list { margin: 0 0 0 39px; } #gallery-list .photo { float: left; width: 247px; height: 245px; overflow: hidden; position: relative; margin: 0 0 18px 75px; background: url(../images/css/thumb-bkg.gif) no-repeat 0 0; } #gallery-list .first-in-row { margin-left: 0; } #gallery-list .photo img { display: block; margin: 1px; width: 245px; height: 152px; } #gallery-list .zoom { position: absolute; top: 1px; left: 0px; cursor: pointer; display: none; background: url(../images/css/thumb-overlay-bkg.png); } #gallery-list .over .zoom { display: block; width: 245px; height: 152px; } #gallery-list h2 { color: #721301; font: bold 14px/18px "Droid Sans", Arial, sans-serif; padding: 10px 0 1px 0; } #gallery-list h2 p {} /* MATERIAL LIST */ #material-list-container { margin: 0 0 0 39px; } #material-list-container.loading { background: url(../images/css/loader.gif) no-repeat 50% 40px; } #material-list-container.loading * { visibility: hidden; } #material-list-container ul { list-style: none; } #material-list-container .photo { float: left; width: 127px; height: 185px; overflow: hidden; position: relative; margin: 0 0 0 26px; border-top: 1px solid #b7b6b6; background: url(../images/css/thumb-125-bkg.gif) no-repeat 50% 100%; } #material-list-container .first-in-row { margin-left: 0; clear: both; } #material-list-container .photo img { display: block; margin: 0 1px; width: 125px; } #material-list-container .photo a { text-decoration: none; } #material-list-container h2 { color: #721301; font: normal 13px/15px "Droid Sans", Arial, sans-serif; padding: 10px 0 1px 0; } #material-list-container h2 p {} body.page-id-43 #material-list-container .photo, body.page-id-49 #material-list-container .photo { height: 150px; } #material-list-container #no-results { padding: 50px 20px; text-align: center; } #gallery-pagination { margin: 0 39px 20px; position: relative; top: -5px; } #gallery-pagination ul { list-style: none; float: right; } #gallery-pagination li { float: left; font-weight: bold; margin-left: 15px; font-size: 14px; line-height: 14px; } #gallery-pagination li a { float: left; padding: 3px 7px; color: #242021; text-decoration: none; } #gallery-pagination li a:hover, #gallery-pagination li.selected a { background: #7f7f7f; color: #fff; } /* OVERLAYS */ .thumb-overlay { top: -9999px; left: -9999px; position: absolute; width: 330px; z-index: 100; background: #fff; padding: 5px; border: 1px solid #ccc; } .thumb-overlay .inner { } .thumb-overlay .thumb { background: url(../images/css/loader.gif) no-repeat 50% 50%; } .thumb-overlay img { display: block; width: 330px; } .overlay-left { top: -9999px; left: -9999px; position: absolute; width: 330px; background: #fff; z-index: 100; } .overlay-left .inner { } .thumb-overlay .overlay-content { padding: 0; } .thumb-overlay .overlay-content p { font-size: 14px; line-height: 16px; font-weight: bold; text-align: center; padding: 5px 0; } #overlays-container .thumb-overlay { display: none;} #overlays-container .overlay-visible { display: block; } /* = CATEGORY LISTING -------------------------------------------------------------- */ #category-articles { background: url(../images/css/article-bkg.gif) repeat-x 0 0; margin: 4px 0 0; position: relative; } #category-articles h1 { padding-right: 35px; } #rss-feed { position: absolute; top: 0; right: 0; } #rss-feed img { display: block; } #category-articles .article { margin-bottom: 10px; padding-right: 45px; } #category-articles .first-child { } #category-articles .article h2 { color: #721301; font: bold 14px/20px "Droid Sans", Arial, sans-serif; } #category-articles .article h2 a { color: #721301; } #category-articles .date { padding: 10px 0; color: #959595; } #category-articles .article h2 a:hover { } #category-articles .more { display: none; } #category-articles .read-more { clear: both; margin-top: -10px; text-align: right; } #back-to-news { padding: 0 0 10px; } #back-to-news a { padding: 0 0 0 12px; background: url(../images/css/arrow-blue-back.gif) no-repeat 0 4px; } /* GET A QUOTE */ #quote-form-container { border: 1px solid #e3e3e3; padding: 20px 0 0; background: url(../images/css/icon-pen.gif) no-repeat 355px 20px; } #quote-form-container form { width: 380px; overflow: hidden; margin: 0 auto; padding: 0; } #quote-form-container .formBuilderLabelRequired, #quote-form-container .formBuilderLabel { float: left; width: 120px; padding: 2px 0 0 10px; color: #000; font-size: 12px; line-height: 16px; overflow: hidden; margin: 0; font-weight: normal; } #quote-form-container .formBuilderLabelRequired { background: url(../images/css/required.gif) no-repeat 0 3px; } #quote-form-container .formBuilderSelect select { width: 160px; font-size: 12px; } #quote-form-container .formBuilderField { margin-bottom: 10px; } #quote-form-container .formBuilderSelect select { float: right; width: 290px; } #quote-form-container .formBuilderLargeTextarea textarea, #quote-form-container .formBuilderInput input { float: right; border: 0; width: 290px; } #quote-form-container .formBuilderForm textarea { width: 230px !important; height: 150px !important; overflow: auto; } #quote-form-container .formBuilderForm .formBuilderSubmit { text-align: right; padding: 0; } #quote-form-container .formBuilderForm .formBuilderSubmit input { display: block; margin: 0 0 0 auto; } #quote-form-container .formBuilderForm .formBuilderInput input, #quote-form-container .formBuilderForm textarea { padding: 6px; color: #333; border: 0; font-size: 11px; line-height: 13px; background: #E3E3E3; display: block; border: 0; } #quote-form-container .formBuilderForm select { width: 263px; } #quote-form-container .formBuilderForm .formBuilderInput input { width: 230px; } #quote-form-container label.error { display: block; font-size: 11px; line-height: 12px; padding-top: 1px; color: #f00; clear: both; margin: 0 0 0 138px; } #quote-form-container .formBuilderForm .formBuilderError { display: none; color: #f00; padding: 0; font-weight: normal !important; } #quote-form-container .formBuilderSuccess { font-size: 13px; line-height: 14px; font-weight: normal; background: #cfe6af; padding: 10px; margin: 0 20px 15px; border: 0; } #quote-form-container .formBuilderSuccess h4 { font-size: 13px; line-height: 14px; font-weight: normal; color: #000; } #quote-form-container .formBuilderFailure { background: #fe8989; padding: 10px; margin: 0 20px 10px 20px; border: 0;} #quote-form-container .formBuilderFailure p, #quote-form-container .formBuilderFailure ul { margin-bottom: 0 !important; } #quote-form-container .formBuilderFailure h4 { display: none; } #quote-form-container .formBuilderSuccess p, #quote-form-container .formBuilderFailure p, #quote-form-container .formBuilderSuccess li, #quote-form-container .formBuilderFailure li { font-size: 13px; line-height: 14px; } #quote-form-container .formBuilderSuccess p, #quote-form-container .formBuilderSuccess a, #quote-form-container .formBuilderFailure p, #quote-form-container .formBuilderFailure a { color: #000; } /* VKC */ #vkc-container { text-align: center; padding: 0 0 10px; } .template-vkc h1 { padding: 30px 95px 0; } #print-color-cobination { width: 252px; height: 48px; font-size: 14px; line-height: 17px; font-weight: bold; margin: 10px auto; background: url(../images/css/button-271-48.png) no-repeat 0 0; } #print-color-cobination a { width: 252px; height: 37px; padding: 8px 0 0; display: block; color: #fff; text-align: center; text-decoration: none; } /* CONTACT */ .layout-contact #main-content { float: left; width: 454px; overflow: hidden; } .layout-contact #article-container { float: left; width: 200px; overflow: hidden; } #hours-of-operation-and-specials { float: right; width: 239px; overflow: hidden; } #quote-form-container h2 { font-size: 18px; line-height: 20px; margin-bottom: 10px; margin-left: 20px; color: #721301; font-weight: bold; padding: 5px 0 15px; } #hours-of-operation h1 { font-size: 14px; line-height: 16px; margin-bottom: 18px; color: #721301; font-weight: bold; } #hours-of-operation .default-txt { min-height: 236px; height: auto !important; height: 236px; } #quote-form-container .required-field-info { margin-left: 20px; } #quote-form-container { float: right; width: 421px; margin: 92px 30px 0 0; } /* SITEMAP */ #sitemap-links {} #sitemap-links li { font-weight: bold; } #sitemap-links li ul { padding: 10px 0; } #sitemap-links li li { margin-left: 15px; font-weight: normal; } /* LOCATIONS */ #locations { clear: both; text-align: right; padding: 10px 10px 0; } #locations .location { float: right; margin-left: 25px; text-align: left; } #locations .location p { font-size: 12px; line-height: 14px; } /* FILTER BY */ #filter-tags { padding: 20px 0 20px 39px; } #filter-tags select { width: 300px; } #edge-detail-link { width: 250px; margin: -48px 40px 48px auto; text-align: right; font-size: 14px; line-height: 16px; font-weight: bold; text-transform: uppercase; } #edge-detail-link a { color: #323232; text-decoration: none; } #edge-detail-link a:hover { color: #721301; } /* =FOOTER -------------------------------------------------------------- */ #footer { background: #7e7e7e; padding: 15px 0; position: relative; } #footer li, #footer p { color: #fff; font-size: 12px; line-height: 14px; } #footer .section { float: right; width: 410px; margin: 0 56px 0 0; overflow: hidden; } #footer .first-section { float: left; width: 320px; margin: 0; overflow: hidden; } #footer .first-section p { padding-bottom: 2px; } #footer .first-section p span { background: url(../images/css/footer-splitter.gif) no-repeat 0 2px; margin-left: 4px; padding-left: 10px; } #footer .first-section p a { color: #fff; } #footer-nav ul { padding-bottom: 0; text-align: right; } #footer-nav li { display: inline; background: url(../images/css/footer-splitter.gif) no-repeat 0 2px; margin-left: 4px; padding-left: 10px; } #footer-nav li a { display: inline; color: #fff; } #footer-nav li:first-child { background: 0; padding-left: 0; margin-left: 0; } #link-facebook { position: absolute; top: 35; right: 0;} #link-facebook img { display: block; } /* FANCYBOX */ #fancybox-left span { left: 20px; } #fancybox-right span { left: auto; right: 20px; } #fancybox-title-over span { position: absolute; right: 10px; top: 10px; } #service-areas-wrapper{ width: 980px; height: 400px; margin-bottom: 20px; margin:0 auto; padding-top: 10px; padding-left: 5px; } .home .service-areas { text-align: left; list-style: list; width: 230px; float: left; margin-left: 5px; margin-right: 10px; margin-bottom: 20px; } .service-areas ul { } .service-areas li { } .service-areas li a { line-height: 10px; font-size: 12px; } .service-areas li a:hover {} /* =SITE WIDE -------------------------------------------------------------- */ #searchform label { position: absolute; top: -9999px; left: -9999px; } #material-list-container:after, #material-list-container ul:after, #gallery-pagination:after, #gallery-list:after, #locations:after, #footer-nav ul:after, #featured-galleries:after, #slideshow-and-owner:after, #menu-header:after, #navigation-container:after, .field:after, .formBuilderField:after, .wp-paginate:after, .default-txt:after, #layout:after, #content-inner:after, #header:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }