body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #949598; background-image: url(images/design/backGrad2.gif); background-repeat: repeat-x; text-align: center; margin: 0; } h5 { margin-right: 0; margin-left: 0; } p { font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; } td { } h2 { color: #600; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; } h3 { color: #000; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 12px 50px 0.5em 10px; } a:link { } a:visited { } a:hover { } a:active { } #container { background-color: #fff; width: 800px; height: auto; margin-right: auto; margin-left: auto; border-bottom: 1px dotted #000; } /**/ #introHeaderNav { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 500px; height: 30px; float: right; padding-top: 5px; padding-right: 10px; } #introHeaderNav A { color: #fff; text-decoration: none; } #introHeaderNav A:hover { text-decoration: underline; } #introHeaderNav A:visited { } .introHeaderNavBold { font-size: 14px; font-weight: bold; } #intro { background-image: url(images/design/header/HeaderTop.jpg); background-repeat: no-repeat; width: 800px; height: 140px; margin-right: auto; margin-left: auto; } #headerLogo { width: 200px; height: 25px; float: left; margin-top: 20px; margin-left: 25px; } /**/ /**/ .homeHeader { background-image: url(images/design/header/Header283Test3.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .greenHeader { background-image: url(images/design/header/Header283Green.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .marinaHeader { background-image: url(images/design/header/Header283Marina.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .rowingHeader { background-image: url(images/design/header/Header283LandingPageRowing.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .resdentialHeader { background-image: url(images/design/header/Header283Residential.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .govHeader { background-image: url(images/design/header/Header283ParksGovernment.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .waterHeader { background-image: url(images/design/header/HeaderWater.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .rowingHeader { background-image: url(images/design/header/Header283RowingPaddle.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .goBoatingHeader { background-image: url(images/design/header/Header283LandingPageGB.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .parksHeader { background-image: url(images/design/header/Header283ParksGovernment.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } .videoCHHeader { background-image: url(images/design/header/Header140Video.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .upack1000Header { background-image: url(images/design/header/Header140-1000-U.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .anchoringHeader { background-image: url(images/design/header/Header140Anchoring.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .tpack1000Header { background-image: url(images/design/header/Header140-1000-T.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .swimpack1000Header { background-image: url(images/design/header/Header140-1000-Swim.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .stpack1000Header { background-image: url(images/design/header/Header140-1000-S.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .paddle1000Header { background-image: url(images/design/header/Header140RowingPaddle.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .com1000Header { background-image: url(images/design/header/Header140-1000Components.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .com2000Header { background-image: url(images/design/header/Header140-2000Components.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .ctlHeader { background-image: url(images/design/header/Header140ConnectToLife.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .commercialHeader { background-image: url(images/design/header/Header283Commercial.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .dockHeader { background-image: url(images/design/header/Header224FloatingDocks.jpg); background-repeat: no-repeat; width: 581px; height: 223px; } .detHeader { background-image: url(images/design/header/Header224Determine.jpg); background-repeat: no-repeat; width: 581px; height: 223px; } .stepHeader { background-image: url(images/design/header/Header224Stepping.jpg); background-repeat: no-repeat; width: 581px; height: 223px; } .lpack1000Header { background-image: url(images/design/header/Header140-1000-L.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .1000LP { background-image: url(images/design/header/Header140-1000.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .fpack1000Header { background-image: url(images/design/header/Header140-1000-F.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .fpack2000Header { background-image: url(images/design/header/Header140-2000-F.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .2000Header { background-image: url(images/design/header/Header140-2000.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .deckpack2000Header { background-image: url(images/design/header/Header140-2000-Deck.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .lpack2000Header { background-image: url(images/design/header/Header140-2000-L.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .spack2000Header { background-image: url(images/design/header/Header140-2000-S.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .tpack2000Header { background-image: url(images/design/header/Header140-2000-T.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .pwc2000Header { background-image: url(images/design/header/Header140CAP.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .upack2000Header { background-image: url(images/design/header/Header140-2000-U.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .planterpack2000Header { background-image: url(images/design/header/Header140Planter.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .bench2000Header { background-image: url(images/design/header/Header140-2000Bench.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .govSwimHeader { background-image: url(images/design/header/Header140ParkSwim.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .govStHeader { background-image: url(images/design/header/Header140ParkS.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .govMoorHeader { background-image: url(images/design/header/Header140ParksMooring.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .govPodHeader { background-image: url(images/design/header/Header140ParksPod.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .govUHeader { background-image: url(images/design/header/Header140ParksU.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .govTHeader { background-image: url(images/design/header/Header140ParksT.jpg); background-repeat: no-repeat; width: 581px; height: 140px; } .aboutHeader { background-image: url(images/design/header/Header283AboutUs.jpg); background-repeat: no-repeat; width: 581px; height: 283px; } /**/ /**/ #headerNavTop A { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; background-color: #a5a5a5; text-decoration: none; clear: both; padding: 4px 5px 3px; } #headerNavTop A:hover { color: #fff; text-decoration: underline; } #headerNavTop A.selected:hover { color: #fff; text-decoration: none; } #headerNavSelect { } #subHeader { background-image: url(images/design/header/HeaderNav.jpg); background-repeat: no-repeat; width: 800px; height: 45px; float: right; clear: left; margin-right: auto; margin-left: auto; } #subHeader UL { width: 750px; height: 25px; margin-top: 1px; list-style-type: none; } #subHeader UL LI { float: left; clear: right; margin-right: 5px; border: solid 1px #fff; } .selected#headerNav_home { color: #fff; font-weight: bold; background-image: url(images/design/waterNav.gif); background-repeat: repeat; letter-spacing: 1px; } .selected#headerNav_floatingDock { color: #fff; font-weight: bold; background-image: url(images/design/waterNav.gif); background-repeat: repeat; letter-spacing: 1px; } .selected#headerNav_low { color: #fff; font-weight: bold; background-image: url(images/design/waterNav.gif); background-repeat: repeat; letter-spacing: 1px; } .selected#headerNav_high { color: #fff; font-weight: bold; background-image: url(images/design/waterNav.gif); background-repeat: repeat; letter-spacing: 1px; } /**/ /**/ #supporting { width: 800px; height: auto; margin-right: auto; margin-left: auto; } #supporting283 { width: 531px; height: 283px; } #supporting140 { width: 531px; height: 140px; } #supporting223 { width: 531px; height: 223px; } #supporting50 { background-image: url(images/design/header/Header50.jpg); background-repeat: no-repeat; width: 531px; height: 50px; } #supportingLeft { text-align: left; width: 560px; height: auto; float: left; clear: left; } #supporting h3 { font-size: 0.86em; font-weight: bold; margin-left: 25px; } #supporting h2 { margin-right: 30px; margin-left: 15px; padding-bottom: 2px; } #supportingLeft p { font-size: 12px; font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, Arial, Helvetica, sans-serif; margin: -3px 65px 10px 24px; } #supportingLeft table { font-size: 12px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, Arial, Helvetica, sans-serif; margin: -3px 65px 10px 24px; } #supportingLeft A { color: #00f; font-size: 12px; font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, Arial, Helvetica, sans-serif; text-decoration: underline; letter-spacing: 0.05em; } #supportingLeft A:hover { color: #800000; text-decoration: underline; } #supportingRight { text-align: left; width: 240px; height: auto; float: right; margin-top: 5px; } #supportingRight p { margin-top: -15px; } #dockAp { background-color: #e1e1e1; width: 196px; height: auto; padding-top: 5px; padding-bottom: 5px; border-right: 2px double #bdbdbd; border-left: 2px double #bdbdbd; } #dockApHold { width: 200px; height: auto; } #dockApTop { background-image: url(images/design/sideNav/dockApArt1_01.jpg); background-repeat: no-repeat; width: 200px; height: 19px; } #dockApBot { background-image: url(images/design/sideNav/dockApArt1_03.jpg); background-repeat: no-repeat; width: 200px; height: 49px; } #dockAp A { color: #00f; font-size: 12px; text-decoration: none; } #dockAp A:hover { color: #800000; text-decoration: underline; } .fontSize#residential { font-size: 16px; font-weight: bold; } #dockAction { background-image: url(images/design/sideNav/brownBar_mid.gif); background-repeat: repeat-y; width: 200px; height: auto; padding-top: 5px; padding-bottom: 5px; } #dockAction H5 { text-align: left; text-indent: 24px; margin: 0 5px 0 10px; padding-top: 5px; padding-bottom: 5px; } .photo { background-image: url(images/design/icon/cameraBr.gif); background-repeat: no-repeat; background-position: 0 0; } .lit { background-image: url(images/design/icon/litBr.gif); background-repeat: no-repeat; background-position: 0 0; margin-top: 20px; } .question { background-image: url(images/design/icon/questionBr.gif); background-repeat: no-repeat; background-position: 0 0; margin-top: 20px; margin-bottom: 0; } .film { background-image: url(images/design/icon/filmBr.gif); background-repeat: no-repeat; background-position: 0 0; margin-top: 20px; margin-bottom: 0; } #dockActionHold { width: 200px; } #dockActionTop { width: 200px; } #dockActionBot { background-image: url(images/design/sideNav/brownBar_bot.gif); background-repeat: no-repeat; width: 200px; height: 15px; } #dockAction UL { margin-top: 1px; margin-bottom: -5px; list-style-type: none; list-style-type: none; } #dockAction UL LI { padding-left: 5px; } #dockAction A { color: #00f; font-size: 12px; text-decoration: none; } #dockAction A:hover { color: #800000; text-decoration: underline; } #dealerLocate { color: #600; background-image: url(images/design/sideNav/brownBar_mid.gif); background-repeat: repeat-y; width: 200px; height: auto; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; } #dealerLocateTop { background-image: url(images/design/sideNav/brownBar_locate.gif); background-repeat: no-repeat; width: 200px; height: 27px; } #dealerLocateBot { background-image: url(images/design/sideNav/brownBar_readyToBuy.gif); background-repeat: no-repeat; width: 200px; height: 15px; } #dealerLocateHold { width: 200px; height: auto; margin-top: 10px; } #dealerLocate h2 { color: #600; font-size: 16px; } #dealerLocate A { color: #00f; font-size: 12px; text-decoration: none; text-indent: 20px; } #dealerLocate A:hover { color: #800000; text-decoration: underline; } #dealerHold { width: 200px; height: auto; margin-top: 10px; margin-bottom: 15px; } #dealerTop { background-image: url(images/design/sideNav/brownBar_become.gif); background-repeat: no-repeat; width: 200px; height: 25px; } #dealer { color: #600; background-image: url(images/design/sideNav/brownBar_mid.gif); background-repeat: repeat-y; text-align: left; width: 200px; height: auto; padding-left: 30px; } #dealerBot { background-image: url(images/design/sideNav/brownBar_bot.gif); background-repeat: no-repeat; width: 200px; height: 15px; } #dealer h2 { color: #600; font-size: 16px; } #dealer A { color: #00f; font-size: 12px; text-decoration: none; } #dealer A:hover { color: #800000; text-decoration: underline; } /**/ /**/ .centered { text-align: center; } #footer { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; width: 780px; height: 25px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-right: 0; border-top: 1px solid #b69971; } #footer p { margin-top: 1px; } #footer A { color: #06c; text-decoration: none; } #footer A:hover { color: #800000; text-decoration: underline; } #footerSub { color: #ccc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 780px; height: auto; margin-right: auto; margin-left: auto; } #footerSub A { color: #ccc; text-decoration: none; } #footerSub A:hover { text-decoration: underline; } /**/ .clear { clear: both; } .itType { font-style: italic; } #residential { background-image: url(images/design/dockAp/docksByApplication_01.jpg); } .topOfPage { text-align: right; } .red { color: #f00; } .big { font-weight: bold; } .brownBack { background-color: #b69971; } .line { border-top: 1px solid #b69971; border-right: 1px solid #b69971; } .marginLeft { margin-left: 15px; }