/* Shared essentials; no libraries, remote fonts, scripts or form controls. */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; }
img { border: 0; max-width: 100%; }
figure { margin: 0; }
address { font-style: normal; line-height: 1.6; }
.phone-link { color: inherit !important; text-decoration: none; }
.phone-link:hover { text-decoration: underline; }
.clear, .clear-min, .clear-block::after { clear: both; }
.clear-block::after { content: ""; display: table; }
.clear-min { height: 1px; overflow: hidden; }
ul.links { list-style: none; padding: 0; margin: 0; }
ul.links li { display: inline; }
.skip-link { position: fixed; left: 1rem; top: -6rem; z-index: 100; background: #fff; color: #111 !important; padding: .8rem 1rem; border: 2px solid #111; }
.skip-link:focus { top: 1rem; }
a:focus-visible, [tabindex="0"]:focus-visible { outline: 3px solid #de9b17; outline-offset: 4px; }
main:focus { outline: none; }
.contact-details { padding: 1rem 0; line-height: 1.6; }
.contact-details a { text-decoration: underline; }
.photo-strip { display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; }
.photo-strip > img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; scroll-snap-align: start; }
.photo-strip:focus-visible { outline-offset: -4px; }
.project-gallery { display: grid; gap: 1rem; }
.project-gallery figure { text-align: center; background: #ddd; padding: 10px; }
.project-gallery img { width: auto; height: auto; max-height: 580px; }
.project-gallery figcaption { padding: .5rem; }
.unavailable-image { display: inline-block; font-style: italic; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  .skip-link, nav, #search, .facebook { display: none !important; }
  body { background: white !important; color: black !important; }
  main { width: auto !important; }
}

/* Original site design, with local images. */
html,body{margin:0;width:100%;height:100%;background-color:#000000;}.profile dl{margin-top:10px;}.main_body{margin:0 auto;background:#000000 url("images/arb_background-1461537166.jpg") no-repeat 50% 0;width:1040px;height:auto;min-height:800px;}.wrapper{width:1040px;height:auto;float:left;}.leftcol{width:325px;float:left;color:white;height:auto;}.rightcol{width:600px;float:left;color:white;margin:0 0 0 80px;}.logo{margin:35px 0 0 25px;width:290px;height:146px;background:url("images/arb_logo-583721db41.png") no-repeat 50% 0;float:left;}.leftnav{list-style:none;clear:left;float:left;padding-top:10px;}.leftnav ul.links li{padding-top:10px;}.leftnav a{font-size:12px;color:#FFFFFF;}.leftcontact{background:#000000 url("images/request_quote_btn-772736a5ac.jpg") no-repeat 50% 0;clear:left;float:left;width:276px;height:47px;margin:20px 32px 0;overflow:hidden;display:inline;}.leftcontact a:hover{background:#000000 url("images/request_quote_btn_o-35e5a28cb1.jpg") no-repeat 50% 0;}.leftcontact a{text-indent:-9999px;height:100%;display:block;}.leftaddress{width:250px;clear:left;float:left;font-family:arial;margin:8px 0 20px 35px;display:inline;color:#888888;font-size:11pt;}.leftaddress h2{font-family:arial;font-size:11pt;text-transform:uppercase;color:#aaaaaa;margin-bottom:-15px;font-weight:bold;line-height:12px;color:#FFFFFF;}.leftaddress .label{font-size:11pt;text-transform:capitalize;color:#aaaaaa;font-weight:bold;line-height:12pt;color:#FFFFFF;}.leftaddress p{float:left;clear:right;margin:1px 0 1px 0;font-size:11pt;color:#888888;font-weight:normal;font-style:italic;line-height:12pt;}.toplinks{width:585px;margin-top:10px;}.topphone{float:right;font-family:arial;font-size:10pt;color:white;text-transform:uppercase;text-align:right;}.topcontact{float:right;width:auto;text-align:right;}.topcontact a{text-decoration:none;color:#FFCC00;font-family:arial;font-size:10pt;text-transform:uppercase;text-align:right;}.rightimage{float:left;background:#000000 url("images/barricade-0d80462a53.jpg") no-repeat 50% 0;width:600px;height:265px;position:relative;margin:10px 0 15px;}.innercontent,.content2{clear:both;float:left;width:600px;height:auto;padding:8px 0 0 0;font-family:sans-serif;font-size:12px;color:#ffffff;}.innercontent h3,.content2 h3{font-family:sans-serif;font-size:19pt;font-weight:bold;color:#ff0000;margin:10px 0;font-style:italic;}.innercontent h2,.innercontent .headerbars,.content2 h2,.content2 .headerbars{float:left;font-family:sans-serif;font-size:18pt;font-weight:bold;color:#ffffff;margin:10px 0 0 0;padding-right:8px;}.innercontent p,.content2 p{font-family:12pt Arial,sans-serif;color:#ffffff;line-height:20px;}.content2 a,.innercontent a{color:#ffcc00;text-decoration:underline;}.content2{clear:both;float:left;width:550px;height:auto;font-family:sans-serif;font-size:12px;color:#ffffff;}.sideimage{float:left;background:#000000 url("images/cones-ab7fedcb9f.jpg") no-repeat 50% 0;width:193px;height:300px;}.topstrip{clear:left;float:left;background:url("images/bar-fefaacabd5.png") no-repeat 50% 0;width:600px;height:10px;}.bottomstrip{clear:both;float:left;background:url("images/bar-fefaacabd5.png") no-repeat 50% 0;width:600px;height:27px;margin:10px 0 0 0;}.bottomstuff{width:600px;clear:both;float:left;}ul.primary{padding:5px 0;}ul.primary li a{background:#333;border:1px solid #FFFFFF;padding:6px 6px 5px 6px;}ul.primary li a:hover{background-color:#FFFFFF;color:#000000;}ul.primary li.active a{border:0px;padding:6px;}ul.secondary a{color:#FFCC00;}ul.secondary a:hover{color:#FFFFFF;border-bottom:4px solid #FFCC00;}ul.secondary a.active{color:#FFFFFF;border-bottom:4px solid #FFCC00;}.side-nav{list-style:none;list-style-type:none;clear:left;float:left;width:270px;padding:45px 35px 0px 35px;}ul.menu{float:left;clear:left;margin:0;padding:0;}.side-nav ul.links li,.side-nav ul.menu li{margin:0;list-style:none;}.side-nav li{clear:left;float:left;list-style-type:none;font-family:arial;font-size:10pt;text-transform:uppercase;background:url("images/button_bg-a4b6c4f08d.jpg") no-repeat 0 0;text-align:center;color:#dddddd;padding:0 0 10px 0;}.side-nav li a{color:#cccccc;text-decoration:none;padding:6px 0 0 5px;width:270px;height:24px;display:block;}.side-nav li a:hover{color:#dddddd;font-weight:bold;text-decoration:none;}.side-nav li.active a{color:#FF0000;font-weight:bold;text-decoration:none;}.side-nav li.active a:hover{color:#FF0000;font-weight:bold;text-decoration:none;}.side-nav ul ul li ul,.side-nav .expanded ul{width:190px;padding:3px 0 3px 30px;height:auto;display:block;background:url("images/subnav-efd1de4456.png") top left repeat;text-align:left;margin:0 0 -10px 25px;}.side-nav ul ul ul li,.side-nav .expanded ul li{background:none;height:auto;width:auto;list-style-type:disc !important;float:left;color:#000000;padding:0;font-size:10px;}.side-nav ul ul ul li a,.side-nav .expanded ul li a{width:auto;height:auto;display:block;color:#000000;font-size:10px;padding:3px 0;}.bottom-nav{list-style:none;list-style-type:none;clear:left;float:left;margin:5px 0 0 0;}.bottom-nav ul.links{width:370px;display:block;}.bottom-nav li{float:left;list-style-type:none;font-family:sans-serif;font-size:8pt;text-transform:uppercase;width:auto;height:12pt;text-align:center;color:#bbbbbb;padding:0px !important;}.bottom-nav li a{color:#999999;text-decoration:none;border-left:1px solid #bbbbbb;padding-left:8px;padding-right:8px;}.bottom-nav li.first a{color:#999999;text-decoration:none;border-left:1px solid #000000;}.bottom-nav li a:hover{color:#eeeeee;text-decoration:none;}.bottom-nav li.active a{color:#bbbbbb;text-decoration:none;}.bottom-nav li.active a:hover{color:#eeeeee;text-decoration:none;}.bottomaddress{float:right;font-family:arial;margin:0 15px;position:relative;width:180px;height:50px;}.bottomaddress p{text-align:right;width:180px;height:11px;clear:right;float:right;font-size:7pt;text-transform:uppercase;color:#aaaaaa;line-height:9px;margin:7px 0 0 0;}.bottomaddress span.white{color:#FFFFFF;}#pcg-link,#pcg-link:visited{color:#AAAAAA;text-decoration:none;}img{border:0;}.vocabindex.flat li{border:none !important;margin:0 0 10px 0 !important;}.vocabindex.flat li.even{background:none;}.vocabindex.flat li a{font:14px Arial;line-height:20px;}.vocabindex.flat .description{color:#FFFFFF;font:12px Arial;line-height:20px;}div.view div.views-row{clear:both;padding-top:20px;border-top:2px solid #444444;}div.view div.views-row .views-field-field-service-image-fid,div.view div.views-row .views-field-field-product-image-fid{float:left;margin:0px 10px 10px 0px;padding:2px;}div.view div.views-row .views-field-title{font-size:16px;font-weight:bold;margin:0px 0px 10px 0px;}div.view div.views-row .views-field-title a{text-decoration:none;}div.view div.views-row .views-field-body{margin:0px 0px 10px 0px;}div.view div.views-row .views-field-view-node{text-align:right;font-style:italic;}table.sticky-enabled a,table.sticky-enabled td{color:#000000;}.view-adv-content table{width:100%;color:#000000;}.view-adv-content tr.even{background-color:#666666;}.view-adv-content tr.odd{background-color:#777777;}.view-adv-content td.active{background-color:#888888;}.view-adv-content td{padding:5px;}.view-adv-content .item-list{margin:10px 0px 0px 0px;background-color:#666666;padding:7px 0px 1px 0px;}

/* Accessibility and responsive layout. */
.content2 h1, .innercontent h1 { font: italic bold 19pt Arial, sans-serif; color: #f00; margin: 10px 0; }
.home-main { display: flow-root; width: 100%; clear: both; }
.home-main .rightimage { display: block; height: auto; aspect-ratio: 600 / 265; object-fit: cover; background: none; }
.side-nav > ul > ul { margin: 0; padding: 0; }
.side-nav a[aria-current="page"] { color: #ffcc00; font-weight: bold; }
.contact-details h2 { float: none; margin: 8px 0; color: #ffcc00; font-size: 18px; }
.contact-details a { color: #ffcc00; }
.contact-details p { clear: both; }
@media (max-width: 1080px) {
  .main_body, .wrapper { width: 100%; max-width: 1040px; }
  .wrapper { float: none; display: grid; grid-template-columns: minmax(260px, 32%) minmax(0, 1fr); gap: 5%; }
  .leftcol, .rightcol { float: none; width: auto; min-width: 0; margin: 0; }
  .rightcol { padding-right: 25px; }
  .logo { box-sizing: border-box; width: calc(100% - 35px); max-width: 290px; background-size: contain; margin: 35px 10px 0 25px; }
  .side-nav { box-sizing: border-box; float: none; width: 100%; padding: 40px 20px 0; }
  .side-nav li { width: 100%; background-size: 100% 30px; }
  .side-nav li a { box-sizing: border-box; width: 100%; height: auto; min-height: 30px; }
  .side-nav ul { float: none; width: 100%; display: flow-root; }
  .side-nav .expanded ul { box-sizing: border-box; width: calc(100% - 20px); margin: 0 10px; padding: 8px 22px; }
  .side-nav .expanded ul li { width: 100%; }
  .leftcontact { box-sizing: border-box; width: calc(100% - 40px); max-width: 276px; margin: 20px 20px 0; background-size: contain; }
  .leftaddress { box-sizing: border-box; width: auto; margin: 8px 25px 25px; }
  .toplinks, .innercontent, .content2, .rightimage, .bottomstrip, .bottomstuff, .topstrip { width: 100%; box-sizing: border-box; }
  .toplinks { display: flex; justify-content: flex-end; gap: 8px; }
  .topcontact { order: 2; }
  .topphone { float: none; }
  .bottomstuff { display: flex; flex-wrap: wrap; gap: 20px; }
  .bottom-nav ul.links { width: auto; }
  .bottomaddress { margin: 0 0 25px; }
  .main_body { background-position: left top; }
  .content2 img { max-width: 100%; height: auto; }
}
@media (max-width: 680px) {
  .main_body { background-size: auto 900px; background-position: center top; min-height: 100vh; }
  .wrapper { display: flex; flex-direction: column; gap: 0; }
  .leftcol { display: contents; }
  .logo { float: none; width: 280px; height: 146px; margin: 24px auto 0; }
  .leftcol > a { order: 0; }
  .side-nav { order: 1; padding: 18px 16px 0; }
  .side-nav > ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
  .side-nav > ul > li { float: none; width: auto; flex: 1 1 130px; padding: 0; background: linear-gradient(#454545, #151515); border: 1px solid #777; border-radius: 5px; }
  .side-nav > ul > li > a { display: flex; justify-content: center; align-items: center; min-height: 46px; padding: 8px; font-size: 14px; }
  .side-nav .expanded ul { margin: 0; width: 100%; background: #ddd; padding: 8px 20px; }
  .side-nav .expanded ul li { font-size: 14px; }
  .side-nav .expanded ul li a { min-height: 44px; font-size: 14px; padding: 10px 0; }
  .leftcontact { order: 2; float: none; width: 276px; margin: 18px auto 8px; }
  .rightcol { order: 3; padding: 0 20px; }
  .leftaddress { order: 4; margin: 24px 20px; border-top: 1px solid #555; padding-top: 16px; font-size: 16px; }
  .leftaddress p, .leftaddress h2 { font-size: 15px; line-height: 1.5; }
  .leftaddress h2 { margin-bottom: 0; }
  .leftaddress p { float: none; }
  .toplinks { justify-content: center; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
  .topcontact a, .topphone { font-size: 14px; line-height: 1.7; }
  .innercontent, .content2 { float: none; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
  .innercontent p, .content2 p { font-size: 16px; line-height: 1.65; }
  .content2 h1, .innercontent h1 { font-size: 25px; line-height: 1.25; }
  .content2 .headerbars, .innercontent .headerbars { font-size: 24px; line-height: 1.3; }
  .content2 img[style], .innercontent img[style] { float: none !important; display: block; margin: 16px auto !important; max-width: 100%; height: auto !important; }
  div.view div.views-row { display: flow-root; padding-bottom: 20px; }
  div.view div.views-row .views-field-field-service-image-fid, div.view div.views-row .views-field-field-product-image-fid { max-width: 35%; }
  .bottomstrip { float: none; }
  .bottomstuff { float: none; display: block; }
  .bottom-nav { float: none; }
  .bottom-nav ul.links { display: flex; justify-content: center; flex-wrap: wrap; }
  .bottom-nav li { float: none; height: auto; }
  .bottom-nav li a { display: block; padding: 12px 8px; border: 0; font-size: 13px; }
  .bottomaddress { float: none; width: auto; height: auto; margin: 20px 0; }
  .bottomaddress p { float: none; width: auto; height: auto; text-align: center; line-height: 1.6; font-size: 11px; }
}
