/* HOLDDESIGN.CA STYLESHEET */ * { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } /* navigation */ #navHold { position: absolute; left: 75px; top: 0px; background-image: url(img/hold.gif); width: 180px; height: 161px } #navGallery { position: absolute; left: 314px; top: 75px; border: 0px; background-image: url(img/nav-index-gallery-gr.gif); background-repeat: no-repeat; width: 69px; height: 24px } #navGallery a:hover { background-image: url(img/nav-index-gallery-wh.gif); width: 69px; height: 24px; display: block; background-repeat: no-repeat } #navProcess { position: absolute; left: 423px; top: 75px; border: 0px; background-image: url(img/nav-index-process-gr.gif); background-repeat: no-repeat; width: 74px; height: 24px } #navProcess a:hover { background-image: url(img/nav-index-process-wh.gif); width: 74px; height: 24px; display: block; background-repeat: no-repeat } #navAbout { position: absolute; left: 537px; top: 75px; border: 0px; background-image: url(img/nav-index-about-gr.gif); background-repeat: no-repeat; width: 58px; height: 24px } #navAbout a:hover { background-image: url(img/nav-index-about-wh.gif); width: 58px; height: 24px; display: block; background-repeat: no-repeat } #navShop { position: absolute; left: 643px; top: 75px; border: 0px; background-image: url(img/nav-index-shop-gr.gif); background-repeat: no-repeat; width: 47px; height: 24px } #navShop a:hover { background-image: url(img/nav-index-shop-wh.gif); width: 47px; height: 24px; display: block; background-repeat: no-repeat } #navContact { position: absolute; left: 729px; top: 75px; border: 0px; background-image: url(img/nav-index-contact-gr.gif); background-repeat: no-repeat; width: 76px; height: 24px } #navContact a:hover { background-image: url(img/nav-index-contact-wh.gif); width: 76px; height: 24px; display: block; background-repeat: no-repeat } #navGalleryAlt { position: absolute; left: 314px; top: 75px; border: 0px; background-image: url(http://www.holddesign.ca/img/nav-gallery-off.gif); background-repeat: no-repeat; width: 69px; height: 24px } #navGalleryAlt a:hover { background-image: url(http://www.holddesign.ca/img/nav-gallery-hover.gif); width: 69px; height: 24px; display: block; background-repeat: no-repeat } #navGalleryStat { position: absolute; left: 314px; top: 75px; border: 0px; background-image: url(http://www.holddesign.ca/img/nav-gallery-on.gif); background-repeat: no-repeat; width: 69px; height: 24px } #navProcessAlt { position: absolute; left: 423px; top: 75px; border: 0px; background-image: url(img/nav-process-off.gif); background-repeat: no-repeat; width: 74px; height: 24px } #navProcessAlt a:hover { background-image: url(img/nav-process-hover.gif); width: 74px; height: 24px; display: block; background-repeat: no-repeat } #navProcessStat { position: absolute; left: 423px; top: 75px; border: 0px; background-image: url(img/nav-process-on.gif); background-repeat: no-repeat; width: 74px; height: 24px } #navAboutAlt { position: absolute; left: 537px; top: 75px; border: 0px; background-image: url(img/nav-about-off.gif); background-repeat: no-repeat; width: 58px; height: 24px } #navAboutAlt a:hover { background-image: url(img/nav-about-hover.gif); width: 58px; height: 24px; display: block; background-repeat: no-repeat } #navAboutStat { position: absolute; left: 537px; top: 75px; border: 0px; background-image: url(img/nav-about-on.gif); background-repeat: no-repeat; width: 58px; height: 24px } #navShopAlt { position: absolute; left: 643px; top: 75px; border: 0px; background-image: url(img/nav-shop-off.gif); background-repeat: no-repeat; width: 47px; height: 24px } #navShopAlt a:hover { background-image: url(img/nav-shop-hover.gif); width: 47px; height: 24px; display: block; background-repeat: no-repeat } #navShopStat { position: absolute; left: 643px; top: 75px; border: 0px; background-image: url(img/nav-shop-on.gif); background-repeat: no-repeat; width: 47px; height: 24px } #navContactAlt { position: absolute; left: 729px; top: 75px; border: 0px; background-image: url(img/nav-contact-off.gif); background-repeat: no-repeat; width: 76px; height: 24px } #navContactAlt a:hover { background-image: url(img/nav-contact-hover.gif); width: 76px; height: 24px; display: block; background-repeat: no-repeat } #navContactStat { position: absolute; left: 729px; top: 75px; border: 0px; background-image: url(img/nav-contact-on.gif); background-repeat: no-repeat; width: 76px; height: 24px } /* content global elements */ #studio { position: absolute; left: 75px; top: 175px; border: 0px } #copyright { padding-top: 48px; padding-bottom: 48px; width: 92px } #copyrightEtsy { padding-top: 72px; padding-bottom: 48px } #copyrightIndex { position: absolute; left: 75px; top: 680px } #content { position: absolute; left: 75px; top: 240px; width: 804px; margin-bottom: 48px} /* content index */ #indexbg { position: absolute; left: 0px; top: 0px; max-height: 100%; max-width: 100%; overflow: hidden; z-index: -1 } #indexText { position: absolute; left: 314px; top: 262px } /* content process */ #process1a { position: absolute; left: 34px; top: 240px; width: 381px; height: 255px } #process1b { position: absolute; left: 439px; top: 240px; width: 360px; height: 255px } #process2a { position: absolute; left: 34px; top: 535px; width: 381px; height: 255px } #process2b { position: absolute; left: 439px; top: 535px; width: 360px; height: 255px } #process3a { position: absolute; left: 34px; top: 830px; width: 381px; height: 255px } #process3b { position: absolute; left: 439px; top: 830px; width: 360px; height: 255px } #process4a { position: absolute; left: 34px; top: 1125px; width: 381px; height: 255px } #process4b { position: absolute; left: 439px; top: 1125px; width: 360px; height: 255px } #processCopyright { position: absolute; left: 75px; top: 1420px; width: 92px; padding-top: 24px; padding-bottom: 48px } /* gallery content */ .thumb { border: 20px #DEDEDE solid } .badgeleft { margin-right: 24px; margin-bottom: 48px } .detail { border: 28px #CCCCCC solid } .caption { font-size: .8em } #gallery01 { position: absolute; top: 240px; left: 75px; width: 200px; height: 200px } #gallery02 { position: absolute; top: 240px; left: 357px; width: 200px; height: 200px } #gallery03 { position: absolute; top: 240px; left: 639px; width: 200px; height: 200px } #gallery04 { position: absolute; top: 522px; left: 75px; width: 200px; height: 200px } #gallery05 { position: absolute; top: 522px; left: 357px; width: 200px; height: 200px } #gallery06 { position: absolute; top: 522px; left: 639px; width: 200px; height: 200px } #gallery07 { position: absolute; top: 804px; left: 75px; width: 200px; height: 200px } #gallery08 { position: absolute; top: 804px; left: 357px; width: 200px; height: 200px } #gallery09 { position: absolute; top: 804px; left: 639px; width: 200px; height: 200px } #gallery10 { position: absolute; top: 1086px; left: 75px; width: 200px; height: 200px } #gallery11 { position: absolute; top: 1086px; left: 357px; width: 200px; height: 200px } #gallery12 { position: absolute; top: 1086px; left: 639px; width: 200px; height: 200px } #gallery13 { position: absolute; top: 1368px; left: 75px; width: 200px; height: 200px } #gallery14 { position: absolute; top: 1368px; left: 357px; width: 200px; height: 200px } #gallery15 { position: absolute; top: 1368px; left: 639px; width: 200px; height: 200px } #gallery16 { position: absolute; top: 1650px; left: 75px; width: 200px; height: 200px } #gallery17 { position: absolute; top: 1650px; left: 357px; width: 200px; height: 200px } #gallery18 { position: absolute; top: 1650px; left: 639px; width: 200px; height: 200px } #gallery19 { position: absolute; top: 1932px; left: 75px; width: 200px; height: 200px } #gallery20 { position: absolute; top: 1932px; left: 357px; width: 200px; height: 200px } #gallery21 { position: absolute; top: 1932px; left: 639px; width: 200px; height: 200px } /* add 300px to top coordinate for bottom gallery img*/ #galleryCopyright { position: absolute; left: 75px; top: 1950px; width: 92px; padding-top: 24px; padding-bottom: 48px } #galleryCopyrightFooter { padding-top: 24px; padding-bottom: 48px } /* shop content */ #shopCopyright { padding-top: 96px; padding-bottom: 48px; width: 92px } / * styles */ body { font-family: "Trebuchet MS", Verdana, "Times New Roman"; font-size: .8em } p { font-family: "Trebuchet MS", Verdana, "Times New Roman"; font-size: .8em } a:link { color:#666600; text-decoration: none } a:visited { color:#999999; text-decoration: none } a:hover { color:#666600; text-decoration: none } a:active { color:#666600; text-decoration: none } .caption { font-size: .9em } .header { font-size: 1.2em; font-weight: bold} img a { border: none } /* TEST AREA */ fieldset { border: 1px solid #781351; width: 20em }