body { background-color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; } body a { color: #333333; } body a:hover, body a:visited { color: #666666; } .bold, .midTitle { font-weight: bold; } .break { visibility: hidden; clear: both; } #master { width: 790px; margin: 0 auto; background: #ffffff url(img/bg_dropshadow.gif) repeat-y center center; } #master_container { width: 770px; padding: 0 10px 0 10px; } #footer_links { width: 790px; margin: 0 auto; text-align: center; } #header { padding: 10px 15px 0px 10px; height: 70px; } #header img { border: 0; float: left; } #header #navBar { float: right; } #header ul { margin: 0; padding: 0 0 0 275px; list-style: none; width: 245px; float: left; } #header ul li { margin: 0; padding: 0; list-style: none; float: left; width: 80px; background: url(img/tn_li_bg.gif) top right no-repeat; text-align: center; } #header ul li a { text-decoration: none; } #header ul li a:hover { text-decoration: underline; } #header ul li.end { background: none; } #header form select#selectLogin { width: 100px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; } #header form { margin: 0; padding: 0; } #bannerArea_About { overflow: hidden; height: 144px; background: url(/v1/images/about-banner.jpg) no-repeat left top; } #bannerArea_Global { overflow: hidden; height: 484px; background: url(/v1/images/home-banner-new.jpg) no-repeat left top; } #bannerArea_Roofing { overflow: hidden; height: 156px; background: url(/v1/images/roofing-banner.jpg) no-repeat left top; } #bannerArea_Siding { overflow: hidden; height: 156px; background: url(/v1/images/siding-banner.jpg) no-repeat left top; } #bannerArea_Painting { overflow: hidden; height: 156px; background: url(/v1/images/painting-banner.jpg) no-repeat left top; } #bannerArea_Carpentry { overflow: hidden; height: 156px; background: url(/v1/images/carpentry-banner.jpg) no-repeat left top; } #bannerArea_Masonry { overflow: hidden; height: 156px; background: url(/v1/images/masonry-banner.jpg) no-repeat left top; } #bannerArea_Additions { overflow: hidden; height: 156px; background: url(/v1/images/additions-banner.jpg) no-repeat left top; } #bannerText { padding: 120px 0 0 12px; color: #ffffff; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-size: 26px; } #GlobalNav ul { clear: both; height: 36px; list-style: none; margin: 0; padding: 0; } #GlobalNav ul li { float: left; width: 128px; height: 36px; list-style: none; margin: 0; padding: 0; } #GlobalNav ul li a { float: left; display: block; width: 128px; height: 0px; padding: 36px 0 0 0; overflow: hidden; } #GlobalNav ul li a:hover, #GlobalNav ul li a.on { background-position: 0 -36px !important; } #GlobalNav ul li#Global_Nav_roofing a { background: url(/v1/images/Global_Nav_roofing.gif) 0 0 no-repeat; } #GlobalNav ul li#Global_Nav_siding a { background: url(/v1/images/Global_Nav_siding.gif) 0 0 no-repeat; } #GlobalNav ul li#Global_Nav_painting a { background: url(/v1/images/Global_Nav_painting.gif) 0 0 no-repeat; } #GlobalNav ul li#Global_Nav_carpentry a { background: url(/v1/images/Global_Nav_carpentry.gif) 0 0 no-repeat; } #GlobalNav ul li#Global_Nav_masonry a { background: url(/v1/images/Global_Nav_masonry.gif) 0 0 no-repeat; } #GlobalNav ul li#Global_Nav_additions a { background: url(/v1/images/Global_Nav_additions.gif) 0 0 no-repeat; } .grey1 { border: 1px solid #e0e0e0; } .grey2 { border: 1px solid #e0e0e0; margin-top: 4px; } .blueTitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #cc3300; border-bottom: 1px dotted #e0e0e0; margin: 2px 0 5px 0; padding: 0 5px 2px 5px; } .blueTitleMid { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #cc3300; border-bottom: 2px solid #e0e0e0; margin: 4px 0 0 0; padding: 0 0 2px 0px; } .qLinks { padding: 4px 6px 4px 20px; background: url(img/bullet_qLinks.gif) no-repeat left top; } .qLinks a { text-decoration: underline; } .qLinks a:hover { text-decoration: none; } .memberDiv { padding: 0 6px 15px 6px; } .memberDiv a:hover { text-decoration: none; } .mid1about { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(img/fpo_pic1.jpg) no-repeat left top; } .mid1van { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(images/1olympic-van.jpg) no-repeat left top; } .mid1additions-1 { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/additions/img/peak-sm.jpg) no-repeat left top; } .mid1additions-2 { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/additions/img/____.jpg) no-repeat left top; } .mid1additions-2 { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/additions/img/_____.jpg) no-repeat left top; } .mid1carpentry-1 { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1fr-porch-carpentry.jpg) no-repeat left top; } .mid1carpentry-2 { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1side-addition.jpg) no-repeat left top; } .mid1masonry { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(img/fpo_pic1.jpg) no-repeat left top; } .mid1masonrystucco { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1stucco.jpg) no-repeat left top; } .mid1masonrychimney { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1-chimney.jpg) no-repeat left top; } .mid1masonrybrick { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1-bricknblock.jpg) no-repeat left top; } .mid1masonrystairs { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1-m-stairs.jpg) no-repeat left top; } .mid1painting { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/2ext-paint.jpg) no-repeat left top; } .mid1painting1 { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1paint-chips.jpg) no-repeat left top; } .mid1painting2pr { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1paint-peel.jpg) no-repeat left top; } .mid1roofing { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1metal-roof.jpg) no-repeat left top; } .mid2roofing { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1shingle-roof.jpg) no-repeat left top; } .mid3roofing { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1wood-roof.jpg) no-repeat left top; } .mid4roofing { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1rubber-roof.jpg) no-repeat left top; } .mid5roofing { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1ice-roof.jpg) no-repeat left top; } .mid6roofing { margin: 10px 0 10px 0; height: 100px; padding-left: 80px; background: url(/v1/roofing/img/transition-flashing.jpg) no-repeat left top; } .mid7roofing { margin: 10px 0 10px 0; height: 100px; padding-left: 80px; background: url(/v1/images/1-gutter.jpg) no-repeat left top; } .mid1woodsiding { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1woodsiding.jpg) no-repeat left top; } .mid3hardyplank { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1hardyplank.jpg) no-repeat left top; } .mid1siding { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/vinyl1-sm.jpg) no-repeat left top; } .mid3metalsiding { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1metalsiding.jpg) no-repeat left top; } .mid1windows { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(/v1/images/1windows.jpg) no-repeat left top; } .mid1 { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(img/fpo_pic1.jpg) no-repeat left top; } .mid2 { margin: 5px 0 10px 0; height: 70px; padding-left: 80px; background: url(img/fpo_pic2.jpg) no-repeat left top; } .mid3 { margin: 5px 0 10px 0; height: 70px; padding-left: 80px; background: url(img/fpo_pic3.jpg) no-repeat left top; } .mid4 { margin: 10px 0 10px 0; height: 70px; padding-left: 80px; background: url(img/fpo_pic4.jpg) no-repeat left top; } .mid5 { margin: 5px 0 10px 0; height: 70px; padding-left: 80px; background: url(img/fpo_pic5.jpg) no-repeat left top; } .midTitle { font-weight: bold; } .midDefault { margin: 10px 0 15px 0; } #bcNav { padding: 0 7px 0 9px; height: 23px; background: #F3F3F3; color: #CC3300; } #bcNav div { float: left; margin: 0; padding: 4px 0;} #bcNav div.spacer { float: left; margin: 0; padding: 4px 16px 0 16px; } #bcNav a { color: #CC3300; text-decoration: none; } #bcNav a:hover { color: #CC3300; text-decoration: underline; } #content_master { margin: 4px 4px 0 4px; } #content_left { background: #cccccc; width: 150px; float: left; } #content_left_bgr { width: 762px; float: left; background: #ffffff url(img/bg_sideNav.gif) repeat-y left; } #content_middle { margin: 0 0 0 10px; width: 442px; background: #ffffff; float: left; } #content_middle ul { padding: 0 0 0 15px; margin-left: 10px; } #content_middle a:hover { text-decoration: none; } #content_right { margin: 0; width: 150px; background: #ffffff; float: right; } #leftNav ul { margin: 0; padding: 0; list-style: none; background-color: #333333; } #leftNav li { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ffffff; } #leftNav li a { display: block; padding: 5px 6px 5px 6px; margin: 0; width: 138px; color: #ffffff; text-decoration: none; } #leftNav li.active { } #leftNav li.active a, #leftNav li a:hover { background: #c7b06b; color: #ffffff; } #leftNav ul.left2 { background: #ffffff; } #leftNav ul.left2 li { margin: 0; padding: 0; list-style: none; background: #ffffff; } #leftNav ul.left2 li a { background: #ffffff; display: block; padding: 5px 6px 5px 6px; margin: 0; width: 138px; color: #006EA9; text-decoration: underline; } #leftNav ul.left2 li a:hover { background: #ffffff; color: #cccccc; text-decoration: none; } #rightNav div#faq { height: 24px; background: #ffffff url(img/icon_faqs.gif) no-repeat left top; } #rightNav div#pri { height: 44x; background: #ffffff url(img/icon_print.gif) no-repeat left top; } #rightNav div#cnt { height: 23px; background: #ffffff url(img/icon_contact.gif) no-repeat left top; } #rightNav a { display: block; margin: 0; text-decoration: none; padding: 5px 6px 5px 30px; } #rightNav a:hover { text-decoration: underline; } #bttm_container { margin: 0; center no-repeat; } #footerNav { border: 1px solid #E0E0E0; padding: 5px 0; margin: 4px 4px 10px 4px; list-style: none; height: 55px; } #footerNav li { float: left; width: 724px; height: 100px; right top; text-align: center; margin: 0; list-style: none; padding: 0; } #footerNav li.last { background: none; } #footerNav li a { text-decoration: none; } #footerNav li a:hover { text-decoration: underline; } #footer { padding: 0; height: 40px; } #footer p { float: left; margin: 0; padding: 0; } #footer p#copyright { width: 380px; padding: 0 110px 0 10px; font-weight: bold; color: #ffffff; } #footer p#legal { width: 130px; margin: 0; padding: 0 10px; float: right; color:#ffffff; } #footer p#terms { width: 80px; margin: 0; padding: 0 30px 0 0; float: right; color:#ffffff; } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; }