/** FONT SIZES **/ html { font-size: 100%; } body { font-size: 62.5%; } /* 1em = 10px */ /** GLOBAL ASSIGNMENTS **/ * { margin: 0; padding: 0; font-family: "Book Antiqua", "Times New Roman", sans-serif; } /*html, body { width: 100%; height: 100%; background: #000000; }*/ img { display: block; border: none; } a { text-decoration: none; } .right { float: right; } .left { float: left; } /* #content_home object { width: 633px; height: 399px; } */ /** CENTERING TABLE **/ table.center { margin-right: auto; margin-left: auto; } table.center2 { margin-right: auto; margin-left: auto; width:900px } /** CONTAINER **/ /*#container { border: 1px solid #FFFFFF; width: 801px; }*/ /** HEADER **/ #header { position: relative; background: #E6E3B4; } /** NAVIGATION **/ #navigation { padding: .3em 0; color: #FFFFFF; background: #A39161; border-top: 2px solid; border-bottom: 2px solid; } #navigation ul { font-size: 13px; height: 1.5em; list-style-type: none; padding: .1em 0 .1em 26px; } #navigation li { float: left; height: 1.3em; padding: .1em 18px .1em 8px; background: url(images/navigation_seperator.jpg) no-repeat center right; } #navigation li.last { background: none; } #navigation li a { color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: .03em; } #navigation li a:hover { color: #554423; } #home #navigation .home, #location #navigation .location, #condos #navigation .condos, #office #navigation .office, #sustain #navigation .sustain, #about #navigation .about { color: #554423; } /** NAVIGATION TOP **/ #navigation_top { position: absolute; top: 75px; left: 420px; width: 318px; height: 28px; padding-left: 63px; background: url(images/navigation_top_slant.gif) no-repeat top left; } #navigation_top ul { position: relative; height: 27px; padding-right: 22px; list-style-type: none; background: #554523; border-top: 1px solid #A39161; padding-left: 20px; } #navigation_top li { display: block; float: right; height: 27px; padding: 0 10px 0 18px; background: url(images/navigation_top_divider.jpg) no-repeat center left; } #navigation_top li.last { background: none; padding-left: 0; } #navigation_top li a { font-size: 1.3em; color: #FFFFFF; font-weight: bold; text-transform: uppercase; line-height: 27px; vertical-align: middle; } #navigation_top li a:hover, #navigation_top li a.selected { color: #A39161; } #guide #navigation_top a.guide, #news #navigation_top a.news { color: #A39161; } /** NAVIGATION LEFT **/ #navigation_left { position: absolute; left: 0; top: 0; z-index: 4; } #navigation_left ul { width: 159px; margin: 0; padding: 10px 0 0 0; border-right: 1px solid #aaa291; border-left: 1px solid #aaa291; background: #544422; } #navigation_left li { padding: 3px 5px 8px 33px; font-size: 1.3em; text-transform: uppercase; list-style-type: none; font-weight: bold; background: url(images/navigation_left_divider.jpg) no-repeat bottom center; } #navigation_left li.last { background: none; padding-bottom: 0; } #navigation_left li a { color: #FFFFFF; } #navigation_left li a:hover, #navigation_left li a.selected { color: #A39161; } #navigation_left ul.process { padding-top: 7px; } #navigation_left ul.process li { height: 21px; padding: 0 0 5px 25px; } #navigation_left ul.process li a { line-height: 21px; vertical-align: middle; } /** BUYER'S GUIDE STEP **/ #steps { position: absolute; z-index: 3; left: 160px; top: 0; } #steps ul { position: relative; height: 21px; width: 370px; padding: 7px 70px 7px 0; list-style-type: none; color: #554423; background: #DFE2A7 url(images/buyers/buyers_step_slant.jpg) no-repeat top right; } #steps li { display: block; float: left; height: 21px; padding: 0 15px 0 10px; background: #DFE2A7 url(images/buyers/buyers_step_divider.jpg) no-repeat center right; } #steps li.label { padding: 0 30px 0 50px; height: 21px; font-weight: bold; background: #DFE2A7; } #steps li.last { background: #DFE2A7; } #steps li a, #steps li h4 { font-size: 1.3em; line-height: 21px; vertical-align: middle; font-weight: bold; } #steps li a { color: #A39161; } #steps li h4, #steps li a.selected, #steps li a:hover { color: #554423; } /** BODY **/ #body { position: relative; background: #FFFFFF; width: 801px; } #body_floorplans { position: relative; background: #000000; width: 801px; } #body_floorplans2 { position: relative; background: #000000; width: 901px; } #location_map { position: absolute; left: 379px; top: 58px; font-size: 1.4em; color: #544423; } #location_map .saint_olaf { position: absolute; left: 0; top: 107px; } #location_map .carleton { position: absolute; left: 265px; top: 118px; } #location_map .central_park { position: absolute; left: 246px; top: 155px; } #location_map .downtown { position: absolute; left: 246px; top: 207px; } #location_map .more_info { position: absolute; left: 10px; top: 297px; text-transform: lowercase; height: 2.1em; } #location_map .more_info img { display: inline; vertical-align: top; padding: 1px 5px 0 0; } #location_map .pdf { position: absolute; left: 273px; top: 297px; text-transform: lowercase; height: 2.1em; } #location_map .pdf a { text-decoration: none; color: #544423; } .body_header { position: relative; padding: 1.5em 0 0 194px; } .body_text { position: relative; padding: 0 25px 0 250px; } .body_text2 { font-size: 1.2em; position: relative; padding: 0 25px 0 190px; width:600px } .body_text p { font-size: 1.2em; line-height: 1.5; padding: .5em 0; } .body_text img { float: right; padding: 0 0 10px 20px; } #sustain #body .body_header { padding-left: 38px; } #sustain #body .body_text { padding: 0 0 0 94px; width: 450px; } #sustain #body .body_text2 { padding: 0 0 0 94px; width: 600px; } #sustain #body img.sustain { padding: 0 40px 10px 0; } #body.history { background: #FFFFFF url(images/location/history_background.jpg) no-repeat bottom center; padding-bottom: 120px; } #body.floorplans { background: #000000; } #office_info { position: absolute; left: 66px; top: 62px; width: 190px; color: #231F20; } #office_info h5 { font-size: 1.2em; text-transform: uppercase; padding-bottom: 1.5em; text-align: center; } #office_info img { margin: 0 auto; padding-bottom: 1.5em; } .contact_info { font-family: "Arial", sans-serif; font-size: 1.1em; padding-left: 40px; letter-spacing: .03em; } .contact_info a { color: #A39161; font-family: "Arial", sans-serif; } #about_info { position: absolute; z-index: 1; left: 0; top: 115px; width: 190px; color: #231F20; } #about_info img { margin: 0 auto; padding-bottom: 1.5em; } #process { position: absolute; z-index: 3; left: 24px; top: 45px; width: 161px; font-size: 1em; } #process h5 { font-size: 1.3em; color: #E6E3B4; padding-left: 15px; letter-spacing: .05em; background: #A29061; border: 1px solid #E6E3B4; border-top: none; border-bottom: none; text-transform: uppercase; } #process p { font-size: 1.1em; font-weight: bold; padding: 0 15px 15px 15px; line-height: 1.1; color: #FFFFFF; border: 1px solid #E6E3B4; border-top: none; background: #A29061; } #process_header { position: absolute; left: 218px; top: 67px; } #process_text { position: absolute; top: 95px; left: 280px; width: 480px; } #process_text img { padding: 1em 0; } #process_text p { font-size: 1.2em; color: #231F20; font-weight: bold; padding: 0 5px; word-spacing: .1em; line-height: 1.4; } /** SITEPLAN ROLLOVERS **/ #siteplan { position: relative; } #siteplan a.office img.hotspot { position: absolute; left: 335px; top: 63px; } #siteplan a.office2 img.hotspot { position: absolute; left: 636px; top: 132px; } #siteplan a.roundabout img.hotspot { position: absolute; left: 456px; top: 73px; } #siteplan a.riverside img.hotspot { position: absolute; left: 335px; top: 190px; } #siteplan a.edgewater img.hotspot { position: absolute; left: 571px; top: 226px; } #siteplan a.cannonriver img.hotspot { position: absolute; left: 286px; top: 260px; } #siteplan a.riverwalk img.hotspot { position: absolute; left: 516px; top: 284px; } #siteplan a span { display: none; z-index: 5; } #siteplan a:hover { text-indent: 0; } #siteplan a:hover span { display: block; position: absolute; left: 38px; top: 79px; width: 161px; } #siteplan h5 { font-size: 1.3em; color: #E6E3B4; padding-left: 15px; letter-spacing: .05em; background: #A29061; border: 1px solid #E6E3B4; border-top: none; border-bottom: none; text-transform: uppercase; } #siteplan p { font-size: 1.2em; font-weight: bold; padding: 0 15px 15px 15px; line-height: 1.1; color: #FFFFFF; border: 1px solid #E6E3B4; border-top: none; background: #A29061; } #siteplan p.first { border-bottom: none; padding-bottom: 1em; } /** HOME PAGE - SIDEBAR **/ #sidebar { position: absolute; left: 633px; top: 0; border-left: 2px solid #92855E; } #sidebar .news { position: absolute; left: 25px; top: 24px; } #sidebar .guide { position: absolute; left: 25px; top: 127px; } /** FLOORPLANS **/ #floor_block { position: absolute; left: 183px; top: 24px; width: 240px; z-index: 3; } #unit_block { position: absolute; left: 183px; top: 215px; width: 240px; z-index: 3; } #title_block { position: absolute; left: 35px; top: 435px; width: 386px; z-index: 3; } #info_block { position: relative; left: 455px; width: 315px; overflow: visible; padding: 24px 0 0 0; } #floors { position: absolute; left: 171px; top: 85px; } #floors a { position: absolute; width: 260px; left: 0; } #floors a img { width: 100%; height: 100%; } #floors a:hover { visibility: visible; } #floors a:hover img, #floors a.selected img { visibility: hidden; } #floors:hover a.selected img { visibility: visible; } #floors:hover a.selected:hover img { visibility: hidden; } #floor4 { height: 19px; top: 0; background: url(images/condos/floor1_over.jpg); } #floor3 { height: 10px; top: 19px; background: url(images/condos/floor2_over.jpg); } #floor2 { height: 10px; top: 29px; background: url(images/condos/floor3_over.jpg); } #floor1 { height: 24px; top: 39px; background: url(images/condos/floor4_over.jpg); } #info_block img.floorplans { display: block; margin: 1em 0; } #info_block .links { position: relative; width: 100%; height: 35px; } #info_block .links a.level { position: absolute; left: 0; top: 0; font-size: 1.4em; color: #E6E3B4; padding-left: 10px; } #info_block .links a.pdf { position: absolute; right: 0; top: 0; font-size: 1.4em; color: #E6E3B4; padding-right: 10px; } .caps { text-transform: uppercase; } #body_floorplans h5 { padding: 0 0 0 5px; font-size: 1.4em; color: #E6E3B4; } /** FOOTER **/ #footer { position: relative; text-align: center; font-size: 1.2em; background: #E6E3B4; } #footer a { text-decoration: none; color: #A39161; } #footer a:hover { color: #554423; } .footer1 { position: relative; padding: 4px 0; color: #FFFFFF; background: #A39161; } .footer2 { position: relative; margin-top: 3px; height: 45px; font-size: 1em; color: #A39161; background: #E6E3B4; } #footer ul { list-style-type: none; height: 18px; margin-bottom: 10px; } #footer li { display: inline; padding: 0 2em 0 1em; background: url(images/footer_seperator.jpg) no-repeat center right; } #footer li.last { background: none; } #footer p { font-size: .9em; text-align: center; } #footer .logo { position: absolute; left: 686px; top: 0; } #footer .phone { letter-spacing: .1em; } #footer .info a { padding-left: .3em; } /** IMAGE MAPS **/ #unit_selector { position: absolute; left: 12px; top: 265px; } #unit_selector a { position: absolute; display: block; z-index: 2; } #unit_selector a.selected { position: absolute; display: block; z-index: 4; } #unit_selector a img { width: 100%; height: 100%; } #unit_selector a:hover { visibility: visible; z-index: 5; } #unit_selector a:hover img, #unit_selector a.selected img { visibility: hidden; } #unit_selector:hover a.selected img { visibility: visible; } #unit_selector:hover a.selected:hover img { visibility: hidden; } /** NEWS **/ #content { padding: 1em 0 3em 0; font-size: 1em; } #content .post { padding: 1em 0; font-weight: bold; } #content p.date { margin: 0; padding: 0; font-size: 1.2em; color: #231F20; } #content h2.title { margin: 0; padding: 0; font-size: 1.2em; } #content h2.title a { color: #A29161; text-decoration: underline; font-weight: bold; } #content .navigation { width: 250px; padding: 1.5em 0; font-size: 1.2em; } #content .navigation a { color: #544422; } #content.article { padding-right: 2em; } #content.article h2 { color: #544422; padding-bottom: .5em; } #content.article p { font-weight: normal; } #content.article a { color: #544422; text-decoration: underline; } #content.article h3 { font-size: 1.2em; font-weight: bold; padding-top: 1em; } /** IMAGE MAPS **/ #u101 { left: 11px; top: 25px; width: 57px; height: 57px; background: url(images/condos/floorplans/u101_over.gif); } #u103 { left: 77px; top: 25px; width: 42px; height: 50px; background: url(images/condos/floorplans/u103_over.gif); } #u105 { left: 118px; top: 25px; width: 39px; height: 50px; background: url(images/condos/floorplans/u105_over.gif); } #u107 { left: 187px; top: 25px; width: 40px; height: 50px; background: url(images/condos/floorplans/u107_over.gif); } #u109 { left: 225px; top: 25px; width: 67px; height: 50px; background: url(images/condos/floorplans/u109_over.gif); } #u111 { left: 280px; top: 8px; width: 65px; height: 62px; background: url(images/condos/floorplans/u111_over.gif); } #u113 { left: 344px; top: 3px; width: 68px; height: 73px; background: url(images/condos/floorplans/u113_over.gif); } #u114 { left: 312px; top: 58px; width: 68px; height: 72px; background: url(images/condos/floorplans/u114_over.gif); } #u112 { left: 259px; top: 72px; width: 70px; height: 66px; background: url(images/condos/floorplans/u112_over.gif); } #u110 { left: 205px; top: 82px; width: 55px; height: 60px; background: url(images/condos/floorplans/u110_over.gif); } #u108 { left: 150px; top: 82px; width: 56px; height: 60px; background: url(images/condos/floorplans/u108_over.gif); } #u106 { left: 96px; top: 82px; width: 54px; height: 61px; background: url(images/condos/floorplans/u106_over.gif); } #u104 { left: 41px; top: 82px; width: 55px; height: 61px; background: url(images/condos/floorplans/u104_over.gif); } #u201 { left: 11px; top: 24px; width: 56px; height: 57px; background: url(images/condos/floorplans/u201_over.gif); } #u203 { left: 77px; top: 25px; width: 42px; height: 50px; background: url(images/condos/floorplans/u203_over.gif); } #u205 { left: 117px; top: 25px; width: 56px; height: 50px; background: url(images/condos/floorplans/u205_over.gif); } #u207 { left: 173px; top: 25px; width: 53px; height: 50px; background: url(images/condos/floorplans/u207_over.gif); } #u209 { left: 226px; top: 25px; width: 66px; height: 50px; background: url(images/condos/floorplans/u209_over.gif); } #u211 { left: 280px; top: 8px; width: 65px; height: 62px; background: url(images/condos/floorplans/u211_over.gif); } #u213 { left: 345px; top: 3px; width: 67px; height: 73px; background: url(images/condos/floorplans/u213_over.gif); } #u214 { left: 312px; top: 58px; width: 68px; height: 72px; background: url(images/condos/floorplans/u214_over.gif); } #u212 { left: 259px; top: 72px; width: 70px; height: 66px; background: url(images/condos/floorplans/u212_over.gif); } #u210 { left: 205px; top: 82px; width: 55px; height: 60px; background: url(images/condos/floorplans/u210_over.gif); } #u208 { left: 150px; top: 82px; width: 56px; height: 60px; background: url(images/condos/floorplans/u208_over.gif); } #u206 { left: 96px; top: 82px; width: 54px; height: 61px; background: url(images/condos/floorplans/u206_over.gif); } #u204 { left: 59px; top: 82px; width: 37px; height: 61px; background: url(images/condos/floorplans/u204_over.gif); } #u202 { left: 3px; top: 80px; width: 56px; height: 58px; background: url(images/condos/floorplans/u202_over.gif); } #u301 { left: 11px; top: 24px; width: 56px; height: 57px; background: url(images/condos/floorplans/u301_over.gif); } #u303 { left: 77px; top: 25px; width: 42px; height: 50px; background: url(images/condos/floorplans/u303_over.gif); } #u305 { left: 117px; top: 25px; width: 56px; height: 50px; background: url(images/condos/floorplans/u305_over.gif); } #u307 { left: 173px; top: 25px; width: 53px; height: 50px; background: url(images/condos/floorplans/u307_over.gif); } #u309 { left: 226px; top: 25px; width: 66px; height: 50px; background: url(images/condos/floorplans/u309_over.gif); } #u311 { left: 280px; top: 8px; width: 65px; height: 62px; background: url(images/condos/floorplans/u311_over.gif); } #u313 { left: 345px; top: 3px; width: 67px; height: 73px; background: url(images/condos/floorplans/u313_over.gif); } #u314 { left: 312px; top: 58px; width: 68px; height: 72px; background: url(images/condos/floorplans/u314_over.gif); } #u312 { left: 259px; top: 72px; width: 70px; height: 66px; background: url(images/condos/floorplans/u312_over.gif); } #u310 { left: 205px; top: 82px; width: 55px; height: 60px; background: url(images/condos/floorplans/u310_over.gif); } #u308 { left: 150px; top: 82px; width: 56px; height: 60px; background: url(images/condos/floorplans/u308_over.gif); } #u306 { left: 96px; top: 82px; width: 54px; height: 61px; background: url(images/condos/floorplans/u306_over.gif); } #u304 { left: 59px; top: 82px; width: 37px; height: 61px; background: url(images/condos/floorplans/u304_over.gif); } #u302 { left: 3px; top: 80px; width: 56px; height: 58px; background: url(images/condos/floorplans/u302_over.gif); } #u401 { left: 11px; top: 25px; width: 57px; height: 57px; background: url(images/condos/floorplans/u401_over.gif); } #u403 { left: 77px; top: 25px; width: 41px; height: 50px; background: url(images/condos/floorplans/u403_over.gif); } #u405 { left: 118px; top: 25px; width: 55px; height: 50px; background: url(images/condos/floorplans/u405_over.gif); } #u407 { left: 173px; top: 25px; width: 53px; height: 50px; background: url(images/condos/floorplans/u407_over.gif); } #u409 { left: 226px; top: 25px; width: 66px; height: 50px; background: url(images/condos/floorplans/u409_over.gif); } #u411 { left: 279px; top: 8px; width: 66px; height: 62px; background: url(images/condos/floorplans/u411_over.gif); } #u413 { left: 343px; top: 3px; width: 70px; height: 73px; background: url(images/condos/floorplans/u413_over.gif); } #u414 { left: 312px; top: 58px; width: 68px; height: 72px; background: url(images/condos/floorplans/u414_over.gif); } #u412 { left: 259px; top: 72px; width: 70px; height: 66px; background: url(images/condos/floorplans/u412_over.gif); } #u410 { left: 204px; top: 81px; width: 56px; height: 61px; background: url(images/condos/floorplans/u410_over.gif); } #u408 { left: 149px; top: 81px; width: 57px; height: 61px; background: url(images/condos/floorplans/u408_over.gif); } #u406 { left: 96px; top: 82px; width: 54px; height: 61px; background: url(images/condos/floorplans/u406_over.gif); } #u404 { left: 59px; top: 82px; width: 37px; height: 61px; background: url(images/condos/floorplans/u404_over.gif); } #u402 { left: 3px; top: 80px; width: 56px; height: 58px; background: url(images/condos/floorplans/u402_over.gif); } /** Pricing and Availability **/ #pa { text-align: center; font-size: 1.4em; } #pa h1 { color: #FFFFFF; padding: 1em 0; } #pa h2 { color: #FFFFFF; padding: 1em 0 2em 0; } #pa ul { padding: 1em 0 2em 0; } #pa li { list-style-type: none; display: inline; padding: 0 1em; } #pa li a { color: #FFFFFF; font-size: 1em; border: 1px solid #FFFFFF; padding: .25em .5em; } #pa li.selected a, #pa li a:hover { color: #000000; background: #FFFFFF; } #pa table { margin: 0 auto; padding: 1em 0 1em 0; text-align: left; } #pa th { font-size: 1em; color: #FFFFFF; padding: 0 2em 1em 2em; text-align: left; } #pa td { font-size: 1em; color: #FFFFFF; padding: .5em 2em; } #pa tfoot td { padding: 1.5em 0; text-align: center; color: #FFFFFF; } #pa input.price { width: 6.5em; } #pa select { width: 6.5em; } #pa input.submit { font-weight: bold; } /** PRICING **/ table#prav { font-size: 1.2em; padding: 1em 0 2em 0; text-align: left; } table#prav th { font-size: 1em; color: #A29061; padding: .5em 3em; } table#prav td { font-size: 1em; padding: .25em 3em; } table#prav tr.endgroup td { padding-top: 2em; } table#prav td.reserved, table#prav td.sold { font-weight: bold; text-transform: uppercase; }