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 } #left-heading a:link { color:#636363; text-decoration:none } #left-heading a:visited { color:#636363; text-decoration:none } #left-heading a:hover { color:#c1272d; text-decoration:none } #left-heading a:active { color:#c1272d; text-decoration:none } #middle-heading a:link { color:#636363; text-decoration:none } #middle-heading a:visited { color:#636363; text-decoration:none } #middle-heading a:hover { color:#c1272d; text-decoration:none } #middle-heading a:active { color:#c1272d; text-decoration:none } #right-heading a:link { color:#636363; text-decoration:none } #right-heading a:visited { color:#636363; text-decoration:none } #right-heading a:hover { color:#c1272d; text-decoration:none } #right-heading a:active { color:#c1272d; 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; position: relative;} #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:350px; max-width:960px; z-index:0; margin-left:auto; margin-right:auto; overflow:visible } #initial-slide { position:absolute; left:0px; top:0px; width:100%; min-height:350px; z-index:1; background-image:url(../Resources/home-redgum.jpg); background-position:center; background-repeat:no-repeat; overflow:visible } #initial-slide-text { z-index:0; float:right; padding-top:135px; padding-right:13%; overflow:visible } #slide5 { position:absolute; left:0px; top:0px; width:100%; min-height:350px; z-index:2; background-image:url(../Resources/home-christmas-tr.jpg); background-position:center; background-repeat:no-repeat; overflow:visible } #slide5-text { z-index:0; float:right; padding-top:135px; padding-right:13%; overflow:visible } #slide4 { position:absolute; left:0px; top:0px; width:100%; min-height:350px; z-index:3; background-image:url(../Resources/home-restaurant.jpg); overflow:visible } #slide4-text { z-index:0; float:right; padding-top:135px; padding-right:13%; overflow:visible } #slide3 { position:absolute; left:0px; top:0px; width:100%; min-height:350px; z-index:4; background-image:url(../Resources/home-barbecues.jpg); background-position:center; background-repeat:no-repeat; overflow:visible } #slide3-text { z-index:0; float:right; padding-top:135px; padding-right:13%; overflow:visible } #slide2 { position:absolute; left:0px; top:0px; width:100%; min-height:350px; z-index:5; background-image:url(../Resources/home-accessories.jpg); background-position:center; background-repeat:no-repeat; overflow:visible } #slide2-text { z-index:0; float:right; padding-top:135px; padding-right:13%; overflow:visible } #slide1 { position:absolute; left:0px; top:0px; width:100%; min-height:350px; z-index:6; background-image:url(../Resources/home-redgum.jpg); background-position:center; background-repeat:no-repeat; overflow:visible } #slide1-text { z-index:0; float:right; padding-top:135px; 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:48px auto 46px; overflow:visible } #fullwidth-text { width:100%; z-index:0; clear:both; overflow:visible } #text-container { width:73.33%; max-width:880px; z-index:0; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow:visible } #left-container { width:31.82%; z-index:0; float:left; clear:left; overflow:visible } #left-icon-container { width:60px; height:60px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto; overflow:visible } #icon1 { overflow:hidden } #left-heading { width:100%; z-index:0; overflow:visible } #left-text { width:78.57%; z-index:0; margin-left:auto; margin-right:auto; overflow:visible } #middle-container { width:36.36%; z-index:0; float:left; overflow:visible } #middle-icon-container { width:60px; height:60px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto; overflow:visible } #icon2 { overflow:hidden } #middle-heading { width:100%; z-index:0; overflow:visible } #middle-text { width:68.75%; z-index:0; margin-left:auto; margin-right:auto; overflow:visible } #right-container { width:31.82%; z-index:0; float:left; overflow:visible } #right-icon-container { width:60px; height:60px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto; overflow:visible } #icon3 { overflow:hidden } #right-heading { width:100%; z-index:0; overflow:visible } #right-text { width:78.57%; z-index:0; margin-left:auto; margin-right:auto; overflow:visible } #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% } #homevid { border: 0px solid red; margin-top: 30px; margin-bottom: -20px; } @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% } #text-container { width:85% } #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% } #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% } } @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% } #initial-slide-text { width:100%; padding-right:0px } #slide5-text { width:100%; padding-right:0px } #slide4-text { width:100%; padding-right:0px } #slide3-text { width:100%; padding-right:0px } #slide2-text { width:100%; padding-right:0px } #slide1-text { width:100%; padding-right:0px } #left-container { width:100%; float:none; clear:both } #middle-container { width:100%; float:none; clear:both } #right-container { width:100%; float:none; clear:both } } @media screen and (max-width:480px) { #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% } }