#splash { position: relative; top: 100px; } * { padding: 0; margin: 0; } /* top items */ #topHeader { position: absolute; top: 22px; left: 19px; width: 369px; height: 39px; } #topInfo { position: absolute; top: 68px; left: 19px; width: 400px; color: #777; font: 11px Helvetica, sans-serif;} a { color: #777; text-decoration: none; } a:hover {text-decoration: underline; } #topLine { position: absolute; top: 79px; left: 19px; width: 312px; } #topLinks { position: absolute; top: 44px; left: 527px; width: 293px; height: 3px; color: #000; font: 14px bold Helvetica, sans-serif; font-weight:bold} #topLinksact { position: absolute; top: 44px; left: 527px; width: 293px; height: 3px; color: #000; font: 14px bold Helvetica, sans-serif; font-weight:bold; text-decoration:underline} #topLinksP { position: absolute; top: 44px; left: 673px; width: 293px; height: 3px; color: #000; font: 14px bold Helvetica, sans-serif; font-weight:bold} #topLinksPact { position: absolute; top: 44px; left: 673px; width: 293px; height: 3px; color: #000; font: 14px bold Helvetica, sans-serif; font-weight:bold; text-decoration:underline} /*#topLinksA { position: absolute; top: 44px; left: 816px; width: 293px; height: 3px; color: #000; font: 14px bold Helvetica, sans-serif; font-weight:bold} #topLinksAact { position: absolute; top: 44px; left: 816px; width: 293px; height: 3px; color: #000; font: 14px bold Helvetica, sans-serif; font-weight:bold; text-decoration:underline}*/ #topLinksB { position: absolute; top: 44px; left: 960px; width: 293px; height: 3px; color: #000; font: 14px bold Helvetica, sans-serif; font-weight:bold} #topLinksBact { position: absolute; top: 44px; left: 960px; width: 293px; height: 3px; color: #000; font: 14px bold Helvetica, sans-serif; font-weight:bold; text-decoration:underline} /* DROP DOWN ABOUT */ /* General */ #cssdropdown { list-style: none; position: absolute; top: 44px; left: 765px; } #cssdropdown ul { list-style: none; } #cssdropdown, #cssdropdown * { padding: 0; margin: 0; } /* Head links */ #cssdropdown li.headlink { width: 150px; float: left; margin-left: -1px; border: none; background-color: #fff; text-align: center; } #cssdropdown li.headlink a { display: block; padding: 0px; color: #777; } #cssdropdown li.headlink a:hover { text-decoration: underline; } /* Child lists and links */ #cssdropdown li.headlink ul { display: none; text-align: center; } #cssdropdown li.headlink:hover ul { display: block; } #cssdropdown li.headlink ul li a { padding: 3px; height: 14px; } #cssdropdown li.headlink ul li a:hover { background-color: #fff; } /* Pretty styling */ body { font-family: helvetica, verdana, arial, sans-serif; font-weight:normal; font-size: 11px; background-color: white; color: #333;} #cssdropdown a { text-decoration: none; } #cssdropdown ul li a:hover { text-decoration: underline; } #cssdropdown ul li a { text-decoration: none; font-weight: normal; 10px; } #cssdropdown li.headlink { background-color: white; text-decoration: none; font: 14px bold helvetica, sans-serif; font-weight: bold; } #cssdropdown li.sublink { background-color: white; text-decoration: none; font: 11px helvetica, sans-serif; font-weight: regular; } #cssdropdown li.headlink ul { background-position: bottom; padding-bottom: 0px; } /* END ROP DOWN ABOUT*/ /* gallery items */ #bikeOne { position: absolute; top: 105px; left: 22px; width: 145px; height: 320px; border: none;} #bikeTwo { position: absolute; top: 105px; left: 188px; width: 145px; height: 320px;} #bikeThree { position: absolute; top: 105px; left: 355px; width: 145px; height: 320px;} #bikeFour { position: absolute; top: 105px; left: 522px; width: 145px; height: 320px;} #bikeFive { position: absolute; top: 105px; left: 687px; width: 145px; height: 320px;} #bikeSix { position: absolute; top: 105px; left: 855px; width: 145px; height: 320px;} #bikeSeven { position: absolute; top: 435px; left: 22px; width: 145px; height: 320px;} #bikeEight { position: absolute; top: 435px; left: 188px; width: 145px; height: 320px;} #bikeNine { position: absolute; top: 435px; left: 355px; width: 145px; height: 320px;} #bikeTen { position: absolute; top: 435px; left: 522px; width: 145px; height: 320px;} #bikeEleven { position: absolute; top: 435px; left: 687px; width: 145px; height: 320px;} #bikeTwelve { position: absolute; top: 435px; left: 855px; width: 145px; height: 320px;} #bikeThirteen { position: absolute; top: 765px; left: 22px; width: 145px; height: 320px;} #bikeFourteen { position: absolute; top: 765px; left: 188px; width: 145px; height: 320px;} #bikeFifteen { position: absolute; top: 765px; left: 355px; width: 145px; height: 320px;} #bikeSixteen { position: absolute; top: 765px; left: 522px; width: 145px; height: 320px;} #bikeSeventeen { position: absolute; top: 765px; left: 687px; width: 145px; height: 320px;} #bikeEighteen { position: absolute; top: 765px; left: 855px; width: 145px; height: 320px;} #bikeNineteen { position: absolute; top: 1095px; left: 22px; width: 145px; height: 320px;} img { border: none;} /* lightbox */ #lightbox { position: relative; vertical-align: middle; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img { width: auto; height: auto;} #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0;} #hoverNav a { outline: none;} #prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../img/funct/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../img/funct/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* pricing items */ #ledger { position: absolute; top: 105px; left: 22px; width: 989px; height: 600px; border: none; z-index:0 } #pricingtitle { position: absolute; top: 178px; left: 418px; z-index:1; font-family: helvetica, verdana, arial, sans-serif; font-weight:bold; font-size: 36px; color: #777; letter-spacing: 3px; } #etsy { position: absolute; top: 115px; left: 650px; width: 120px; height: 117px; border: none; z-index:1 } #trutempCam { position: absolute; top: 333px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } #sscoupCam { position: absolute; top: 368px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } #adlmtCam { position: absolute; top: 405px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } #introutCam { position: absolute; top: 443px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } #sslugCam { position: absolute; top: 479px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } #ssfcCam { position: absolute; top: 515px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } #ssdropsCam { position: absolute; top: 550px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } #sstubeCam { position: absolute; top: 590px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } #lugmaskCam { position: absolute; top: 625px; left: 530px; width: 36px; height: 25px; border: none; z-index:1 } /*NEW PRICING*/ /*left column*/ #baseframeDesc { position: absolute; top: 303px; left: 123px; border: none; z-index:1 } #baseframePrice { position: absolute; top: 303px; left: 286px; border: none; z-index:1 } #basesteelforkDesc { position: absolute; top: 341px; left: 125px; border: none; z-index:1 } #basesteelforkPrice { position: absolute; top: 341px; left: 288px; border: none; z-index:1 } #basecarbonforkDesc { position: absolute; top: 375px; left: 123px; border: none; z-index:1 } #basecarbonforkPrice { position: absolute; top: 374px; left: 286px; border: none; z-index:1 } #basecarbonforkDesc { position: absolute; top: 375px; left: 123px; border: none; z-index:1 } #basecarbonforkPrice { position: absolute; top: 374px; left: 286px; border: none; z-index:1 } #completebikes { position: absolute; top: 450px; left: 125px; border: none; z-index:1 } #campagnoloTitle { position: absolute; top: 489px; left: 126px; border: none; z-index:1 } #campagnoloDesc1 { position: absolute; top: 475px; left: 214px; border: none; z-index:1 } #campagnoloDesc2 { position: absolute; top: 488px; left: 214px; border: none; z-index:1 } #campagnoloDesc3 { position: absolute; top: 502px; left: 214px; border: none; z-index:1 } #campagnoloPrice1 { position: absolute; top: 475px; left: 289px; border: none; z-index:1 } #campagnoloPrice2 { position: absolute; top: 488px; left: 289px; border: none; z-index:1 } #campagnoloPrice3 { position: absolute; top: 502px; left: 289px; border: none; z-index:1 } #shimanoTitle { position: absolute; top: 522px; left: 142px; border: none; z-index:1 } #shimanoDesc1 { position: absolute; top: 515px; left: 236px; border: none; z-index:1 } #shimanoDesc2 { position: absolute; top: 528px; left: 242px; border: none; z-index:1 } #shimanoDesc3 { position: absolute; top: 541px; left: 250px; border: none; z-index:1 } #shimanoPrice1 { position: absolute; top: 515px; left: 289px; border: none; z-index:1 } #shimanoPrice2 { position: absolute; top: 528px; left: 289px; border: none; z-index:1 } #shimanoPrice3 { position: absolute; top: 541px; left: 289px; border: none; z-index:1 } #sramTitle { position: absolute; top: 564px; left: 152px; border: none; z-index:1 } #sramDesc1 { position: absolute; top: 551px; left: 259px; border: none; z-index:1 } #sramDesc2 { position: absolute; top: 564px; left: 259px; border: none; z-index:1 } #sramDesc3 { position: absolute; top: 577px; left: 259px; border: none; z-index:1 } #sramPrice1 { position: absolute; top: 551px; left: 289px; border: none; z-index:1 } #sramPrice2 { position: absolute; top: 564px; left: 289px; border: none; z-index:1 } #sramPrice3 { position: absolute; top: 577px; left: 289px; border: none; z-index:1 } #priceinfo { position: absolute; top: 601px; left: 125px; border: none; z-index:1; width: 158px; font-size: 10px ; } #taxDesc { position: absolute; top: 700px; left: 156px; border: none; z-index:1; width: 158px; font-size: 11px ; } #taxPrice { position: absolute; top: 705px; left: 289px; border: none; z-index:1; width: 158px; font-size: 12px ; } /*right column*/ #italiantubesetDesc { position: absolute; top: 303px; left: 643px; border: none; z-index:1 } #italiantubesetPrice { position: absolute; top: 305px; left: 798px; border: none; z-index:1 } #superlightDesc { position: absolute; top: 339px; left: 634px; border: none; z-index:1 } #superlightPrice { position: absolute; top: 335px; left: 798px; border: none; z-index:1 } #couplersDesc { position: absolute; top: 377px; left: 652px; border: none; z-index:1 } #couplersPrice { position: absolute; top: 374px; left: 795px; border: none; z-index:1 } #mountsDesc { position: absolute; top: 413px; left: 647px; border: none; z-index:1 } #mountsPrice { position: absolute; top: 412px; left: 800px; border: none; z-index:1 } #routingDesc { position: absolute; top: 450px; left: 643px; border: none; z-index:1 } #routingPrice { position: absolute; top: 448px; left: 800px; border: none; z-index:1 } #sslugsDesc { position: absolute; top: 490px; left: 652px; border: none; z-index:1 } #sslugsPrice { position: absolute; top: 487px; left: 797px; border: none; z-index:1 } #sslugsPer { position: absolute; top: 487px; left: 850px; border: none; z-index:1 } #sscrownDesc { position: absolute; top: 525px; left: 650px; border: none; z-index:1 } #sscrownPrice { position: absolute; top: 524px; left: 800px; border: none; z-index:1 } #ssdropoutsDesc { position: absolute; top: 561px; left: 651px; border: none; z-index:1 } #ssdropoutsPrice { position: absolute; top: 561px; left: 800px; border: none; z-index:1 } #sstubesetDesc { position: absolute; top: 595px; left: 651px; border: none; z-index:1 } #sstubesetPrice { position: absolute; top: 595px; left: 800px; border: none; z-index:1 } #lugmaskingDesc { position: absolute; top: 635px; left: 652px; border: none; z-index:1 } #lugmaskingPrice { position: absolute; top: 633px; left: 802px; border: none; z-index:1 } #lugmaskingPer { position: absolute; top: 633px; left: 852px; border: none; z-index:1 } #custompaintDesc { position: absolute; top: 675px; left: 649px; border: none; z-index:1 } #custompaintPrice { position: absolute; top: 675px; left: 800px; border: none; z-index:1 } #addlpaintDesc { position: absolute; top: 715px; left: 649px; border: none; z-index:1 } #addlpaintPrice { position: absolute; top: 714px; left: 800px; border: none; z-index:1 } #addlpaintPer { position: absolute; top: 715px; left: 852px; border: none; z-index:1 } /*about*/ ul {list-style-type:none; } #aboutimg { position: absolute; top: 240px; left: 66px; width: 474px; height: 239px; border: none; z-index:0: } #abouttxt { position: absolute; top: 240px; left: 596px; width: 360px ; height: 250px; border: none; z-index:0: font: Helvetica, sans-serif; font-size: 12px; font color: #777; } #aboutbryantxt { opacity:0; visibility:hidden; position: absolute; top: 380px; left: 396px; width: 400px ; height: 250px; border: none; z-index:0: font: Helvetica, sans-serif; font-size: 12px; font color: #777; } /* blog */ #blog { position: absolute; top: 105px; left: 22px; width: 989px; height: 600px; border: none; z-index:0 }