/* Katie Lockhart site */ /* ----------------------------------------- */ /* background-color:#f0ebe9; */ * { margin:0; padding:0; } html, body {height: 100%;} body { padding:0; margin:0; text-align: center; background-color:#fff;} body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;} div {position:relative; } /*ul#thumbs { display: block; position: absolute; top: 440px; left: 230px;} ul#thumbs li { display: inline; float: left; margin-right: 4px; } */ .hidden { display: none; } .shown { display: block; } a img {border: none;} .post h2 a { text-decoration: none;} .post h1 a { text-decoration: none; color: #050551;} /* home page splash style*/ #distance-front { width:1px; height:50%; margin-bottom:-311px; float:left; background: #fff;} #container-front { background: #fff; color: #050551; margin:0 auto; position:relative; text-align:left; height:622px; width:791px; clear:left; } .featured { margin: 0px auto 10px; display: block; width: 100%;} .splash-logo {margin: 58px auto; display: block; width: 100%;} .featured img { margin: 0 auto; display: block;} .splash-logo img {margin: 0 auto; display: block;} .lightfront { margin-top: 300px;} /* Compact page style for menu pages */ #distance-compact { width:1px; height:50%; margin-bottom:-202px; float:left; background: #fff;} #container-compact { background: #fff; color: #050551; margin:0 auto; position:relative; text-align:left; height:405px; width:610px; clear:left; border: 1px solid #ccc; } #container-compact #headerlogo { position: absolute; top: 50px; left: 30px;} #container-compact .post { position: absolute; top: 20px; left: 0px; width: 609px;} /*#container-compact .post h2 { font-size: 12px; position: absolute; top: 80px; left: 30px;} */ #clienttypeview { position: absolute; top: 76px; left: 200px; list-style-type: none;} #clienttypeview li a { text-decoration: none; color: #050551;} #clientview { list-style-type: none; margin: 42px 2px 0 0; float: right; height: 425px; width: 722px; } #clientview li a { text-decoration: none; color: #050551;} #contactview { margin: 46px 70px 0 0; float: right; height: 425px; width: 712px; text-align: center;} /* standard gallery pages */ #distance-gallery { width:1px; height:50%; margin-bottom:-305px; float:left; background: #fff;} #container-gallery { background: #fff; color: #050551; margin:0 auto; position:relative; text-align:left; height:613px; width:924px; clear:left; border: 1px solid #ccc; } #container-gallery #headerlogo { margin-top: 50px; margin-left: 30px;} #container-gallery .post { width: 924px; margin-left: 30px; } /*#container-gallery .post h2 { position: absolute; top: 100px; left: 0px; font-size: 12px;} #container-gallery .post h1 { position: absolute; top: 140px; left: 0px; font-size: 12px; font-weight: normal;}*/ #container-gallery .post #nav { margin-top: 66px;} #container-gallery .post #nav h2 { font-size: 12px; } #container-gallery .post #nav h2 a {color: #050551;} #container-gallery .post #nav .current { text-decoration: underline;} #container-gallery .post #nav h2 a:hover {text-decoration: underline;} #container-gallery .post #meta { float: left; margin: 0; padding: 0; width: 140px;} #container-gallery .post h1 { margin-top: 20px; font-size: 12px; font-weight: normal; text-decoration: underline; color: #050551;} #container-gallery .post #description { font-size: 12px; font-weight: normal; width: 160px; color: #050551;} #container-gallery #viewer { margin: 56px 42px 0 0; float: right; height: 425px; width: 722px; text-align: center;} #container-gallery #imageview { margin: 0 auto; height: 425px; } #container-gallery #imageview img {} #container-gallery #imagepaginatorprevious {position: absolute; top: 178px; left: 0px;} #container-gallery #imagepaginatornext {position: absolute; top: 178px; right: 0px;} #container-gallery .imagepaginator {width: 68px; height: 62px; font-size: 64px; color: #444; font-weight: 100;} #imageview img { color: #ddd; text-align: center; font-size: 12px; font-weight: normal;} a.rollover { display: block; height: 30px; text-decoration: none; } #editorial { height: 90px; width: 280px; background: url("/images/menu-editorial-idle.gif"); } #editorial:hover { background: url("/images/menu-editorial-hover.gif");} #creative-direction { height: 86px; width: 655px; background: url("/images/menu-creative-direction-idle.gif"); } #creative-direction:hover { background: url("/images/menu-creative-direction-hover.gif");} #interior-design { height: 95px; width: 518px; background: url("/images/menu-interior-design-idle.gif"); } #interior-design:hover { background: url("/images/menu-interior-design-hover.gif");} #contact { height: 67px; width: 305px; background: url("/images/menu-contact-idle.gif"); } #contact:hover { background: url("/images/menu-contact-hover.gif");} a.rolloversub { display: block; height: 51px; text-decoration: none; } #exit { height: 51px; width: 94px; background: url("/images/menusub-exit-idle.gif"); } #exit:hover { background: url("/images/menusub-exit-hover.gif");} #home-nz { height: 51px; width: 213px; background: url("/images/menusub-home-nz-idle.gif"); } #home-nz:hover { background: url("/images/menusub-home-nz-hover.gif");} #house-and-garden { height: 51px; width: 342px; background: url("/images/menusub-house-garden-idle.gif"); } #house-and-garden:hover { background: url("/images/menusub-house-garden-hover.gif");} #case-da-abitare { height: 51px; width: 342px; background: url("/images/menusub-case-da-abitare-idle.gif"); } #case-da-abitare:hover { background: url("/images/menusub-case-da-abitare-hover.gif");} #wallpaper { height: 51px; width: 233px; background: url("/images/menusub-wallpaper-idle.gif"); } #wallpaper:hover { background: url("/images/menusub-wallpaper-hover.gif");} #inside-out { height: 51px; width: 222px; background: url("/images/menusub-inside-out-idle.gif"); } #inside-out:hover { background: url("/images/menusub-inside-out-hover.gif");} #deptstore { height: 51px; width: 490px; background: url("/images/menusub-deptstore-idle.gif"); } #deptstore:hover { background: url("/images/menusub-deptstore-hover.gif");} #blaze { height: 46px; width: 490px; background: url("/images/menusub-blaze-idle.gif"); } #blaze:hover { background: url("/images/menusub-blaze-hover.gif");} #khailiew { height: 50px; width: 490px; background: url("/images/menusub-khailiew-idle.gif"); } #khailiew:hover { background: url("/images/menusub-khailiew-hover.gif");} #webbs { height: 51px; width: 156px; background: url("/images/menusub-webbs-idle.gif"); } #webbs:hover { background: url("/images/menusub-webbs-hover.gif");} #church-road { height: 51px; width: 270px; background: url("/images/menusub-church-road-idle.gif"); } #church-road:hover { background: url("/images/menusub-church-road-hover.gif");} #resene { height: 50px; width: 151px; background: url("/images/menusub-resene-idle.gif"); } #resene:hover { background: url("/images/menusub-resene-hover.gif");} #to-sir-with-love { height: 50px; width: 350px; background: url("/images/menusub-to-sir-with-love-idle.gif"); } #to-sir-with-love:hover { background: url("/images/menusub-to-sir-with-love-hover.gif");} #karen-walker-jewellery { height: 51px; width: 484px; background: url("/images/menusub-karen-walker-jewellery-idle.gif"); } #karen-walker-jewellery:hover { background: url("/images/menusub-karen-walker-jewellery-hover.gif");} #sweetshop { height: 50px; width: 315px; background: url("/images/menusub-sweetshop-idle.gif"); } #sweetshop:hover { background: url("/images/menusub-sweetshop-hover.gif");} #karen-walker { height: 51px; width: 315px; background: url("/images/menusub-karen-walker-idle.gif"); } #karen-walker:hover { background: url("/images/menusub-karen-walker-hover.gif");} #swanndri { height: 51px; width: 315px; background: url("/images/menusub-swanndri-idle.gif"); } #swanndri:hover { background: url("/images/menusub-swanndri-hover.gif");} #gallerists { height: 50px; width: 434px; background: url("/images/menusub-gallerists-apartment-idle.gif"); } #gallerists:hover { background: url("/images/menusub-gallerists-apartment-hover.gif");} #no-magazine { height: 49px; width: 68px; background: url("/images/menusub-no-idle.gif"); } #no-magazine:hover { background: url("/images/menusub-no-hover.gif");} #world-of-interiors { height: 48px; width: 490px; background: url("/images/menusub-world-of-interiors-idle.gif"); } #world-of-interiors:hover { background: url("/images/menusub-world-of-interiors-hover.gif");} #pre-editorial-hover { background: url("/images/menu-editorial-hover.gif") no-repeat -9999px -9999px; } #pre-creative-direction-hover { background: url("/images/menu-creative-direction-hover.gif") no-repeat -9999px -9999px; } #pre-interior-design-hover { background: url("/images/menu-interior-design-hover.gif") no-repeat -9999px -9999px; } #pre-contact-hover { background: url("/images/menu-contact-hover.gif") no-repeat -9999px -9999px; } #pre-webbs-hover { background: url("/images/menusub-webbs-hover.gif") no-repeat -9999px -9999px; } #pre-church-road-hover { background: url("/images/menusub-church-road-hover.gif") no-repeat -9999px -9999px; } #pre-resene-hover { background: url("/images/menusub-resene-hover.gif") no-repeat -9999px -9999px; } #pre-to-sir-with-love-hover { background: url("/images/menusub-to-sir-with-love-hover.gif") no-repeat -9999px -9999px; } #pre-karen-walker-jewellery-hover { background: url("/images/menusub-karen-walker-jewellery-hover.gif") no-repeat -9999px -9999px; } #pre-sweetshop-hover { background: url("/images/menusub-sweetshop-hover.gif") no-repeat -9999px -9999px; } #pre-home-nz-hover { background: url("/images/menusub-home-nz-hover.gif") no-repeat -9999px -9999px; } #pre-house-and-garden-hover { background: url("/images/menusub-house-and-garden-hover.gif") no-repeat -9999px -9999px; } #pre-case-da-abitare-hover { background: url("/images/menusub-case-da-abitare-hover.gif") no-repeat -9999px -9999px; } #pre-wallpaper-hover { background: url("/images/menusub-wallpaper-hover.gif") no-repeat -9999px -9999px; } #pre-exit-hover { background: url("/images/menusub-exit-hover.gif") no-repeat -9999px -9999px; } #pre-inside-out-hover { background: url("/images/menusub-inside-out-hover.gif") no-repeat -9999px -9999px; } #pre-blaze-hover { background: url("/images/menusub-blaze-hover.gif") no-repeat -9999px -9999px; } #pre-karen-walker-hover { background: url("/images/menusub-karen-walker-hover.gif") no-repeat -9999px -9999px; } #pre-swanndri-hover { background: url("/images/menusub-swanndri-hover.gif") no-repeat -9999px -9999px; } #pre-gallerists-hover { background: url("/images/menusub-swanndri-hover.gif") no-repeat -9999px -9999px; } #pre-no-magazine-hover { background: url("/images/menusub-no-hover.gif") no-repeat -9999px -9999px; } #pre-world-of-interiors-hover { background: url("/images/menusub-world-of-interiors-hover.gif") no-repeat -9999px -9999px; }