/* APARCH CSS */ /* general styles ------------------------------------------------------------------------------*/ * {margin:0;padding:0;} ul {list-style: none;} body { font-family:verdana, arial, sans-serif; font-size:100%; padding: 2em; behavior: url(csshover.htc); positon: relative; } h1 {text-indent:-2000px;background:url(i/annephillipsarch.gif) top left no-repeat;margin-left: 3px;} #description {} #description h2 {font-size: 18px; font-weight: normal; margin-bottom: 1.3em;} #description p {color: #666; font-size: 11px; margin: 1em 0; clear: both;} #description dl {color: #666; font-size: 11px; margin: 1em 0; } #description dt {font-weight: bold;} #description a:link { text-decoration: underline;} #description a:visited {text-decoration: underline;} #description a:hover {background: #B5FE29;text-decoration: none;} #photocredit {color: #666; font-size: 10px; margin: 1em 0; } #firm #description { position: absolute; top: 260px; left: 33px; width: 350px;} #firm #description h2 {color: #f60;} #firm #images { position: absolute; top: 260px; left: 33px; width: 640px;} #firm #img1 {position: absolute; top: 50px; left: 365px; } #firm #img2 {position: absolute; top: 50px; left: 700px; } #firm #img3 {position: absolute; top: 385px; left: 365px;} #firm #img4 {position: absolute; top: 385px; left: 700px; } #firm #img5 {position: absolute; top: 720px; left: 365px; padding-bottom: 2em; padding-right: 2em;} #firm #img6 {position: absolute; top: 825px; left: 33px; padding-bottom: 2em; padding-right: 2em;} #news #img1 {position: absolute; top: 320px; left: 30px; } #publications #img1 {position: absolute; top: 320px; left: 30px; } #publications #img2 {position: absolute; top: 320px; left: 441px; } #publications #img3 {position: absolute; top: 840px; left: 30px; } #publications #img4 {position: absolute; top: 840px; left: 441px;} #publications #img5 {position: absolute; top: 1360px; left: 30px; } #publications #img6 {position: absolute; top: 1360px; left: 441px; } #publications #img7 {position: absolute; top: 1880px; left: 30px; } #publications #img8 {position: absolute; top: 1880px; left: 441px; } #publications #img9 {position: absolute; top: 2400px; left: 30px; } #publications #img10 {position: absolute; top: 2400px; left: 441px; } .hide {display: none;} /* NAV ------------------------------------------------------------------------------*/ #nav { background:transparent;font-size:70%;width:145px; margin: 0 0 20px -.25em;} #nav ul {width:12em; background:#fff;line-height:1.3;} #nav>ul a {width:auto;} #nav ul ul {position: absolute; top: 0; left: 12em; display:none;} #nav li {position:relative;list-style:none; border-bottom: 1px solid #fff;} #nav li:hover {background:#B5FE29;} #nav li:hover ul {display:block;} #nav li:hover ul ul {display:none;} #nav ul ul li:hover ul {display:block} #nav li a {display:block; padding: 0.25em 0 0.25em 0.5em;text-decoration:none;width:11.5em;} #scrollWidget {color: #999; font-size: 10px; } /* NAVNEWS ------------------------------------------------------------------------------*/ #navnews {background: #FBB917; font-size: 70%; width:70px; } #navnews {position: absolute; top: 30px; left: 400px; } #navnews ul {line-height:1.3;} #navnews li:hover {background:#B5FE29;} #navnews li a {display:block; padding: 0.50em 0 0.50em 0.50em;text-decoration:none; } /* index ------------------------------------------------------------------------------*/ #index #img1 {position: absolute; top: 220px; left: 33px; padding-bottom: 2em;} #index #news {color:#FF0000} /* CONTACT ------------------------------------------------------------------------------*/ #contact-info {color:#666; font-size:70%; margin: 20px 0 20px 0;} #contact-info li {display: inline;line-height:1.3; padding: 0 1em 10px 0;} #contact-info li#address {display: block;} /* Linkville ------------------------------------------------------------------------------*/ a:link {color:#666;text-decoration: none; } a:visited {color:#666;text-decoration: none; } a:hover {color:#666;text-decoration: underline; } /* Private Residences ------------------------------------------------------------------------------*/ #pr-phillips #description { position: absolute; top: 304px; left: 614px; width: 744px;} #pr-phillips #description h2 {color: #f60;} #pr-phillips #img1 {position: absolute; top: 300px; left: 33px; padding-bottom: 2em;} #pr-phillips #img2 {position: absolute; top: 534px; left: 608px; } #pr-phillips #img3 {position: absolute; top: 534px; left: 1063px; padding-right: 2em;} #pr-birnbaum #description { position: absolute; top: 320px; left: 680px; width: 240px;} #pr-birnbaum #description h2 {color: #f60;} #pr-birnbaum #img1 {position: absolute; top: 300px; left: 33px; padding-bottom: 2em;} #pr-birnbaum #img2 {position: absolute; top: 300px; left: 933px;} #pr-birnbaum #img3 {position: absolute; top: 300px; left: 1270px; padding-right: 2em;} #pr-eichler #description { position: absolute; top: 223px; left: 625px; width: 750px;} #pr-eichler #description h2 {color: #f60;} #pr-eichler #description p { width: 608px;} #pr-eichler #img1 {position: absolute; top: 316px; left: 33px;} #pr-eichler #img2 {position: absolute; top: 501px; left: 611px;} #pr-eichler #img3 {position: absolute; top: 1043px; left: 286px; } #pr-eichler #img4 {position: absolute; top: 1043px; left: 611px; padding-bottom: 2em; padding-right: 2em;} #pr-eichler #photocredit {position: absolute; top: 985px; left: 33px; padding-bottom: 2em;} #pr-hamlin #description { position: absolute; top: 320px; left: 565px; width: 540px;} #pr-hamlin #description h2 {color: #f60;} #pr-hamlin #img1 {position: absolute; top: 300px; left: 33px; padding-bottom: 2em;} #pr-hamlin #img2 {position: absolute; top: 499px; left: 565px;} #pr-hamlin #img3 {position: absolute; top: 499px; left: 1129px;} #pr-hamlin #img4 {position: absolute; top: 499px; left: 1372px; padding-right: 2em;} #pr-hamlin #photocredit {position: absolute; top: 950px; left: 33px; padding-bottom: 2em;} #pr-hendrickson #description { position: absolute; top: 300px; left: 618px; width: 775px;} #pr-hendrickson #description h2 {color: #f60;} #pr-hendrickson #description p { width: 608px;} #pr-hendrickson #img1 {position: absolute; top: 300px; left: 33px; padding-bottom: 2em;} #pr-hendrickson #img2 {position: absolute; top: 499px; left: 616px;} #pr-kehoe #description { position: absolute; top: 320px; left: 670px; width: 340px;} #pr-kehoe #description h2 {color: #f60;} #pr-kehoe #img1 {position: absolute; top: 300px; left: 33px; padding-bottom: 2em;} #pr-kehoe #img2 {position: absolute; top: 505px; left: 660px;} #pr-kehoe #img3 {position: absolute; top: 505px; left: 1043px; padding-right: 2em;} #pr-serene_lakes #description { position: absolute; top: 160px; left: 490px; width: 750px;} #pr-serene_lakes #description h2 {color: #f60;} #pr-serene_lakes #description p { width: 608px;} #pr-serene_lakes #img1 {position: absolute; top: 350px; left: 33px;} #pr-serene_lakes #img2 {position: absolute; top: 350px; left: 574px;} #pr-serene_lakes #img3 {position: absolute; top: 715px; left: 33px; } #pr-serene_lakes #img4 {position: absolute; top: 715px; left: 280px;} #pr-serene_lakes #img5 {position: absolute; top: 715px; left: 574px;} #pr-serene_lakes #img6 {position: absolute; top: 1079px; left: 835px;} #pr-serene_lakes #img7 {position: absolute; top: 1079px; left: 574px;} #pr-serene_lakes #img8 {position: absolute; top: 1079px; left: 33px;} #pr-serene_lakes #img9 {position: absolute; top: 1444px; left: 33px;} #pr-serene_lakes #photocredit {position: absolute; top: 1800px; left: 33px; padding-bottom: 2em;} #pr-potter_vilaseca #description { position: absolute; top: 300px; left: 28px; width: 500px;} #pr-potter_vilaseca #description h2 {color: #f60;} #pr-potter_vilaseca #description p { width: 500px;} #pr-potter_vilaseca #img1 {position: absolute; top: 50px; left: 600px;} #pr-potter_vilaseca #img2 {position: absolute; top: 790px; left: 28px;} #pr-potter_vilaseca #img3 {position: absolute; top: 790px; left: 768px; } #pr-potter_vilaseca #img4 {position: absolute; top: 1386px; left: 28px;} #pr-potter_vilaseca #img5 {position: absolute; top: 1386px; left: 624px;} #pr-potter_vilaseca #img6 {position: absolute; top: 2126px; left: 28px; } #pr-potter_vilaseca #img7 {position: absolute; top: 2508px; left: 768px; } #pr-potter_vilaseca #img8 {position: absolute; top: 2722px; left: 28px; padding-bottom: 2em;} /* MFN ------------------------------------------------------------------------------*/ #mfn-breeland #description { position: absolute; top: 215px; left: 32px; width: 666px;} #mfn-breeland #description h2 {color: #b21426;} #mfn-breeland #img1 {position: absolute; top: 510px; left: 33px; } #mfn-breeland #img2 {position: absolute; top: 510px; left: 590px; } #mfn-breeland #img3 {position: absolute; top: 726px; left: 590px;} #mfn-breeland #img4 {position: absolute; top: 935px; left: 590px; } #mfn-breeland #img5 {position: absolute; top: 510px; left: 902px; padding-bottom: 2em; padding-right: 2em;} #mfn-breeland #photocredit {position: absolute; top: 1170px; left: 33px; padding-bottom: 2em;} #mfn-brush #description { position: absolute; top: 225px; left: 32px; width: 620px;} #mfn-brush #description h2 {color: #b21426;} #mfn-brush #img1 {position: absolute; top: 275px; left: 650px; z-index: 1000; padding-right: 2em;} #mfn-brush #img2 {position: absolute; top: 440px; left: 32px; padding-bottom: 2em;} #mfn-portola #description { position: absolute; top: 250px; left: 32px; width: 500px; z-index: 1000;} #mfn-portola #description h2 {color: #b21426;} #mfn-portola #img1 {position: absolute; top: 335px; left: 13px; padding-right: 2em; padding-bottom: 2em; } #mfn-octavia #description { position: absolute; top: 265px; left: 32px; width: 500px; z-index: 1000;} #mfn-octavia #description h2 {color: #b21426;} #mfn-octavia #img1 {position: absolute; top: 540px; left: 13px; padding-right: 2em; padding-bottom: 2em; } #mfn-san ramon #description { position: absolute; top: 250px; left: 32px; width: 500px; z-index: 1000;} #mfn-san ramon #description h2 {color: #b21426;} #mfn-san ramon #img1 {position: absolute; top: 360px; left: 20px; padding-right: 2em; padding-bottom: 2em; } #mfn-san ramon #img2 {position: absolute; top: 865px; left: 20px; padding-right: 2em; padding-bottom: 2em; } /* MFR ------------------------------------------------------------------------------*/ #mfr-villa #description { position: absolute; top: 295px; left: 33px; width: 250px;} #mfr-villa #description h2 {color: #b21426;} #mfr-villa #img1 {position: absolute; top: 295px; left: 300px;} #mfr-villa #img2 {position: absolute; top: 295px; left: 629px;} #mfr-villa #img3 {position: absolute; top: 295px; left: 962px;} #mfr-lakeside #description { position: absolute; top: 295px; left: 33px; width: 250px;} #mfr-lakeside #description h2 {color: #b21426;} #mfr-lakeside #img1 {position: absolute; top: 295px; left: 300px;} #mfr-lakeside #img2 {position: absolute; top: 295px; left: 661px;} #mfr-lakeside #img3 {position: absolute; top: 295px; left: 1342px; } #mfr-lakeside #img4 {position: absolute; top: 203px; left: 1726px;} #mfr-lakeside #img5 {position: absolute; top: 203px; left: 2279px;} #mfr-lakeside #img6 {position: absolute; top: 482px; left: 1726px; } #mfr-lakeside #img7 {position: absolute; top: 482px; left: 2179px;} #mfr-lakeside #img8 {position: absolute; top: 482px; left: 2614px;padding-right: 2em;} #mfr-lakeside #img9 {position: absolute; top: 805px; left: 659px; padding-bottom: 2em;}} #mfr-lakeside #scrollWidget { position: absolute; right: 12px; top: 255px; } #mfr-emerson #description { position: absolute; top: 315px; left: 410px; width: 350px;} #mfr-emerson #description h2 {color: #b21426;} #mfr-emerson #img1 {position: absolute; top: 305px; left: 33px;} #mfr-emerson #img2 {position: absolute; top: 560px; left: 33px; padding-bottom: 2em;} #mfr-tarraceglen #description { position: absolute; top: 275px; left: 33px; width: 350px;} #mfr-tarraceglen #description h2 {color: #b21426;} #mfr-tarraceglen #img1 {position: absolute; top: 492px; left: 33px;} #mfr-tarraceglen #img2 {position: absolute; top: 230px; left: 405px; padding-bottom: 2em;} #mfr-pinecrest #description { position: absolute; top: 290px; left: 525px; width: 329px;} #mfr-pinecrest #description h2 {color: #b21426;} #mfr-pinecrest #img1 {position: absolute; top: 290px; left: 33px;} #mfr-pinecrest #img2 {position: absolute; top: 490px; left: 520px; padding-bottom: 2em;} #mfr-pinecrest #img3 {position: absolute; top: 747px; left: 869px; padding-bottom: 2em;} /* INS ------------------------------------------------------------------------------*/ #ins-dmk #description { position: absolute; top: 215px; left: 33px; width: 295px;} #ins-dmk #description h2 {color: #36c;} #ins-dmk #img1 {position: absolute; top: 255px; left: 340px; padding-bottom: 2em;} #ins-dmk #img2 {position: absolute; top: 255px; left: 1127px;} #ins-dmk #img3 {position: absolute; top: 565px; left: 1127px; padding-right: 2em;} #ins-dmk #scrollWidget { position: absolute; right: 12px; top: 195px; } #ins-concordia #description { position: absolute; top: 215px; left: 33px; width: 300px;} #ins-concordia #description h2 {color: #36c;} #ins-concordia #img1 {position: absolute; top: 255px; left: 360px; padding-bottom: 2em;} #ins-concordia #img2 {position: absolute; top: 204px; left: 984px;} #ins-concordia #img3 {position: absolute; top: 204px; left: 1344px; } #ins-concordia #img4 {position: absolute; top: 259px; left: 1779px;} #ins-concordia #img5 {position: absolute; top: 259px; left: 2403px; padding-right: 2em;} #ins-concordia #scrollWidget { position: absolute; right: 12px; top: 150px; } #ins-villa springs #description { position: absolute; top: 235px; left: 410px; width: 350px;} #ins-villa springs #description h2 {color: #b21426;} #ins-villa springs #img1 {position: absolute; top: 225px; left: 33px;} #ins-villa springs #img2 {position: absolute; top: 480px; left: 33px; padding-bottom: 2em;} /* ENV ------------------------------------------------------------------------------*/ #env-brazil-emas #description { position: absolute; top: 245px; left: 33px; width: 235px;} #env-brazil-emas #description h2 {color: #063;} #env-brazil-emas #img1 {position: absolute; top: 247px; left: 304px; padding-bottom: 2em; padding-right: 2em;} #env-brazil-emas #img2 {position: absolute; top: 247px; left: 721px; padding-bottom: 2em; padding-right: 2em;} #env-brazil-emas #img3 {position: absolute; top: 510px; left: 304px; padding-bottom: 2em; padding-right: 2em;} #env-brazil-emas #img4 {position: absolute; top: 510px; left: 721px; padding-bottom: 2em; padding-right: 2em;} #env-guyana-charette #description { position: absolute; top: 235px; left: 623px; width: 225px;} #env-guyana-charette #description h2 {color: #063;} #env-guyana-charette #img1 {position: absolute; top: 275px; left: 33px; padding-bottom: 2em; padding-right: 2em;} #env-guyana-charette #img2 {position: absolute; top: 275px; left: 865px; padding-bottom: 2em; padding-right: 2em;} #env-guyana-charette #img3 {position: absolute; top: 1154px; left: 316px; padding-bottom: 2em; padding-right: 2em;} #env-guyana-charette #img4 {position: absolute; top: 1154px; left: 784px; padding-bottom: 2em; padding-right: 2em;} #env-suriname-gunini #img1 {position: absolute; top: 275px; left: 33px; padding-bottom: 2em; padding-right: 2em;} #env-suriname #description { width: 1000px;} #env-suriname #description h2 {color: green; margin-bottom: .8em; } /* subnav */ #subnav { float:left; font-size: 14px; border-bottom: 1px solid green; margin: 1.2em 0 1em 0; width: 1000px; } #subnav li { float:left; margin: 0 3em 0 0; } #subnav a { display: block; padding: 4px 12px;} #subnav a:link {color: green; background: #fff; text-decoration: none;} #subnav a:visited {color: green; background: #fff;text-decoration: none;} #subnav a:hover {color: green; background: #B5FE29; text-decoration: none;} #subnav a:active { outline: none;} #env-suriname.overview #overview a {color: #fff; background: green;} #env-suriname.pavillion #pavillion a {color: #fff; background: green;} #env-suriname.bungalow #bungalow a {color: #fff; background: green;} #env-suriname.lodge #lodge a {color: #fff; background: green;} #env-suriname.witagron #witagron a {color: #fff; background: green;} /* Overview */ #env-suriname.overview #img1 {position: absolute; top: 460px; left: 33px; } #env-suriname.overview #img2 {position: absolute; top: 460px; left: 968px; } #env-suriname.overview #img3 {position: absolute; top: 460px; left: 1882px; padding-bottom: 2em; padding-right: 2em;} /* Pavillion */ #env-suriname.pavillion #img1 {position: absolute; top: 520px; left: 33px; } #env-suriname.pavillion #img2 {position: absolute; top: 884px; left: 33px; } #env-suriname.pavillion #img3 {position: absolute; top: 520px; left: 578px; } #env-suriname.pavillion #img4 {position: absolute; top: 884px; left: 578px; } #env-suriname.pavillion #img5 {position: absolute; top: 520px; left: 1122px; } #env-suriname.pavillion #img6 {position: absolute; top: 884px; left: 1122px; } #env-suriname.pavillion #img7 {position: absolute; top: 520px; left: 1667px; } #env-suriname.pavillion #img8 {position: absolute; top: 884px; left: 1667px; } #env-suriname.pavillion #img9 {position: absolute; top: 520px; left: 2212px; } #env-suriname.pavillion #img10 {position: absolute; top: 884px; left: 2212px; } #env-suriname.pavillion #img11 {position: absolute; top: 520px; left: 2757px; padding-bottom: 2em; padding-right: 2em;} #env-suriname.pavillion #scrollWidget { position: absolute; right: 12px; top: 460px; } /* bungalow */ #env-suriname.bungalow #img1 {position: absolute; top: 460px; left: 33px; } #env-suriname.bungalow #img2 {position: absolute; top: 460px; left: 446px; } #env-suriname.bungalow #img3 {position: absolute; top: 460px; left: 859px; } #env-suriname.bungalow #img4 {position: absolute; top: 460px; left: 1791px; padding-bottom: 2em; padding-right: 2em;} /* lodge */ #env-suriname.lodge #img1 {position: absolute; top: 460px; left: 33px; } #env-suriname.lodge #img2 {position: absolute; top: 460px; left: 758px; } #env-suriname.lodge #img3 {position: absolute; top: 460px; left: 1361px; } #env-suriname.lodge #img4 {position: absolute; top: 460px; left: 1628px; } #env-suriname.lodge #img5 {position: absolute; top: 460px; left: 2268px; } #env-suriname.lodge #img6 {position: absolute; top: 460px; left: 2972px; padding-bottom: 2em; padding-right: 2em;} /* witagron */ #env-suriname.witagron #img1 {position: absolute; top: 490px; left: 33px; } #env-suriname.witagron #img2 {position: absolute; top: 490px; left: 1125px; } #env-suriname.witagron #img3 {position: absolute; top: 854px; left: 1125px; } #env-suriname.witagron #img4 {position: absolute; top: 490px; left: 1669px; } #env-suriname.witagron #img5 {position: absolute; top: 455px; left: 2757px; padding-bottom: 2em; padding-right: 2em;} /* Furniture ------------------------------------------------------------------------------*/ #furniture #description { position: absolute; top: 275px; left: 33px; width: 750px;} #furniture #description h2 {color: #f60;} #furniture #description p { width: 450px;} #furniture #caption1 { position: absolute; top: 370px; left: 33px;} #furniture #img2 {position: absolute; top: 390px; left: 33px; } #furniture #img3 {position: absolute; top: 571px; left: 33px;} #furniture #img6 {position: absolute; top: 752px; left: 33px; } #furniture #img5 {position: absolute; top: 390px; left: 299px; } #furniture #caption2 { position: absolute; top: 940px; left: 33px;} #furniture #img7 {position: absolute; top: 960px; left: 33px; } #furniture #img8 {position: absolute; top: 960px; left: 214px;} #furniture #caption3 { position: absolute; top: 1230px; left: 33px;} #furniture #img9 {position: absolute; top: 1250px; left: 33px; } #furniture #img10 {position: absolute; top: 1250px; left: 214px;} #furniture #img11 {position: absolute; top: 1250px; left: 396px;} #furniture #caption4 { position: absolute; top: 1530px; left: 33px;} #furniture #img12 {position: absolute; top: 1550px; left: 33px; } #furniture #img13 {position: absolute; top: 1550px; left: 299px;} #furniture #img14 {position: absolute; top: 1730px; left: 33px;} #furniture #photocredit {position: absolute; top: 1910px; left: 33px; padding-bottom: 2em;}