body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#f5f5f5; height:100% } html { height:100% } #PageDiv { position:relative; min-height:100%; margin:auto; background-color:#f0f0f0 } #item14 { width:99.33%; z-index:0; float:left; margin-top:0px; background-color:#f0f0f0; border:solid #ebebeb 4px } #Photo-Galleries { max-width:1192px; z-index:0; margin:2px auto; background-color:#fff; border:dotted #2f3237 2px } #School-Clubs { width:13.27%; z-index:0; float:left; padding:1% } #Galleries2 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7% } #Dance-Portraits { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7% } #Gallery-Index2 { width:13.27%; z-index:0; float:right; padding:1% } #Martial-Arts { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7% } #Figure-Skate { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7% } #Figure-Skateing-Event-Photography { max-width:1192px; z-index:0; margin:2px auto; background-color:#ebebeb; border:dotted #2f3237 2px } #twoWrapper13 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#f0f0f0 } #twoLeft10 { width:49.17%; z-index:0; float:left } #twoRight11 { width:49.17%; z-index:0; float:right } #School-Photography-Services { width:99.33%; z-index:0; float:left; padding:2px; margin:2px; background-color:#f0f0f0 } #twoWrapper10 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#f0f0f0 } #twoLeft9 { width:48.16%; z-index:0; float:left; padding:0.5% } #twoRight9 { width:48.16%; z-index:0; float:right; padding:0.5% } #oneWrapper { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#f0f0f0; border:solid #f5f5f5 4px } #Figure-Skaters { z-index:0; padding:2%; background-color:#f0f0f0 } #Skate-Photo-Bar { max-width:100%; overflow:hidden } #Professional-Photography-Service { width:99.33%; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #twoWrapper11 { max-width:1144px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#f5f5f5 } #Star-Light-Studios-Contact-info { width:49.17%; z-index:0; float:left; background-color:#f5f5f5; border:solid #fafafa 2px } #Starlight-Phone { width:49.17%; z-index:0; float:right; background-color:#f5f5f5; border:solid #fafafa 2px } #twoWrapper1 { max-width:1192px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#f5f5f5 } #Maryland-Photographers-Since-1989 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#f5f5f5; border:solid #fafafa 2px } #Star-Light-Studios { width:45.17%; z-index:0; float:left; padding:2%; background-color:#f5f5f5; border:solid #fafafa 2px } #threeWrapper { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #threeLeft { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #rt1 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #threeMiddle { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #rt2 { max-width:100%; margin-top:10px; border:ridge #f2e7de 12px; overflow:hidden } #threeRight { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #rt312 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoWrapper4 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #twoRight1 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#fff } #rt3512 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoLeft1 { width:45.17%; z-index:0; float:left; padding:2%; background-color:#fff } #rt512 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #item1 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #twoWrapper2 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #twoRight2 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#fff } #rt4 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoLeft2 { width:45.17%; z-index:0; float:left; padding:2%; background-color:#fff } #rt5 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #threeWrapper1 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #threeLeft1 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #rt3 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #threeMiddle1 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #rt6 { max-width:100%; margin-top:10px; border:ridge #f2e7de 12px; overflow:hidden } #threeRight1 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #rt7 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #item4 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #threeWrapper2 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #threeLeft2 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #rt8 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #threeMiddle2 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #rt1312 { max-width:100%; margin-top:10px; border:ridge #f2e7de 12px; overflow:hidden } #threeRight2 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #rt23 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #item5 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #threeWrapper3 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #threeLeft3 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #rt9 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #threeMiddle3 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #rt10 { max-width:100%; margin-top:10px; border:ridge #f2e7de 12px; overflow:hidden } #threeRight3 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #rt11 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #item2 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #twoWrapper3 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #twoRight3 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#fff } #rt12 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoLeft3 { width:45.17%; z-index:0; float:left; padding:2%; background-color:#fff } #rt13 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #item6 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #twoWrapper5 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #twoRight4 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#fff } #rt14 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoLeft4 { width:45.17%; z-index:0; float:left; padding:2%; background-color:#fff } #rt15 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #item7 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #twoWrapper6 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #twoRight5 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#fff } #rt1512 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoLeft5 { width:45.17%; z-index:0; float:left; padding:2%; background-color:#fff } #rt17 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #item8 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #twoWrapper7 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #twoRight6 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#fff } #rt16 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoLeft6 { width:45.17%; z-index:0; float:left; padding:2%; background-color:#fff } #rt18 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #item11 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #twoWrapper8 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #twoRight7 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#fff } #rt22 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoLeft7 { width:45.17%; z-index:0; float:left; padding:2%; background-color:#fff } #rt24 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #item12 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #twoWrapper9 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #twoRight8 { width:45.17%; z-index:0; float:right; padding:2%; background-color:#fff } #rt25 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #twoLeft8 { width:45.17%; z-index:0; float:left; padding:2%; background-color:#fff } #rt26 { max-width:100%; margin-top:20px; border:ridge #f2e7de 12px; overflow:hidden } #item13 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #oneWrapper1 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto } #one { z-index:0; padding:2%; background-color:#fff } #rt1120 { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #item10 { width:100%; min-height:100px; z-index:0; float:left; margin-top:0px; background-color:#f5f5f5 } #oneWrapper3 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto } #one1 { z-index:0; padding:2%; background-color:#fff } #rt11k { max-width:100%; border:ridge #f2e7de 12px; overflow:hidden } #navigation3 { 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:#FFFFFF; text-decoration:underline; background:#2F3237; padding:14px 25px 14px 25px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/hamburger-white.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:100%; *width:auto; 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:#FFFFFF; text-decoration:underline; background:#2F3237; padding:14px 25px 14px 25px; white-space:nowrap } #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:#FFFFFF; text-decoration:none } #fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#FFFFFF; text-decoration:none } #fwNav1 :hover > .sub { visibility:visible } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; font-weight:normal } #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; font-weight:normal } @media screen and (max-width:920px) { #threeLeft { width:45% } #threeMiddle { width:45%; float:right; margin-left:0px } #threeRight { width:96%; float:left; clear:both; margin-top:20px } #threeLeft1 { width:45% } #threeMiddle1 { width:45%; float:right; margin-left:0px } #threeRight1 { width:96%; float:left; clear:both; margin-top:20px } #threeLeft2 { width:45% } #threeMiddle2 { width:45%; float:right; margin-left:0px } #threeRight2 { width:96%; float:left; clear:both; margin-top:20px } #threeLeft3 { width:45% } #threeMiddle3 { width:45%; float:right; margin-left:0px } #threeRight3 { width:96%; float:left; clear:both; margin-top:20px } } @media screen and (max-width:720px) { #School-Clubs { width:29%; padding:1.5% } #Galleries2 { width:29%; padding:1.5%; margin-left:2% } #Dance-Portraits { width:29%; clear:both; padding:1.5%; margin-left:0px; margin-top:20px } #Gallery-Index2 { width:29%; padding:1.5%; margin-top:20px } #Martial-Arts { width:29%; float:right; padding:1.5%; margin-left:0px } #Figure-Skate { width:29%; padding:1.5%; margin-left:2%; margin-top:20px } #twoLeft10 { width:auto; float:none } #twoRight11 { width:auto; float:none; margin-top:20px } #twoLeft9 { width:auto; float:none } #twoRight9 { width:auto; float:none; margin-top:20px } #Star-Light-Studios-Contact-info { width:auto; float:none } #Starlight-Phone { width:auto; float:none; margin-top:20px } #Maryland-Photographers-Since-1989 { width:auto; float:none; margin-top:20px } #Star-Light-Studios { width:auto; float:none } #twoRight1 { width:auto; float:none; margin-top:20px } #twoLeft1 { width:auto; float:none } #twoRight2 { width:auto; float:none; margin-top:20px } #twoLeft2 { width:auto; float:none } #twoRight3 { width:auto; float:none; margin-top:20px } #twoLeft3 { width:auto; float:none } #twoRight4 { width:auto; float:none; margin-top:20px } #twoLeft4 { width:auto; float:none } #twoRight5 { width:auto; float:none; margin-top:20px } #twoLeft5 { width:auto; float:none } #twoRight6 { width:auto; float:none; margin-top:20px } #twoLeft6 { width:auto; float:none } #twoRight7 { width:auto; float:none; margin-top:20px } #twoLeft7 { width:auto; float:none } #twoRight8 { width:auto; float:none; margin-top:20px } #twoLeft8 { width:auto; float:none } } @media screen and (max-width:570px) { #twoLeft10 { padding:4% } #twoRight11 { padding:4% } #twoLeft9 { padding:4% } #twoRight9 { padding:4% } #Figure-Skaters { padding:4% } #Star-Light-Studios-Contact-info { padding:4% } #Starlight-Phone { padding:4% } #Maryland-Photographers-Since-1989 { padding:4% } #Star-Light-Studios { padding:4% } #threeLeft { width:auto; float:none; padding:4% } #threeMiddle { width:auto; float:none; padding:4%; margin-top:20px } #threeRight { width:auto; float:none; padding:4% } #twoRight1 { padding:4% } #twoLeft1 { padding:4% } #twoRight2 { padding:4% } #twoLeft2 { padding:4% } #threeLeft1 { width:auto; float:none; padding:4% } #threeMiddle1 { width:auto; float:none; padding:4%; margin-top:20px } #threeRight1 { width:auto; float:none; padding:4% } #threeLeft2 { width:auto; float:none; padding:4% } #threeMiddle2 { width:auto; float:none; padding:4%; margin-top:20px } #threeRight2 { width:auto; float:none; padding:4% } #threeLeft3 { width:auto; float:none; padding:4% } #threeMiddle3 { width:auto; float:none; padding:4%; margin-top:20px } #threeRight3 { width:auto; float:none; padding:4% } #twoRight3 { padding:4% } #twoLeft3 { padding:4% } #twoRight4 { padding:4% } #twoLeft4 { padding:4% } #twoRight5 { padding:4% } #twoLeft5 { padding:4% } #twoRight6 { padding:4% } #twoLeft6 { padding:4% } #twoRight7 { padding:4% } #twoLeft7 { padding:4% } #twoRight8 { padding:4% } #twoLeft8 { padding:4% } #one { padding:4% } #one1 { padding:4% } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#2F3237; -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:14px; padding-bottom:14px; padding-left:14px; padding-right:14px } #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/x-white.png'); margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } #fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:14px; padding-bottom:14px; 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) { #School-Clubs { width:44%; padding:2% } #Galleries2 { width:44%; float:right; padding:2%; margin-left:0px } #Dance-Portraits { width:44%; float:right; clear:none; padding:2% } #Gallery-Index2 { width:44%; padding:2% } #Martial-Arts { width:44%; float:left; clear:left; padding:2%; margin-top:20px } #Figure-Skate { width:44%; clear:left; padding:2%; margin-left:0px } } @media screen and (max-width:320px) { #School-Clubs { width:auto; float:none; padding:4% } #Galleries2 { width:auto; float:none; padding:4%; margin-top:20px } #Dance-Portraits { width:auto; float:none; padding:4% } #Gallery-Index2 { width:auto; float:none; padding:4% } #Martial-Arts { width:auto; float:none; padding:4% } #Figure-Skate { width:auto; float:none; padding:4% } }