@charset "utf-8"; /* Sitewide Layout */ html, body { padding: 0; margin: 0; height: 100%; background: url(/assets/images/layout/bg-body.jpg) repeat-x top left #e5edf0; } #documentWrapper {} /*---------- Header ----------*/ #headerWrapper { position: relative; } #headerImage {position: relative; z-index: 2; display: block; margin-top: 15px; width: 927px; height: 117px;} #homelink {position: absolute; display: block; z-index: 10; width: 430px; height: 110px; overflow: hidden; top: 3px; left: 0px; text-decoration: none; cursor: pointer;} #contactlink {position: absolute; display: block; z-index: 10; width: 530px; height: 110px; top: 0px; right: 0px; text-decoration: none; cursor: pointer;} #topnavbar { height: 47px; clear: both; background: url(/assets/images/layout/bg-topnavbar.jpg) repeat-x top left; border: 1px solid #000; border-width: 0 1px; margin-top: -15px; overflow: hidden; } #topnavbar * {font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bfbfbf;} #topnavbar ul {clear: both; width: 90%; margin: 0 auto;} #topnavbar ul li {float: left; background: url(/assets/images/layout/bg-topnavbar-link-sep.jpg) no-repeat top left;} #topnavbar ul li:first-child {background-image: none;} #topnavbar ul li a { display: block; padding: 16px 12px; background: url(/assets/images/layout/bg-topnav-link-hover.jpg) no-repeat -1000px 0px; text-decoration: none; } #topnavbar ul li a:hover {color: #fff; background-position: 50% 1px; text-shadow: #f00 0 0 3px;} /*---------- Slideshow ----------*/ #gradientShim {position: absolute; top: 0px; left: 0px; z-index: 2000;} #slideshowThumbnailsOverlay_leftcutoff {position: absolute; bottom: 0px; left: 0px; z-index: 2000;} #slideshowThumbnailsOverlay_rightcutoff {position: absolute; bottom: 0px; right: 0px; z-index: 2000;} #slideshowWrapper {position: relative; height: 390px; margin: 0 auto; overflow: hidden; } #slideshowWrapper .inner {background-color: #000; border: 1px solid #000;} /* #slideshowWrapper .slideshow-banners-wrapper {height: 314px; overflow: hidden;} #slideshowWrapper .slideshow-thumbnails-wrapper {height: 76px; background: url(/assets/images/layout/bg-slideshow-thumbnails-wrapper.jpg) repeat-x top left;} */ #slideshowWrapper .slideshow-banners-wrapper {height: 390px; overflow: hidden; background: url(/assets/images/layout/bg-slideshow-thumbnails-wrapper.jpg) repeat-x bottom left;} #slideshowWrapper .slideshow-banners-wrapper .hidden {display: none !important;} #slideShowWrapper .slideshow-element {position: absolute !important; top: 0px; left: 0px; height: 314px; width: 960px; overflow: hidden;} #slideshowWrapper .slideshow-handles {height: 76px; position: absolute; bottom: -7px; left: 10px;} #slideshowWrapper .slideshow-handles #slideshow_handle_active_overlay { position: absolute; z-index: 10; top: -5px; left: 0px; width: 120px; height: 69px; background: url(/assets/images/overlays/slideshow_handle_active_overlay.png) no-repeat top left;} #slideshowWrapper .slideshow-handles a { float: left; text-align: center; width: 116px; height: 60px; margin-right: 14px; border: 2px solid #000; background-color: #fff; text-decoration: none; font: 11px Arial, Helvetica, sans-serif; background: url(/assets/images/slideshows/sprite.keyframes.jpg) no-repeat top left; } #slideshowWrapper .slideshow-handles a.active {border-color: #fff;} #slideshowWrapper .slideshow-handles a img {width: 116px; height:60px;} /* Inner Page Header Graphic */ #headerGraphicWrapper {position: relative; height: 150px; margin: 0 auto; overflow: hidden; } #headerGraphicWrapper .inner {background-color: #e5edf0; border: 1px solid #9b9b9b;} #headerGraphicWrapper .headergraphic-banners-wrapper {overflow: hidden;} /*---------- Content Area note: this will change depending on class of tag ---------*/ #contentWrapper {position: relative;} body.home #contentWrapper {overflow: hidden; padding: 20px 0;} body.home #contentWrapper * {font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #999;} body.home #contentWrapper .column {float: left;} body.home #contentWrapper .content-left {width: 480px; } body.home #contentWrapper .content-left .inner {border: 1px solid #bbb; background-color:#fff; padding: 15px; min-height: 400px;} body.home #contentWrapper .content-right {width: 480px;} body.home #contentWrapper .content-right .linkbox {float: left; position: relative; margin: 0px 0px 12px 16px; width: 216px;} body.home #contentWrapper .content-right .linkbox .wrapper {width: 198px; margin: 0 auto; border: 1px solid #bbb; background-color:#fff;} body.home #contentWrapper .content-right .linkbox .linksList {padding: 40px 0 20px 0;} body.home #contentWrapper .content-right .linkbox .title { position: absolute; top: 6px; left: 0px; background: url(/assets/images/layout/bg-linkbox-title.png) no-repeat top left; width: 216px; height: 34px; } body.home #contentWrapper .content-right .linkbox .title .titleText { display: block; font: italic bold 13px Arial, Helvetica, sans-serif; color: #f9fafa; padding: 4px 19px; } body.home #contentWrapper .content-right .linkbox .linksList a { display: block; background: url(/assets/images/layout/bg-linkbox-link.png) no-repeat 16px 6px; padding: 3px 16px 3px 28px; color: #0365a3; text-decoration: none; } body.home #contentWrapper .content-right .linkbox .wrapper .manufacturericonlist img { padding: 0px; display: inline; } body.home #contentWrapper .content-right .linkbox .linksList a:hover { color: #0596f0; } body.home #contentWrapper .content-left p { padding: 8px 0px; } body.home #contentWrapper h1 { /*font: 30px Georgia, "Times New Roman", Times, serif; color: #666666; padding: 21px 0 36px 0;*/ font: 18px Georgia, "Times New Roman", Times, serif; color:#000000; } /* Stylized p and containing a tags for homepage and innerpages */ #contentWrapper .content-left p {font:13px Verdana,Arial,Helvetica,sans-serif; color:#666; line-height:1.6em;} #contentWrapper .content-left p a, #contentWrapper .content-left p b{font:13px Verdana,Arial,Helvetica,sans-serif;} #contentWrapper .content-left p b{color:#666; font-weight:bold;} body.innerpage #contentWrapper * {font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #999;} body.innerpage #contentWrapper { padding-bottom: 20px; } body.innerpage #contentWrapper * table td {vertical-align: top;} body.innerpage #contentWrapper .inner { border: 1px solid #bbbbbb; border-top-color: #fff; background: url(/assets/images/layout/innerpage-top-inner-shadow.png) repeat-x top left #fff; min-height: 600px; padding-top: 15px; padding-bottom: 45px; } body.innerpage #contentWrapper b { font-weight: bold; } body.innerpage #contentWrapper ul.bullets { padding-left: 10px; } body.innerpage #contentWrapper ul.bullets li { padding-left: 15px; list-style-type:disc; } body.innerpage #contentWrapper .content-left {width: 635px; margin-left: 50px;} body.innerpage #contentWrapper .content-left a {color:#0365a3;} body.innerpage #contentWrapper .content-left a:hover {color:#0596f0;} body.innerpage #contentWrapper .content-right {width: 258px;} body.innerpage #contentWrapper h1 { font: 30px Georgia, "Times New Roman", Times, serif; color: #666666; padding: 21px 0 36px 0; } body.innerpage #contentWrapper h2 { font: 24px Georgia, "Times New Roman", Times, serif; color: #666666; padding: 21px 0 36px 0; } body.innerpage #contentWrapper h3 { font: 18px Georgia, "Times New Roman", Times, serif; color: #666666; padding: 21px 0 36px 0; } body.innerpage #contentWrapper p { padding: 8px 0; } body.innerpage #contentWrapper .content-right .linkbox {position: relative; margin: 0px 0px 12px 16px; width: 248px; background: url(/assets/images/layout/linkbox-circled-bottom-shadow.png) no-repeat bottom left; padding-bottom: 15px;} body.innerpage #contentWrapper .content-right .linkbox .wrapper {width: 198px; margin: 0 auto; border: 1px solid #bbb; background-color:#fff;} body.innerpage #contentWrapper .content-right .linkbox .linksList {padding: 40px 0 20px 0;} body.innerpage #contentWrapper .content-right .linkbox .title { position: absolute; top: 6px; left: 16px; background: url(/assets/images/layout/bg-linkbox-title.png) no-repeat top left; width: 216px; height: 34px; } body.innerpage #contentWrapper .content-right .linkbox .title .titleText { display: block; font: italic bold 13px Arial, Helvetica, sans-serif; color: #f9fafa; padding: 4px 19px; } body.innerpage #contentWrapper .content-right .linkbox .linksList a { display: block; background: url(/assets/images/layout/bg-linkbox-link.png) no-repeat 16px 6px; padding: 3px 16px 3px 28px; color: #0365a3; text-decoration: none; } body.innerpage #contentWrapper .content-right .linkbox .linksList a:hover { color: #0596f0; } /* START Copy-Style Fix for Content Area of Inner Pages */ #contentWrapper .inner table td:first-child p, #contentWrapper .inner table td:first-child li { font:13px Verdana,Arial,Helvetica,sans-serif !important; color: #444; line-height: 1.4em !important; } #contentWrapper .inner table td:first-child ul, #contentWrapper .inner table td:first-child ol {margin-left: 25px;} #contentWrapper .inner table td:first-child li {padding-left: 15px;} #contentWrapper .inner table td:first-child h1, #contentWrapper .inner table td:first-child h2 {padding-bottom: 0; color: #333;} #contentWrapper .inner table td:first-child h2 {font-size: 1.6em;} /* END Copy-Style Fix for Content Area of Inner Pages */ /** * Classes Used Instead of Inline Styles */ body.sitemap #contentWrapper .categories { float: left; width: 300px; } ol.numbers {padding-left:20px; } ol.numbers li {list-style-type:decimal; padding:5px 0; } /** * Innerpage Header Graphics * * Innerpage graphcis are assigned according to the sub classname that the body tag is assigned, * based on the web directory requested. */ body.green-roof-construction .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-green-roofing.jpg);} body.landscape-maintenance .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-landscape-maintenance.jpg);} body.residential-roofing .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-residential-roofing.jpg);} body.roofing-materials .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-roof-materials.jpg);} body.roof-design-construction .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-roof-construction.jpg);} body.roofing-news .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-roof-construction.jpg);} body.roof-maintenance-repair .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-roof-waterproofing.jpg); /* background-image: url(/assets/images/innerpage-headers/ip-roof-replacement.jpg); */} body.roof-waterproofing .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-roof-waterproofing.jpg);} body.snow-removal .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-snow-removal.jpg);} body.solar-pv-roof-design .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-solar-panel.jpg);} body.roofing-glossary-terms .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-terminology.jpg);} body.public-relations .headergraphic-banners-wrapper {height: 148px; background-image: url(/assets/images/innerpage-headers/ip-roof-waterproofing.jpg);} body.info-request #headerGraphicWrapper {height:0px;} body.contact #headerGraphicWrapper {height:0px;} body.company-management #headerGraphicWrapper {height:0px;} body.sitemap #headerGraphicWrapper {height:0px;} body.roof-warranty-claim-instructions #headerGraphicWrapper {height:0px;} body.reasons-choose-eagle-rivet-roof-services #headerGraphicWrapper {height:0px;} body.managing-property #headerGraphicWrapper {height:0px;} body.projects #headerGraphicWrapper {height:0px;} body.references #headerGraphicWrapper {height:0px;} body.http-error #contentWrapper {} body.http-error #contentWrapper * {font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #999;} body.http-error #contentWrapper { padding-bottom: 20px; } body.http-error #contentWrapper * table td {vertical-align: top;} body.http-error #contentWrapper .inner { border: 1px solid #bbbbbb; border-top-color: #fff; background: url(/assets/images/layout/innerpage-top-inner-shadow.png) repeat-x top left #fff; min-height: 600px; padding: 0 30px 30px 30px; } body.http-error #contentWrapper .content-left {width: 635px; margin-left: 50px;} body.http-error #contentWrapper .content-right {width: 258px;} body.http-error #contentWrapper h1 { font: 30px Georgia, "Times New Roman", Times, serif; color: #666666; padding: 36px 0; } /*----------- Resources -----------*/ body.managing-property #resourcegrid *{font:13px Verdana,Arial,Helvetica,sans-serif; color:#666; width:25%; border-collapse:collapse; border-width:0;} body.managing-property #resourcegrid td {padding-bottom:20px; text-align:center; vertical-align:top;} /*---------- Footer ----------*/ #footerWrapper { border-top: 1px solid #b6bdbf; background: url(/assets/images/layout/bg-footer-trans.png) repeat-x 0px 1px; padding-bottom: 100px; line-height: 2em; } #footerWrapper .inner {border-top: 1px solid #fff; padding-top: 40px; text-align: center;} #footerWrapper * {font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif;} #footerWrapper * a {color: #2287BC; font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none;} #footerWrapper * .sep {color: #dde; padding-left: 4px; padding-right: 6px;} #footerWrapper * a:hover {color: #fff;text-shadow: #fff 0 0 4px;} #footerWrapper .copyright {font-size: 11px; color: #98B2BD; clear: both; margin: 4em 0; text-align: center;} /*---------- Footer ----------*/ .width960 {width: 960px !important; margin: 0 auto !important;} /* This class is key to affecting 960 Grid */ .clearfix {clear: both;} /* ensures line breaks are true. */ /** * Some General Helper Style Rules */ .textcenter {text-align: center;} .blockequote1 {padding: 1em !important;} .cur-pointer {cursor: pointer;}