body { margin:0px; background-color:#313040; height:100% } html { height:100% } #FooterBox1 a:link { color:#ccc; text-decoration:none } #FooterBox1 a:visited { color:#ccc; text-decoration:none } #FooterBox1 a:hover { color:#369; text-decoration:none } #FooterBox1 a:active { color:#369; text-decoration:none } #BackToTop a:link { color:#ccc; text-decoration:none } #BackToTop a:visited { color:#ccc; text-decoration:none } #BackToTop a:hover { color:#008048; text-decoration:none } #BackToTop a:active { color:#008048; text-decoration:none } #PageDiv { position:relative; min-height:100% } #BodyWrapper1 { position:relative; width:100%; height:525px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px } #InitialImage1 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:1; background-image:url(../Resources/banner1a2.jpg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image1 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:2; background-image:url(../Resources/banner1a2.jpg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image2 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:3; background-image:url(../Resources/banner2a2.jpg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image3 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:4; background-image:url(../Resources/banner3b2.jpg); background-position:left; background-repeat:no-repeat; background-size:cover } #BodyWrapper2 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px } #Body2 { width:91.67%; z-index:0; clear:both; padding:1.67%; margin-left:auto; margin-right:auto } #item5 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px } #item6 { width:86.67%; z-index:0; clear:both; padding:4.17%; margin-left:auto; margin-right:auto } #Box14 { width:40.69%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:5% } #TitleWrapper13 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper13 { width:95.27%; z-index:0; clear:both; padding:10px; margin-left:auto; margin-right:auto } #ImageWrapper14 { width:100%; z-index:0; margin-left:auto; margin-right:auto } #BlackHorse { width:98.04%; max-width:100%; border:solid #313040 1px; overflow:hidden } #Box15 { width:40.69%; z-index:0; float:right; padding-top:10px; padding-bottom:10px; margin-right:5% } #TitleWrapper14 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper14 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TitleWrapper3 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #ImageWrapper7 { width:100%; z-index:0; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #KnotGarden { width:98.04%; max-width:100%; overflow:hidden } #item1 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px } #item2 { width:90%; z-index:0; clear:both; padding:2.5%; margin-left:auto; margin-right:auto; overflow:hidden } #item3 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px } #item4 { width:86.67%; z-index:0; clear:both; padding:4.17%; margin-left:auto; margin-right:auto } #Box11 { width:26%; z-index:0; float:left; clear:left; padding-top:10px; padding-bottom:10px; margin-left:5% } #ImageWrapper10 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #Garden { width:75.41%; overflow:hidden } #TitleWrapper10 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper10 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #Box12 { width:26%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:6% } #ImageWrapper11 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #WhitbySteps { width:75.41%; box-shadow:3px -1px 6px 1px rgba(230,230,230,0.80); overflow:hidden } #TitleWrapper11 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper11 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #Box13 { width:26%; z-index:0; float:left; clear:right; padding-top:10px; padding-bottom:10px; margin-left:6%; margin-right:5% } #ImageWrapper12 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #MoodyFlower1 { width:75.44%; box-shadow:3px -1px 6px 1px rgba(230,230,230,0.80); overflow:hidden } #TitleWrapper12 { width:92.46%; z-index:0; clear:both; padding:10px; margin-left:auto; margin-right:auto } #TextWrapper12 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #item9 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-top:solid #e6e6e6 20px } #item10 { width:88.33%; z-index:0; clear:both; padding:3.33%; margin-left:auto; margin-right:auto } #Jetty { width:100%; overflow:hidden } #item12 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#e6e6e6 } #item13 { width:86.67%; z-index:0; clear:both; padding:4.17%; margin-left:auto; margin-right:auto } #Box1 { width:18%; z-index:0; float:left; clear:left; padding-top:10px; padding-bottom:10px; margin-left:5% } #ImageWrapper1 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #user { width:64px; overflow:hidden } #TitleWrapper1 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper1 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #Box2 { width:18%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:6% } #ImageWrapper2 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #photocamera { width:64px; overflow:hidden } #TitleWrapper2 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper2 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #Box3 { width:18%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:6% } #ImageWrapper8 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #internet { width:64px; overflow:hidden } #TitleWrapper7 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper7 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #Box8 { width:187px; z-index:0; float:left; clear:right; padding-top:10px; padding-bottom:10px; margin-left:6%; margin-right:5% } #ImageWrapper9 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #smartphone { width:64px; overflow:hidden } #TitleWrapper8 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper8 { width:187px; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #item7 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#e6e6e6 } #item8 { width:95%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #CSSMenu { height:auto; overflow:visible; position:relative; z-index:9999 } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; 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:#336699; text-decoration:none; padding:8px 8px 8px 8px } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#336699; text-decoration:none; background:#FFFFFF } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#336699; text-decoration:none; background:#FFFFFF } #fwNav1 .fwNavItem a:active { color:#F75E17; text-decoration:none; background:#FFFFFF } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-1-black3.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 * .sub { visibility:hidden; position:absolute; left:-0; float:left; padding:0; margin:0; list-style:none; z-index:1 } #fwNav1 .sub * .sub { top:-0 } #fwNav1 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:7em; border-left:0; border-right:0; border-top:none; border-bottom:none } #fwNav1 * * * .sub { left:100%; top:0 } #fwNav1 .fwNavItem .sub .fwNavItem a { display:block; color:#336699; text-decoration:none; background:#FFFFFF; padding:8px 8px 8px 8px } #fwNav1 .fwNavItem .sub .fwFirstChild { border-top:0 } #fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:0 } #fwNav1 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav1 .fwNavItem .sub .fwNavItem:hover > a { color:#336699; text-decoration:none; background:#FFFFFF } #fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#336699; text-decoration:none; background:#FFFFFF } #fwNav1 .fwNavItem .sub .fwNavItem a:active { color:#F75E17; text-decoration:none; background:#FFFFFF } #fwNav1 :hover > .sub { visibility:visible } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#F75E17; background:#FFFFFF; font-weight:normal } #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; color:#F75E17; font-weight:normal; background:#FFFFFF } @media screen and (max-width:880px) { #TitleWrapper12 { width:89.72% } } @media screen and (max-width:768px) { #InitialImage1 { background-position:center } #Image1 { background-position:center } #Image2 { background-position:center } #Image3 { background-image:url(../Resources/banner3a2.jpg); background-position:center } #TitleWrapper12 { width:88.22% } #Box1 { width:45%; margin-left:0px } #Box2 { width:45%; float:right; clear:right; margin-left:0px } #Box3 { width:45%; clear:left; margin-left:0px; margin-top:5% } #Box8 { width:45%; float:right; margin-left:0px; margin-top:5%; margin-right:0px } #TextWrapper8 { width:100% } } @media screen and (max-width:568px) { #Box12 { width:33% } #Box13 { width:29% } #TitleWrapper12 { width:78% } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#F5F5F5; -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 { 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:20px; padding-bottom:20px; padding-left:20px; padding-right:20px } #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 } .fwNav1-toggle-close { background-image:url('../Resources/menu-close-black3.png'); margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } #fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-right:10px; padding-left:20px } #fwNav1 .fwNavItem .sub .sub .fwNavItem a { padding-left:30px } #fwNav1 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:40px } #fwNav1 .fwNavItem .sub { position:relative; visibility:visible; width:100%; left:0; top:0 } #fwNav1 .fwNavItem .sub .fwNavItem { width:100% } #fwNav1 .fwNavItem .sub .sub { left:0 } #fwNav1 .fwNavItem .sub .sub .fwNavItem { border-left:none } .fwMainPointer1, .fwSubPointer1 { display:none } #fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:none } #fwNav1 .fwLastChild .sub .fwLastChild { border-bottom:0 } } @media screen and (max-width:480px) { #Box14 { width:90%; float:none; clear:both; margin-left:auto; margin-right:auto } #Box15 { width:90%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #Box11 { width:90%; clear:both; margin-right:5% } #Box12 { width:90%; clear:both; margin-left:5%; margin-top:5%; margin-right:5% } #Box13 { width:90%; clear:both; margin-left:5%; margin-top:5% } #Box1 { width:90%; clear:both; margin-left:5%; margin-right:5% } #Box2 { width:90%; clear:both; margin-left:5%; margin-top:5%; margin-right:5% } #Box3 { width:90%; clear:both; margin-left:5%; margin-right:5% } #Box8 { width:90%; margin-left:5%; margin-right:5% } } @media screen and (max-width:320px) { #Box14 { width:100% } #Box15 { width:100% } #TitleWrapper12 { width:91.83% } }