body { color:#636363; font-family:'open_sansregular', Helvetica, sans-serif; font-size:11px; line-height:1.5em; margin:0px; background-color:#fff; height:100% } html { height:100% } #number a:link { color:#fff; text-decoration:none } #number a:visited { color:#fff; text-decoration:none } #number a:hover { color:#fff; text-decoration:none } #number a:active { color:#fff; text-decoration:none } #copyright a:link { color:#484848; text-decoration:none } #copyright a:visited { color:#484848; text-decoration:none } #copyright a:hover { color:#c1272d; text-decoration:none } #copyright a:active { color:#c1272d; text-decoration:none } #credit a:link { color:#7c7c7c; text-decoration:none } #credit a:visited { color:#7c7c7c; text-decoration:none } #credit a:hover { color:#aaa; text-decoration:none } #credit a:active { color:#aaa; text-decoration:none } #PageDiv { position:relative; min-height:100% } #fullwidth-header { width:100%; z-index:0; clear:both; background-color:#393939; overflow:visible } #header-container { width:82%; max-width:984px; z-index:0; margin-left:auto; margin-right:auto; overflow:visible } #logo-container { width:150px; z-index:0; float:left; padding-left:3px; padding-top:43px; overflow:visible } #logo { width:150px; height:50px; overflow:hidden } #contact-container-outer { width:28.76%; z-index:0; float:right; padding-top:52px; padding-right:4px; overflow:visible } #contact-container { width:281px; z-index:0; float:right; overflow:visible } #name { z-index:0; float:left; padding-top:7px; overflow:visible } #phone-container { width:19px; z-index:0; float:left; margin-left:10px; overflow:visible } #phone { left:0px; top:0px; width:19px; height:29px; overflow:hidden } #number { z-index:0; float:left; padding-top:7px; margin-left:10px; overflow:visible } #facebook-container { width:22px; z-index:0; float:left; margin-left:10px; margin-top:4px; overflow:visible } #facebook { left:0px; top:0px; width:22px; height:22px; overflow:hidden } #fullwidth-nav { width:100%; z-index:0; clear:both; background-color:#000; overflow:visible } #nav-container { width:82%; max-width:984px; z-index:0; margin-left:auto; margin-right:auto; overflow:visible } #nav { width:100%; z-index:0; float:right; overflow:visible; height:auto; position:relative } #fullwidth-image { width:100%; z-index:0; clear:both; background-color:#c1272d; overflow:visible } #image-container { position:relative; width:80%; height:230px; max-width:960px; z-index:0; margin-left:auto; margin-right:auto; overflow:visible } #image1-layer { position:absolute; left:0px; top:0px; width:100%; min-height:230px; z-index:1; background-image:url(../Resources/main-fuel.jpg); background-position:center; background-repeat:no-repeat; overflow:visible } #text { z-index:0; float:right; padding-top:80px; padding-right:13%; overflow:visible } #fullwidth-intro { width:100%; z-index:0; clear:both; background-color:#ebebeb; overflow:visible } #intro-text { width:60%; max-width:720px; z-index:0; margin:26px auto 24px; overflow:visible } #fullwidth-content { width:100%; z-index:0; clear:both; overflow:visible } #content-container { width:80%; max-width:960px; z-index:0; margin:60px auto; overflow:visible } #left-container { width:67.08%; z-index:0; float:left; clear:left; overflow:visible } #left-box { width:94%; z-index:0; padding:20px 2% 20px 4%; background-color:#f3f3f3; overflow:visible } #form-container { width:55.83%; z-index:0; float:left; clear:left; margin-right:4%; overflow:visible } #name-container { width:98.46%; z-index:0; margin-bottom:10px; overflow:visible } #name-field { width:93.75%; height:26px; margin-top:6px; overflow:visible } #business-name-container { width:98.46%; z-index:0; margin-bottom:10px; overflow:visible } #business-name-field { width:93.75%; height:26px; margin-top:6px; overflow:visible } #email-name-container { width:98.46%; z-index:0; margin-bottom:10px; overflow:visible } #email-field { width:93.75%; height:26px; margin-top:6px; overflow:visible } #message-name-container { width:98.46%; z-index:0; overflow:visible } #message-area { width:93.75%; height:80px; margin-top:6px; overflow:visible } #send-group { left:-191px; top:829px; width:90px; height:30px; overflow:visible } #address { width:39.13%; z-index:0; float:left; overflow:visible } #right-container { position:relative; width:32.92%; height:405px; z-index:0; float:left; overflow:visible } #google-map { position:absolute; left:20px; top:0px; width:93.67%; height:405px; z-index:1; overflow:visible } #block-link { position:absolute; left:20px; top:0px; width:93.67%; height:405px; z-index:2; overflow:visible; font-size:1px } #fullwidth-footer { width:100%; height:95px; z-index:0; clear:both; background-color:#ebebeb; overflow:visible } #footer-container { width:80%; max-width:960px; z-index:0; padding-top:20px; margin-left:auto; margin-right:auto; overflow:visible } #copyright { z-index:0; float:left; overflow:visible } #date-markup { overflow:visible } #credit { z-index:0; float:right; overflow:visible } #fwNav1 { float:right; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#D6D6D6; text-decoration:none; padding:14px 12px 14px 12px } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#C1272D; text-decoration:none } #fwNav1 .fwNavItem a:active { color:#C1272D; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-grey-open.png'); background-repeat:no-repeat; background-size:100%; float:right } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#C1272D; font-weight:normal } * html #fwNav1 { float:right } * html #fwNav1 .fwNavItem a { float:left; height:1% } @media screen and (max-width:900px) { #header-container { width:87.67% } #contact-container-outer { width:35.61% } #nav-container { width:87.67% } #image-container { width:85% } #intro-text { width:85% } #content-container { width:85% } #left-container { width:100%; float:none; clear:both; margin-bottom:20px } #right-container { width:100%; height:300px; float:none } #google-map { left:0px; width:100%; height:300px } #footer-container { width:85% } } @media screen and (max-width:768px) { #contact-container-outer { width:41.74% } #nav-container { width:85.42% } #nav { padding-top:8px; padding-bottom:7px } #image-container { width:84.9% } #intro-text { max-width:765px } #content-container { margin-top:40px; margin-bottom:40px } #left-box { width:87.93%; padding-left:6%; padding-right:6% } #address { width:39.13% } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:10px; padding-bottom:10px; padding-left:40px; padding-right:40px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#000000; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom } .fwNav1-toggle-close { background-image:url('../Resources/menu-grey-close.png'); margin:105px 25px 20px 20px } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } } @media screen and (max-width:660px) { #contact-container-outer { width:48.57% } #copyright { width:100% } #credit { width:100% } } @media screen and (max-width:600px) { #contact-container-outer { width:53.42% } #form-container { width:99.91%; float:none; clear:both; margin-right:0px; margin-bottom:20px } #name-container { width:100% } #name-field { width:96.43% } #business-name-container { width:100% } #business-name-field { width:96.43% } #email-name-container { width:100% } #email-field { width:96.43% } #message-name-container { width:100% } #message-area { width:96.43% } #address { width:99.91%; float:none; clear:both } } @media screen and (max-width:520px) { #header-container { width:100% } #logo-container { float:none; clear:both; padding-left:0px; padding-top:10px; margin-left:auto; margin-right:auto } #contact-container-outer { width:100%; clear:both; padding-top:0px; padding-right:0px; padding-bottom:10px; margin-top:-11px } #contact-container { float:none; margin-left:auto; margin-right:auto } #image-container { width:100% } #text { width:100%; padding-right:0px } } @media screen and (max-width:480px) { #content-container { margin-top:30px; margin-bottom:30px } #footer-container { width:88.54%; padding-top:18px } #copyright { width:67%; float:none; margin-left:auto; margin-right:auto } #credit { float:none; margin-left:auto; margin-right:auto } } @media screen and (max-width:320px) { #copyright { width:100% } }