body { margin:0px; background-color:#313040; height:100% } html { height:100% } a:link { color:#008048; text-decoration:underline } a:visited { color:#008048; text-decoration:underline } a:hover { color:#57bf7c; text-decoration:underline } a:active { color:#57bf7c; text-decoration:underline } #FooterBox1 a:link { color:#ccc; text-decoration:none } #FooterBox1 a:visited { color:#ccc; text-decoration:none } #FooterBox1 a:hover { color:#008048; text-decoration:none } #FooterBox1 a:active { color:#008048; 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% } #TopSpacer { width:100%; min-height:30px; z-index:0; clear:both; background-color:#313040; overflow:hidden } #PageWrapper { width:1251px; z-index:0; background-size:cover } #Header { width:93%; z-index:0; clear:both; padding:5% 1%; margin-left:auto; margin-right:auto } #Logo { width:35%; z-index:0; float:left; clear:left } #LogoTitle { width:100%; z-index:0; float:left; clear:both } #BodyWrapper1 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px; overflow:scroll } #item8 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 12px } #item9 { width:85%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto } #QuoteItem1 { width:70%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #item7 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px; overflow:hidden } #BodyWrapper2 { width:1246px; z-index:0; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px } #Body2 { width:1122px; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto; border-bottom:solid #f5f5f5 12px } #item2 { width:90%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto } #Box10 { width:40%; z-index:0; float: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 } #gear3 { width:64px; overflow:hidden } #TitleWrapper9 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper9 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #Stevenuzzu { width:100%; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto; overflow:hidden } #Box11 { width:40%; z-index:0; float:right; padding-top:10px; padding-bottom:10px; margin-right:5% } #ImageWrapper12 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #document3 { width:64px; 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 } #Box1 { width:40%; z-index:0; float: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 } #gear { width:64px; overflow:hidden } #TitleWrapper { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #PodcastEquipment { width:100%; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto; overflow:hidden } #Box2 { width:40%; z-index:0; float:right; padding-top:10px; padding-bottom:10px; margin-right:5% } #ImageWrapper3 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #document { 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 } #item4 { width:1251px; z-index:0; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px } #item1 { width:1126px; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto; background-color:#fff } #Box3 { width:40%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:5% } #ImageWrapper2 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #gear1 { 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 } #TheBusinessFirmYouTubePlayStillTHUMBNAIL1 { width:100%; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto; overflow:hidden } #Box4 { width:40%; z-index:0; float:right; padding-top:10px; padding-bottom:10px; margin-right:5% } #ImageWrapper4 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #document1 { width:64px; overflow:hidden } #TitleWrapper3 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper3 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #item3 { z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px } #item10 { width:85%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto } #GetInTouch { width:70%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #item11 { width:90%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto } #FormWrapper { width:100%; min-height:100px; z-index:0 } #Name { width:75%; padding:1%; background-color:#fff; border-style:solid; border-color:#ccc #f5f5f5 #f5f5f5 #ccc; border-width:3px } #Email { width:75%; padding:1%; background-color:#fff; border-style:solid; border-color:#ccc #f5f5f5 #f5f5f5 #ccc; border-width:3px } #Telephone { width:75%; padding:1%; background-color:#fff; border-style:solid; border-color:#ccc #f5f5f5 #f5f5f5 #ccc; border-width:3px } #HeardFrom { width:75%; padding:1%; background-color:#fff; border-style:solid; border-color:#ccc #f5f5f5 #f5f5f5 #ccc; border-width:3px } #Subject { width:75%; padding:1%; background-color:#fff; border-style:solid; border-color:#ccc #f5f5f5 #f5f5f5 #ccc; border-width:3px } #Message { width:75%; height:138px; padding:1%; background-color:#fff; border-style:solid; border-color:#ccc #f5f5f5 #f5f5f5 #ccc; border-width:3px } #Send { width:20%; padding:2%; margin-right:1%; background-color:#fff; border-style:solid; border-color:#f5f5f5 #ccc #ccc #f5f5f5; border-width:3px } #item6 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px; overflow:hidden } #CSSMenu { height:auto; overflow:visible; position:relative } .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:#313040; text-decoration:none; padding:8px 8px 8px 8px } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#008048; text-decoration:none } #fwNav1 .fwNavItem a:active { color:#008048; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/hamburgermenu.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#57BF7C; font-weight:normal } @media screen and (max-width:880px) { #Logo { width:100%; float:none } } @media screen and (max-width:768px) { #PageWrapper { width:798px } #BodyWrapper2 { width:798px } #Body2 { width:718px } #item2 { background-color:#f5f5f5 } #item4 { width:798px } #item1 { width:718px } } @media screen and (max-width:568px) { #BodyWrapper2 { width:590px } #Body2 { width:531px } #Box10 { width:52% } #item4 { width:590px } #item1 { width:531px } #Box4 { width:42% } .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/hamburgermenu.png'); margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } } @media screen and (max-width:480px) { #PageWrapper { width:498px } #Logo { clear:both; margin-left:auto; margin-right:auto; margin-bottom:20px } #BodyWrapper2 { width:498px } #Body2 { width:449px } #Box10 { width:90%; float:none; clear:both; margin-left:auto; margin-right:auto } #Box11 { width:90%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #Box1 { width:90%; float:none; clear:both; margin-left:auto; margin-right:auto } #Box2 { width:90%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #item4 { width:498px } #item1 { width:449px } #Box3 { width:90%; float:none; clear:both; margin-left:auto; margin-right:auto } #Box4 { width:90%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #FormWrapper { min-height:0px } #Name { width:88%; padding:2% } #Email { width:88%; padding:2% } #Telephone { width:88%; padding:2% } #HeardFrom { width:88%; padding:2% } #Subject { width:88%; padding:2% } #Message { width:88%; height:125px; padding:2% } #Send { width:70% } } @media screen and (max-width:320px) { #QuoteItem1 { width:100% } #Body2 { width:90% } #Box10 { width:100% } #Box11 { width:100% } #Box1 { width:100% } #Box2 { width:100% } #item1 { width:90% } #Box3 { width:100% } #Box4 { width:100% } }