/* Theme Name: Al Bar Wilmette Platers Theme URI: http://wordpress.org/ Author: Al Bar Wilmette Platers 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; } 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: 400 13px/20px "Lato", Arial, sans-serif; color: #000; background: #fff; } a { color: #000; 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: 20px; } select, input, textarea { outline: 0; font-family: "Lato", Arial, sans-serif; } legend { white-space: normal; } @media only screen and (orientation: portrait) { /*.browser-idevice { background: #fff; }*/ } @media only screen and (orientation: landscape) { } /* =Layout -------------------------------------------------------------- */ #layout { background-position: 50% 133px !important; } body.layout-post #layout, body.layout-search #layout, body.layout-category #layout, body.layout-contact #layout, body.layout-project-gallery #layout, body.home #layout { background-position: 50% 99px !important; } .grid { width: 1000px; margin: 0 auto; position: relative; } #header { position: relative; z-index: 100; background: url(../images/css/header-bkg.gif) no-repeat 50% 0; } body.layout-post #header, body.layout-search #header, body.layout-category #header, body.layout-contact #header, body.layout-project-gallery #header, body.layout-project-gallery-photos #header, body.home #header { background: url(../images/css/header-99-bkg.gif) no-repeat 50% 0; } #header .grid { height: 133px; } #content { clear: both; padding: 30px 0 30px; } body.home #content { padding: 100px 0 50px; } #content-inner { padding: 0 0 25px; min-height: 483px; height: auto !important; height: 483px; background: #fff url(../images/css/content-bkg.gif) no-repeat 50% 100%; } body.home #content-inner { padding: 0 0 20px; min-height: 0; height: auto !important; height: 0; } .layout-contact #content-inner { position: static; } .layout-hiring #content-inner { } /*.layout-finishes #content-inner { padding-bottom: 0px; min-height: 508px; height: auto !important; height: 508px; }*/ .layout-404 { background: url(../images/css/body-bkg.jpg) no-repeat 50% 0; } #main-content, #sidebar { overflow: hidden; } .layout-capabilities-highlights #sidebar { float: left; width: 266px; } .layout-hiring #sidebar, .layout-text-and-photo #sidebar { float: left; width: 246px; } .layout-finish-options #sidebar { float: left; width: 220px; padding: 48px 0 0; } .layout-finish-options #main-content { float: right; width: 737px; margin: 0 29px 0 0; overflow: visible; } .layout-hiring #main-content { float: right; width: 681px; margin: 0 29px 0 0; } .layout-capabilities-highlights #main-content { float: right; width: 629px; margin: 0 29px 0 0; } .layout-text-and-photo #main-content { float: right; width: 656px; margin: 0 29px 0 0; } .layout-project-gallery #page-intro { float: left; width: 287px; margin: 0 0 0 28px; } .layout-project-gallery #main-content { float: right; width: 626px; margin: 0 29px 0 0; } .layout-search #main-content, .layout-post #main-content, .layout-category #main-content { float: left; width: 660px; margin: 0 0 0 29px; } .layout-category #main-content { padding-top: 5px; } .layout-post #sidebar, .layout-category #sidebar { float: right; width: 225px; margin: 0 29px 0 0; padding-top: 5px; } .layout-contact #main-content { float: right; width: 600px; margin: 0 29px 0 0; } .layout-404 #main-content { margin: 0 29px 0 29px; } .layout-attachment #main-content { margin: 0 29px 0 29px; } /* =HEADER -------------------------------------------------------------- */ #banner { margin:0px auto; padding: 0; height: 7%; width: 100%; text-align: center; overflow:hidden; border:solid; background-color:#87CEEB; border-color:black; border-width: 0px 0px 3px 0px} #logo, #logo a { display: block; width: 127px; height: 129px; } #logo { position: absolute; top: 4px; left: 28px; float: left; background: url(../images/css/logo.png) no-repeat 0 0; } #logo a { text-indent: -9999px; overflow: hidden; } /* NAVIGATION */ #navigation-container { float: right; z-index: 100; clear: both; padding: 45px 4px 0 0; } #menu-header { float: right; } #menu-header ul { float: right; position: relative; } #menu-header li { float: left; font-size: 16px; line-height: 18px; color: #000; text-transform: uppercase; } #menu-header li#menu-item-49 { }/* services */ #menu-header li#menu-item-50 { }/* project gallery */ #menu-header li#menu-item-51 { margin-left: -6px; }/* finishes */ #menu-header li#menu-item-52 { margin-left: -8px; }/* about */ #menu-header li#menu-item-53 { margin-left: -21px; }/* blog */ #menu-header li#menu-item-54 { margin-left: -8px;}/* contact */ #menu-header li.over { } #menu-header li a { display: block; color: #754c24; padding: 12px 0 24px; min-width: 125px; width: auto !important; width: 125px; white-space: nowrap; text-align: center; text-decoration: none; } body.layout-post #menu-header li a, body.layout-search #menu-header li a, body.layout-category #menu-header li a, body.layout-contact #menu-header li a, body.layout-project-gallery #menu-header li a, body.home #menu-header li a { padding-bottom: 14px; } #menu-header li a:hover { color: #608ea6; } #menu-header li#menu-item-50 a { min-width: 196px; width: auto !important; width: 196px; } #menu-header li.first-child { margin-left: 0; } .layout-post #menu-item-53, .layout-category #menu-item-53, #menu-header .current-post-ancestor, #menu-header .current-category-ancestor, #menu-header .current-menu-ancestor, #menu-header .current-menu-parent, #menu-header .current_page_parent, #menu-header .current_page_ancestor, #menu-header .over, #menu-header .current-page-ancestor, #menu-header .current-menu-item { } .layout-post #menu-item-53 a, .layout-category #menu-item-53 a, #menu-header .current-post-ancestor a, #menu-header .current-category-ancestor a, #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 { background: url(../images/css/nav-highlight.gif) no-repeat 50% 0; } .layout-finish-options #menu-header #menu-item-479.current-post-ancestor a, .layout-finish-options #menu-header #menu-item-479.current-category-ancestor a, .layout-finish-options #menu-header #menu-item-479.current-menu-ancestor a, .layout-finish-options #menu-header #menu-item-479.current-menu-parent a, .layout-finish-options #menu-header #menu-item-479.current_page_parent a, .layout-finish-options #menu-header #menu-item-479.current_page_ancestor a, .layout-finish-options #menu-header #menu-item-479.over a, .layout-finish-options #menu-header #menu-item-479.current-page-ancestor a, .layout-finish-options #menu-header #menu-item-479.current-menu-item a { color: #C5DBE7; } #menu-header #menu-item-50.current-post-ancestor a, #menu-header #menu-item-50.current-category-ancestor a, #menu-header #menu-item-50.current-menu-ancestor a, #menu-header #menu-item-50.current-menu-parent a, #menu-header #menu-item-50.current_page_parent a, #menu-header #menu-item-50.current_page_ancestor a, #menu-header #menu-item-50.over a, #menu-header #menu-item-50.current-page-ancestor a, #menu-header #menu-item-50.current-menu-item a { background: url(../images/css/nav-highlight-196.gif) no-repeat 50% 0; } #menu-header li ul { float: none; position: absolute; top: -9999px; left: -9999px; } #menu-header li.current-post-ancestor ul, #menu-header li.current-category-ancestor ul, #menu-header li.current-menu-ancestor ul, #menu-header li.current-menu-parent ul, #menu-header li.current_page_parent ul, #menu-header li.current_page_ancestor ul, #menu-header li.current-page-ancestor ul, #menu-header li.current-menu-item ul { display: block; position: absolute; top: 61px; left: 25px; } #menu-header li#menu-item-51.current-post-ancestor ul, #menu-header li#menu-item-51.current-category-ancestor ul, #menu-header li#menu-item-51.current-menu-ancestor ul, #menu-header li#menu-item-51.current-menu-parent ul, #menu-header li#menu-item-51.current_page_parent ul, #menu-header li#menu-item-51.current_page_ancestor ul, #menu-header li#menu-item-51.current-page-ancestor ul, #menu-header li#menu-item-51.current-menu-item ul { left: 307px; } #menu-header li li { float: left; font: 17px/21px "Open Sans Condensed", Arial, sans-serif; text-transform: none; margin: 0 0 0 27px; } #menu-header li li a { color: #c5dbe7; padding: 0 !important; background: 0 !important; width: auto !important; min-width: 0 !important; } #menu-header li#menu-item-52 li { margin-left: 15px; } #menu-header li#menu-item-51 li { margin-left: 37px; } #menu-header li li.current-post-ancestor a, #menu-header li li.current-category-ancestor a, #menu-header li li.current-page-ancestor a, #menu-header li li.current-menu-item a, #menu-header li li.current_page_item a { color: #fff; } #menu-header li li:first-child { margin-left: 0; } #menu-header li.over li a { } #menu-header li li a:hover { color: #fff !important; } /* SOCIAL LINKS */ #social-links { list-style: none; position: absolute; top: 11px; right: 30px; } #social-links li { float: left; position: relative; } #social-links li a { display: block; overflow: hidden; text-indent: -9999px; height: 20px; } #social-links .linkedin a { width: 17px; background: url(../images/css/icon-linkedin.png) no-repeat 0 0; } #social-links .pinterest a { width: 15px; background: url(../images/css/icon-pinterest.png) no-repeat 0 0; } #social-links .facebook a { width: 9px; background: url(../images/css/icon-facebook.png) no-repeat 0 0; } #social-links li.expanded a, #social-links li a:hover { background-position: 0 -20px; } #social-links .linkedin { } #social-links .pinterest { margin-left: 17px; } #social-links .facebook { margin-left: 14px; } #searchform { float: left; width: 153px; position: absolute; top: 12px; left: 687px; overflow: hidden; } #searchform #s { float: left; border: 0; padding: 2px 5px; font: 12px/14px Arial, sans-serif; color: #385563; width: 120px; background: #e7edf0; } #searchform .input-submit { float: right; } /* .browser-safari #searchform #s, .browser-chrome #searchform #s { margin-top: 0; } .platform-mac #searchform #s { height: 15px; }*/ /* =ARTICLE STYLE -------------------------------------------------------------- */ #category-title, #content h1 { font-size: 20px; line-height: 22px; color: #754c24; margin: 0 28px 30px; text-transform: uppercase; padding: 18px 0 20px; border-bottom: 1px solid #afc2cd; } .layout-post #main-content h1 { color: #754c24; font-size: 32px; line-height: 37px; text-transform: none; padding: 0; margin: 0 0 4px; border: 0; } .layout-project-gallery #content h1, .layout-events #content h1, .layout-customer-feedback #content h1, .layout-recognition #content h1, .layout-associations #content h1, .layout-staff #content h1 { border: 0; margin-bottom: 0; } .layout-finish-options #content h1 { margin-bottom: 35px; } .default-txt h2 { color: #754c24; font-weight: 400; font-size: 13px; line-height: 20px; margin: 0; } .layout-services .default-txt h2 { font-weight: 700; margin: 0 0 10px; } .default-txt h3 { color: #754c24; font-weight: 400; font-size: 13px; line-height: 20px; margin: 0; } .default-txt h4, .default-txt h5 { color: #754c24; font-weight: 400; font-size: 13px; line-height: 20px; margin: 0; } .default-txt p, .default-txt ul, .default-txt dl, .default-txt ol { margin-bottom: 20px; } .default-txt p.last-child, .default-txt ul.last-child, .default-txt dl.last-child, .default-txt ol.last-child { margin-bottom: 0px; } .default-txt dt { font-weight: bold; } .default-txt ul { list-style: none; } .default-txt ul li { padding: 0 0 0 10px; background: url(../images/css/li-dot-large.png) no-repeat 0 7px; } .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%; } .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 20px 35px; min-height: 50px; height: auto !important; height: 50px; background: url(../images/css/quote.png) no-repeat 0 0; } .default-txt blockquote, .default-txt blockquote p { font-size: 16px; line-height: 22px; font-style: italic; } .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; } .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 { color: #608ea6; text-decoration: underline; } .default-txt a:hover, .default-txt a:active, .default-txt a:focus { text-decoration: none; } .default-txt .phone { font-weight: 700; color: #754c24; } .txt-13-24 p, .txt-13-24 li, .txt-13-24 dd, .txt-13-24 dt, .txt-13-24 td, .txt-13-24 th, .txt-13-24 caption { font-size: 13px; line-height: 24px; } .txt-13-24 p, .txt-13-24 ul, .txt-13-24 ol, .txt-13-24 table, .txt-13-24 dl { margin-bottom: 24px; } .txt-12-18 p, .txt-12-18 li, .txt-12-18 dd, .txt-12-18 dt, .txt-12-18 td, .txt-12-18 th, .txt-12-18 caption { font-size: 12px; line-height: 18px; } .txt-12-18 p, .txt-12-18 ul, .txt-12-18 ol, .txt-12-18 table, .txt-12-18 dl { margin-bottom: 18px; } .txt-12-20 p, .txt-12-20 li, .txt-12-20 dd, .txt-12-20 dt, .txt-12-20 td, .txt-12-20 th, .txt-12-20 caption { font-size: 12px; line-height: 20px; } .txt-12-20 p, .txt-12-20 ul, .txt-12-20 ol, .txt-12-20 table, .txt-12-20 dl { margin-bottom: 20px; } .blog-post .default-txt p { text-align: left !important; } .blog-post .fancybox img.aligncenter { text-align: left !important; margin: 0 auto 0 0; } /* /services/plumbing-restoration/get-started/ and /services/hardware-restoration/ways-to-work-with-us/ */ .page-id-526 .default-txt h2, .page-id-813 .default-txt h2 { margin-bottom: 20px; } /* HOME */ #featured-articles { margin: 0 28px; padding: 38px 0 5px; } #featured-articles-inner { background: url(../images/css/featured-articles-dividers.png) repeat-y 470px 0; } #featured-articles h2 { font-size: 18px; line-height: 24px; text-transform: none; margin: -5px 0 18px; } #featured-articles h2 a { color: #608ea6; } #featured-articles .photo img { display: block; } #featured-articles .default-txt a.more { display: none; } #featured-articles .more a { color: #3a5563; text-decoration: underline; } #featured-articles .more a:hover { text-decoration: none; } #featured-articles .default-txt p.last-child { margin-bottom: 0; } #featured-story { float: left; width: 446px; overflow: hidden; } #featured-story h2 {} #featured-story .default-txt { float: right; width: 213px; overflow: hidden; } #featured-story .photo { float: left; width: 218px; overflow: hidden; } #featured-story .photo img {} #featured-blog { float: left; width: 200px; margin-left: 49px; overflow: hidden; } #featured-blog h2 {} #featured-blog h2 a {} #featured-blog .photo { width: 200px; height: 128px; overflow: hidden; margin: 0 0 8px; } #featured-blog .photo img { } #featured-blog .default-txt {} #featured-blog .more {} #featured-blog .more a {} #featured-blog .default-txt p { display: inline; } #featured-profile { float: left; width: 200px; margin-left: 49px; overflow: hidden; } #featured-profile h2 {} #featured-profile h2 a {} #featured-profile .photo { width: 200px; height: 128px; overflow: hidden; margin: 0 0 8px; position: relative; } #featured-profile .photo img { position: relative; top: -15px; width: 200px; } #featured-profile .default-txt {} #featured-profile .more {} #featured-profile .more a {} #featured-profile .default-txt p { display: inline; } /* TEXT AND PHOOT */ .layout-text-and-photo #article-container { float: left; width: 100%; } .layout-text-and-photo .default-txt { float: left; width: 342px; overflow: hidden; } .layout-text-and-photo #article-sidebar, .layout-text-and-photo .photo { float: right; width: 285px; overflow: hidden; } .layout-text-and-photo #article-sidebar .photo { float: none; padding: 7px 0 0; } .layout-text-and-photo .photo img { display: block; } .layout-text-and-photo .photo p { float: right; width: 285px; font-size: 10px; line-height: 13px; font-style: italic; text-align: right; padding: 4px 0 0; } /* HISTORY */ .layout-history .wide-photo .default-txt { float: none; padding: 30px 0 0; width: auto; } .layout-history .wide-photo .photo { float: none; width: 656px; overflow: hidden; } #menu-sidebar {} #menu-sidebar ul { list-style: none; padding: 1px 0 0; } #menu-sidebar li { font-size: 16px; line-height: 24px; margin: 0 0 10px; } #menu-sidebar li a { float: left; padding: 1px 0 3px 28px; color: #608ea6; } #menu-sidebar li.current_page_item a { color: #754c24; background: url(../images/css/subnav-icon.gif) no-repeat 0 0; } .layout-finish-options #menu-sidebar li { margin: 0 0 13px; } /* STAFF */ #staff-details { float: left; width: 287px; margin: 0 0 0 28px; position: relative; overflow: hidden; } #staff-details .profile-details { color: #3a5563; display: none; padding: 96px 0 0; width: 287px; position: absolute; top: 0; left: 0; } #staff-details .active { display: block; } #staff-list { float: right; width: 626px; margin: 0 28px 0 0; position: relative; } #staff-list-items { background: #e2eaef; height: 410px; } #staff-list .profile { float: left; width: 208px; height: 204px; overflow: hidden; margin: 0 0 1px 1px; position: absolute; top: -9999px; left: -9999px; background: #c6d6e0; cursor: pointer; } #staff-list .first-in-row { margin-left: 0; } #staff-list .visible { position: relative; top: 0; left: 0; } #staff-list .title-and-role { position: absolute; z-index: 10; top: 160px; left: 0; text-align: center; padding: 10px 15px 8px 15px; width: 178px; color: #fff; background: url(../images/css/staff-title-bkg.png); } #staff-list .title-and-role h2 { font-size: 16px; line-height: 22px; padding: 0 0 4px; } #staff-list .title-and-role p { font-size: 14px; line-height: 16px; padding: 0 0 17px; opacity: 0; } #staff-list .photo { position: relative; z-index: 5; } #staff-list .photo img { display: block; } /* NOW HIRING */ .layout-hiring #article-container { float: left; width: 100%; } .layout-hiring .default-txt .col { float: right; width: 310px; overflow: hidden; } .layout-hiring .default-txt .first-col { float: left; } .layout-hiring .default-txt h2 { text-transform: uppercase; } #button-apply-now { font-size: 13px; line-height: 15px; text-transform: uppercase; margin: 7px 0 22px; } #button-apply-now a { float: left; background: #754c24; padding: 10px 0; color: #fff; width: 172px; text-align: center; } #button-apply-now a:hover { background: #608ea6; text-decoration: none; } /* ASSOCIATIONS */ #associations-list { margin: 0 28px; position: relative; } #associations-list-items { background: url(../images/css/associations-bkg.gif) no-repeat 0 0; width: 946px; height: 410px; } #associations-list .entry { float: left; width: 235px; height: 204px; overflow: hidden; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #associations-list .first-in-row { } #associations-list .last-in-row { margin-right: -1px; } /* LAYOUT LOGIN */ #login-form { width: 262px; position: relative; margin: 0 0 0 28px; overflow: hidden; } #login-form form {} #login-form .field {} #login-form .form-info { padding: 1px 0 14px; } #login-form .type-text { margin: 0 0 18px; } #login-form .type-text input { font-size: 12px; line-height: 14px; color: #000; border: 0; width: 252px; padding: 5px 5px; display: block; background: #c6d6e0; border: 0; } #login-form .actions { padding: 4px 0 0; } #login-form .actions input { display: block; } #login-form .error { padding: 10px; margin: -5px 0 15px; background: #ff1414; } #login-form .error p { font-size: 13px; line-height: 15px; font-weight: bold; margin-bottom: 5px; color: #fff; } /* RECOGNITION LIST */ #recognition-list { margin: 0 28px; position: relative; } #recognition-list-items { background: url(../images/css/recognition-bkg.gif) no-repeat 0 0; height: 411px; width: 946px; } #recognition-list .entry { float: left; width: 188px; height: 136px; overflow: hidden; border-bottom: 1px solid #fff; border-right: 1px solid #fff; background: #e2eaef; position: relative; cursor: pointer; } #recognition-list .first-in-row { } #recognition-list .last-in-row { margin-right: -1px; } #recognition-list .logo {} #recognition-list .logo img { display: block; } #recognition-list .details { padding: 16px 20px 0; width: 148px; height: 120px; overflow: hidden; display: none; position: absolute; top: 0; left: 0; background: #fff; } #recognition-list .details h2 { font-size: 14px; line-height: 17px; color: #754c24; font-weight: 700; margin: 0 0 10px; } #recognition-list .details p { font-size: 12px; line-height: 14px; } #recognition-list .details a { text-decoration: underline; } #recognition-list .details a:hover { text-decoration: none; } /* CUSTOMER FEEDBACK */ #feedback-list { margin: 0 28px; position: relative; } #feedback-list-items { background: url(../images/css/feedback-bkg.gif) no-repeat 0 0; width: 946px; height: 410px; } #feedback-list .entry { float: left; width: 235px; height: 204px; position: relative; border-bottom: 1px solid #fff; border-right: 1px solid #fff; background: #e2eaef; } #feedback-list .active { z-index: 20; } #feedback-list .last-in-row { margin-right: -1px; } #feedback-list .intro { position: absolute; top: 0; left: 0; width: 195px; overflow: hidden; padding: 34px 20px 0; text-align: center; } #feedback-list .intro p { font-size: 18px; line-height: 22px; color: #000; margin: 0 0 27px; } #feedback-list .intro p.more { font-size: 12px; line-height: 14px; } #feedback-list .intro p.more a { color: #754c24; } #feedback-list .details { position: absolute; top: -205px; left: 0; width: 181px; overflow: hidden;padding: 12px 27px 0; background: #fff; display: none; height: 398px; } #feedback-list .first-row .details { top: 0; } /* EVENT LIST */ #events-list { margin: 0 28px; position: relative; } #events-list-items { background: url(../images/css/events-bkg.gif) no-repeat 0 0; height: 411px; width: 946px; } /*#events-list.loading { background: url(../images/css/ajax-loader.gif) no-repeat 50% 50%; } #events-list.loading * { visibility: hidden; }*/ #events-list .entry { float: left; width: 188px; height: 136px; overflow: hidden; border-bottom: 1px solid #fff; border-right: 1px solid #fff; background: #e2eaef; position: relative; cursor: pointer; } #events-list .last-in-row { margin-right: -1px; } #events-list .logo {} #events-list .logo img { display: block; } #events-list .details { padding: 16px 12px 0; width: 164px; display: none; position: absolute; top: 0; left: 0; height: 120px; background: #fff; overflow: hidden; } #events-list .details h2 { font-size: 14px; line-height: 17px; color: #754c24; font-weight: 700; margin: 0 0 10px; } #events-list .details p { font-size: 12px; line-height: 14px; } #events-list .details a { text-decoration: underline; } #events-list .details a:hover { text-decoration: none; } /* PAGINATION */ .prev-next { list-style: none; padding: 0; clear: both; position: absolute; bottom: -23px; left: 0; width: 942px; } .prev-next li { font-size: 12px; line-height: 14px; } .prev-next li a { color: #754c24; } .prev-next li.prev { float: left; } .prev-next li.next { float: right; } #finishes-gallery .prev-next { width: 737px; } #staff-list .prev-next { width: 626px; } /* FINISHES */ #finishes-overview { margin: 0 28px; } #finishes-overview .column { float: left; width: 288px; margin-left: 40px; overflow: hidden; } #finishes-overview .first-column { margin-left: 0; } #finishes-overview .photo { padding: 33px 0 0; } #finishes-overview .photo img { display: block; margin: 0 0 0 auto; } #see-finish-options { font-size: 13px; line-height: 15px; text-transform: uppercase; margin: 30px 0 0; } #see-finish-options a { float: left; background: #754c24; padding: 10px 0; color: #fff; width: 172px; text-align: center; } #see-finish-options a:hover { background: #608ea6; text-decoration: none; } #finishes-gallery { float: left; width: 100%; position: relative; } #finishes-gallery-items { background: url(../images/css/finishes-gallery-bkg.gif) no-repeat 0 0; height: 374px; width: 739px; } #finishes-gallery .photo { float: left; position: relative; width: 245px; height: 186px; overflow: hidden; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: none; } #finishes-gallery .visible { display: block; } #finishes-gallery .first-in-row { } #finishes-gallery .last-in-row { margin-right: -1px; } #finishes-gallery .photo h2 { position: absolute; bottom: 0; left: 0; width: 245px; font-size: 18px; line-height: 24px; color: #fff; text-align: center; background: url(../images/css/finish-options-gallery.png); } #finishes-gallery .photo h2 a { color: #fff; display: block; padding: 15px 15px 21px; text-decoration: none; } #finishes-gallery .thumbnail {} #finishes-gallery .thumbnail img { display: block; } .layout-finishes .default-txt h2 { text-transform: uppercase; } /* DOWNLOAD OVERLAY */ #photo-overlay { position: absolute; top: 0; left: 0; z-index: 101; width: 100%; background: url(../images/css/overlay-bkg.png); } #photo-overlay-inner { margin: 0 auto; padding: 240px 0 0; position: relative; text-align: center; } #photo-overlay-image { padding: 24px; display: inline-block; margin: 0 auto; background: #fff url(../images/css/ajax-loader.gif) no-repeat 50% 50%; } #photo-overlay-image img { display: block; } #photo-overlay-image-and-description { padding: 24px; display: inline-block; margin: 0 auto; background: #fff; } #photo-overlay-image-and-description #photo-overlay-image { padding: 0; display: block; } #photo-description { text-align: left; padding: 20px 0 20px; position: relative; } #photo-description-inner { } #photo-description h2 { color: #754C24; font-size: 16px; line-height: 20px; font-weight: 400; margin: 0 100px 15px 0; } #photo-description p { line-height: 24px; } #share-widget-container { position: absolute; top: 20px; right: 0; } #photo-overlay-content { position: relative; } #gallery-controls { width: 125px; height: 41px; margin: 0 auto 1px; } #gallery-controls p, #gallery-controls p a { width: 41px; height: 41px; overflow: hidden; display: block; } #gallery-controls p { float: left; margin-left: 1px; } #gallery-controls p a { text-indent: -9999px; } #gallery-controls p a:hover { background-position: 0 -41px; } #gallery-controls .close a { background: url(../images/css/gallery-close.jpg) no-repeat 0 0; } #gallery-controls .prev a { background: url(../images/css/gallery-prev.jpg) no-repeat 0 0; } #gallery-controls .next a { background: url(../images/css/gallery-next.jpg) no-repeat 0 0; } #gallery-controls .prev { margin-left: 0; } /* HARWARE RESTORATION */ #documents-list { background: #c6d6e0; margin: 13px 0 0; } #documents-list ul { list-style: none; padding: 20px 20px; } #documents-list li:first-child { margin-top: 0; } #documents-list li { font-size: 13px; line-height: 20px; margin-top: 8px; padding: 0 0 0 18px; background: url(../images/css/icon-pdf.png) no-repeat 0 2px; } #documents-list li a { } .layout-services .icon-phone { background: url(../images/css/icon-phone.png) no-repeat 0 0; padding: 2px 0 12px; } .layout-services .icon-email { background: url(../images/css/icon-email.png) no-repeat 0 2px; padding: 0 0 12px; } .layout-services .icon-snail-mail { background: url(../images/css/icon-snail-mail.png) no-repeat 0 3px; padding: 0 0 10px; } .layout-services .icon-phone, .layout-services .icon-email, .layout-services .icon-snail-mail { padding-left: 28px; } /* PROJECT GALLERY */ #project-gallery-categories { float: left; width: 627px; } #project-gallery-categories-items { background: #d7e0e6; width: 627px; } #project-gallery-categories .category { float: left; position: relative; width: 208px; height: 204px; overflow: hidden; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #project-gallery-categories .first-in-row { } #project-gallery-categories .last-in-row { margin-right: -1px; } #project-gallery-categories .category h2 { position: absolute; bottom: 0; left: 0; width: 208px; font-size: 18px; line-height: 24px; text-align: center; background: url(../images/css/gallery-category-title.png); } #project-gallery-categories .category h2 a { display: block; padding: 10px 0; color: #fff; text-decoration: none; } #project-gallery-categories .photo { width: 208px; height: 204px; overflow: hidden; } #project-gallery-categories .photo img { display: block; } .layout-project-gallery #page-intro #article-container { min-height: 374px; height: auto !important; height: 374px; } #download-references-list { font-size: 13px; line-height: 15px; text-transform: uppercase; margin: 0; } #download-references-list a { float: left; background: #754c24; padding: 10px 17px; color: #fff; text-align: center; } #download-references-list a:hover { background: #608ea6; text-decoration: none; } /* CAPABILITIES HIGHLIGHTS */ #capabilities-map { position: relative; width: 629px; height: 373px; overflow: hidden; margin: 7px 0 0; } #capabilities-map img { display: block; } #hotspots-list {} #hotspots-list li { position: absolute; } #hotspots-list li, #hotspots-list li a { width: 22px; height: 22px; display: block; } #hotspots-list li a { background: url(../images/css/hotspot.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; } #hotspots-list li a:hover { background-position: 0 -51px; } #hotspots-details { margin: 0 0 0 28px; position: relative; } #hotspots-details .hotspot-details { color: #3a5563; display: none; padding: 49px 0 0; position: absolute; top: 0; left: 0; color: #000; } #hotspots-details .active { display: block; } #contact-us-for-details { font-size: 13px; line-height: 15px; text-transform: uppercase; padding: 2px 0 0; } #contact-us-for-details a { float: left; background: #754c24; padding: 10px 17px; color: #fff; text-align: center; text-decoration: none; } #contact-us-for-details a:hover { background: #608ea6; text-decoration: none; } #custom-project-gallery-link { font-size: 13px; line-height: 15px; text-transform: uppercase; margin: 5px 0 10px; } #custom-project-gallery-link a { display: block; background: #754c24; padding: 10px 17px; color: #fff; text-align: center; } #custom-project-gallery-link a:hover { background: #608ea6; text-decoration: none; } /* CONTACT */ #contact-form-container { float: left; width: 309px; margin: 0 0 0 29px; } .layout-contact #article-container { float: left; width: 100%; } .layout-contact #article-container .default-txt { float: left; width: 287px; overflow: hidden; } .layout-contact #article-container .default-txt h2 { text-transform: uppercase; } .layout-contact #article-container .photo { float: right; width: 285px; overflow: hidden; padding: 7px 0 0; } .layout-contact #article-container .photo img { display: block; } #contact-overlay { position: absolute; top: 0; left: 0; z-index: 101; width: 100%; background: url(../images/css/contact-overlay-repeat.png); } #contact-overlay-inner { width: 508px; margin: 0 auto; padding: 160px 0 0; position: relative; } #contact-overlay .default-txt { padding: 0 0 30px; } #contact-overlay-content { width: 458px; overflow: hidden; margin: 0 auto; padding: 18px 25px 13px; background: #fff; } #contact-overlay-content h2 { font-size: 20px; line-height: 22px; color: #754c24; margin: 0 0 30px; text-transform: uppercase; } #contact-overlay-content p { line-height: 15px; margin: 0 0 15px; } p#contact-overlay-close { font-size: 13px; line-height: 15px; text-transform: uppercase; margin: 0 auto 10px; width: 75px; } p#contact-overlay-close a { display: block; background: #754c24; padding: 10px 17px; color: #fff; text-align: center; } p#contact-overlay-close a:hover { background: #608ea6; text-decoration: none; } /* CONTACT FORM */ #contact-form-container form { width: 289px; margin: 0; padding: 5px 0 0; } #contact-form-container .formBuilderError, #contact-form-container .formBuilderLabelRequired, #contact-form-container .formBuilderLabel { float: left; width: 92px; text-align: right; padding: 0; color: #000; font-size: 13px; line-height: 20px; font-weight: normal; overflow: hidden; margin: 0; } #contact-form-container .formBuilderSelect select { width: 181px; } #contact-form-container .formBuilderField { margin-bottom: 5px; padding: 0; } /* .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 { float: right; border: 0; width: 167px; } #contact-form-container .formBuilderSelect select { width: 181px; } #contact-form-container .formBuilderForm .formBuilderSubmit { text-align: right; padding: 14px 0 0; } #contact-form-container .formBuilderForm .formBuilderSubmit input { display: block; margin: 0 0 0 auto; } /* .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: 2px 5px 2px 10px; color: #3a5563; border: 0; font-size: 13px; line-height: 20px; background: #e7edf0; display: block; } #contact-form-container .formBuilderForm textarea { height: 109px !important; padding-top: 5px; padding-bottom: 5px; overflow: auto; } #contact-form-container .formBuilderForm .formBuilderInput input { } #contact-form-container label.error { display: block; font-size: 11px; line-height: 12px; padding-top: 1px; color: #f00; } #contact-form-container .formBuilderForm .formBuilderError { display: none; color: #f00; padding: 0; font-weight: normal !important; } #contact-form-container .formBuilderSuccess { font-size: 13px; line-height: 14px; font-weight: normal; background: #cfe6af; padding: 10px; width: auto; margin: 0 20px 10px 0; border: 0; } #contact-form-container .formBuilderSuccess h4 { font-size: 13px; line-height: 14px; font-weight: normal; color: #000; } #contact-form-container .formBuilderFailure { background: #fe8989; padding: 10px; width: auto; margin: 0 20px 10px 0; border: 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: 13px; 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; } #contact-form-container .has-select { height: 20px; position: relative; } #contact-form-container .has-select select { } #contact-form-container .field-expanded { z-index: 100; } #contact-form-container .pseudo-select { float: right; position: relative; width: 181px; background: #e7edf0; } #contact-form-container .pseudo-select-collapsed { z-index: 10; } #contact-form-container .pseudo-select-expanded { z-index: 20; } #contact-form-container .pseudo-select select { position: absolute; top: -9999px; left: -9999px; } #contact-form-container .pseudo-select .selected-value { font-size: 13px; line-height: 20px; text-transform: none; } #contact-form-container .pseudo-select .selected-value a { display: block; color: #3a5563; padding: 0 10px; text-decoration: none; outline: 0; } #contact-form-container .pseudo-select-collapsed .selected-value { background: url(../images/css/pseudo-select-arrow-down.png) no-repeat 100% 50%; } #contact-form-container .pseudo-select-expanded .selected-value { background: url(../images/css/pseudo-select-arrow-up.png) no-repeat 100% 50%; } #contact-form-container .pseudo-menu-wrapper { width: 179px; display: none; position: absolute; top: 21px; left: 0; background: #fff; border: 1px solid #ccc8c3; } #contact-form-container .pseudo-select-expanded .pseudo-menu-wrapper { display: block; } #contact-form-container .pseudo-menu { margin: 0; max-height: 150px; overflow-y: auto; } #contact-form-container .pseudo-menu li { border-top: 0; background: 0; padding: 0; margin: 0; font-size: 13px; line-height: 20px; } #contact-form-container .pseudo-menu li a { display: block; padding: 2px 10px; color: #333; text-decoration: none; } #contact-form-container .pseudo-menu li a:hover { background: #eee; } #contact-form-container .pseudo-menu li.selected { background: #f6f6f6; } #contact-form-container .pseudo-menu li.selected a { color: #333; } /* BLOG POST */ .blog-post .date { font-size: 20px; line-height: 22px; color: #754c24; margin: 0 0 21px; } .blog-post #featured-photo { float: right; margin: 0px 0 0 30px; } .blog-post #featured-photo img { display: block; } .blog-post #pinerest-button-container { text-align: right; margin: 8px 0 0; text-align: right; } .blog-post #pinerest-button-container img { display: inline-block; } .layout-post #main-content .has-featured-photo h1 { width: 380px; overflow: hidden; } .blog-post .addthis_toolbox { margin: 0 0 15px; } #post-tags { padding: 12px 0 20px; } #post-tags p { float: left; text-transform: uppercase; margin: 0; } #post-tags ul { list-style: none; float: right; width: 620px; overflow: hidden; } #post-tags li { float: left; background: url(../images/css/tags-divider.png) no-repeat 100% 50%; padding: 0 7px 0 0; margin: 0 0 0 5px; } #post-tags li a { color: #608ea6; } #post-tags li.last-child { padding-right: 0; background: 0; } #post-tags li:first-child { margin-left: 0; } .layout-post #pagination { border-top: 1px solid #afc2cd; margin: 12px 0 0; padding: 27px 0 0; } /* =IMAGES -------------------------------------------------------------- */ .default-txt img { max-width: 590px; height: auto; } .default-txt .attachment img { max-width: 590px; 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 { } .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; } #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; padding-bottom: 10px; } /* = CATEGORY LISTING -------------------------------------------------------------- */ #category-articles { position: relative; } #category-articles h1 { } #category-articles .article { margin-top: 27px; } #category-articles .first-child { margin-top: 0; } #category-articles .has-photo .lead-container { float: right; width: 417px; overflow: hidden; margin: -3px 0 0; } #category-articles .thumb { float: left; width: 225px; overflow: hidden; } #category-articles .thumb img { display: block; width: 225px; height: auto; } #category-articles .article h2 { font-size: 24px; line-height: 26px; font-weight: normal; margin: 0 0 7px; } #category-articles .article h2 a { color: #3a5563; } #category-articles .article h2 a:hover { } #category-articles .date { color: #000; font-size: 16px; line-height: 20px; margin: 0 0 15px; } #category-articles .addthis_toolbox { margin-bottom: -10px; float: left; } .browser-idevice #category-articles .addthis_toolbox { float: none; margin: 0; } #related-posts, #all-tags { padding: 17px 25px 25px; margin: 0 0 27px; background: #e8eff3; } #related-posts h3, #all-tags h3 { font-size: 14px; line-height: 20px; text-transform: uppercase; color: #754c24; margin: 0 0 13px; } #related-posts ul, #all-tags ul { list-style: none; } #related-posts li, #all-tags li { margin: 0 0 5px; } #related-posts li a, #all-tags li a {} /* SUBSCRIBE */ #subscribe-form { padding: 17px 25px 21px; margin: 0 0 27px; background: #e8eff3; } #subscribe-form h3 { font-size: 14px; line-height: 20px; text-transform: uppercase; color: #754c24; margin: 0 0 19px; } #subscribe-form form { padding: 0; } #subscribe-email { width: 150px; padding: 7px 13px; border: 0; display: block; margin: 0 0 14px; } #subscribe-submit { display: block; } #subscribe-form .feedback-error { padding: 10px; background: #f00; margin: -10px 0 10px; } #subscribe-form .feedback-error h4, #subscribe-form .feedback-error p { color: #fff; font-size: 11px; line-height: 13px; } #subscribe-form .feedback-success { padding: 10px; background: #277f27; margin: -10px 0 10px; } #subscribe-form .feedback-success h4, #subscribe-form .feedback-success p { color: #fff; } #feed-link { padding: 15px 25px 19px; font-size: 14px; line-height: 20px; text-transform: uppercase; background: #e8eff3; margin: 0 0 27px; } #feed-link a { padding: 4px 0 2px 28px; color: #754c24; display: block; background: url(../images/css/icon-rss.jpg) no-repeat 0 2px; } /* PAGINATION */ #pagination { list-style: none; clear: both; } #pagination li { text-transform: uppercase; } #pagination li a { color: #608ea6; } #pagination li a:hover { } #pagination .prev { float: left; } #pagination .next { float: right; } .layout-search #pagination, .layout-category #pagination { padding: 16px 29px 0; position: relative; top: 6px; } .layout-search #pagination .prev, .layout-category #pagination .prev { float: right; } .layout-search #pagination .next, .layout-category #pagination .next { float: left; } /* =FOOTER -------------------------------------------------------------- */ #footer { background: #fff; clear: both; } #footer .grid { background: url(../images/css/footer-logo.png) no-repeat 402px 30px; padding: 75px 0 20px; } #footer p { text-align: center; font-size: 12px; line-height: 14px; color: #555e63; } #footer p a { color: #555e63; } /* FANCYBOX */ #fancybox-left span { left: 20px; } #fancybox-right span { left: auto; right: 20px; } /* IE 10 */ .browser-ie-10 #subscribe-email { line-height: 14px; height: 20px; } .browser-ie-10 #contact-form-container .formBuilderForm .formBuilderInput input, .browser-ie-10 #contact-form-container .formBuilderForm textarea { line-height: 16px; } .browser-ie-10 #searchform #s { } /* =SITE WIDE -------------------------------------------------------------- */ #searchform label { position: absolute; top: -9999px; left: -99999px; } .wp-paginate:after, #post-tags:after, #category-articles .meta:after, #pagination:after, #category-articles .article:after, #recognition-list-items:after, #contact-us-for-details:after, #download-references-list:after, #finishes-gallery-items:after, #gallery-controls:after, #see-finish-options:after, #finishes-overview:after, #staff-list-items:after, #associations-list-items:after, #recognitions-list-items:after, #feedback-list-items:after, #events-list-items:after, .prev-next:after, #events-list:after, #feedback-list:after, #recognition-list:after, #featured-articles-inner:after, #associations-list:after, #button-apply-now:after, #menu-sidebar li:after, .default-txt:after, .field:after, .formBuilderField:after, .grid:after, #main-content:after, #footer:after, #content-inner:after, #header:after, #layout:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }