@import 'base.css';

@media projection, screen {
    .ui-tabs-hide { display: none; }
}

@media print {
    .ui-tabs-nav { display: none; }
}

/* !---------- sIFR ---------- */

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-active h2, .sIFR-active h3  { font-size: 16px; line-height: 1em; visibility: hidden; }



/* !---------- Structure ---------- */

body { background: #fff url(../img/bg-body.png) 0 0 repeat-x; }
#container { background: transparent url(../img/bg-container.png) 50% 0 no-repeat; }
#header, #main, #footer { width:790px;margin:0 auto;text-align: left;}
#header { height: 307px; background: #fff url(../img/bg-header.png) 0 0 repeat-x; position: relative; }
#intro, #intro-home {position: absolute; top: 63px; width: 790px; height: 244px; }
#banner { position: absolute; width: 790px; height: 244px; background: transparent url(../img/bg-intro.png) 0 0 repeat-x; }
#nav {  height: 244px; }
#main { padding-top:10px; border-bottom: 1px solid #7f7f7f; }
#subnav, #info, #info-home { border-top: 1px solid #ddd; }
#subnav { width: 185px; float: left; padding: 2.5em 0; }
#info { width: 590px; float: right; padding: 2em 0; }
#info-home { width: 790px; float: left; padding: 2em 0; }
#info-home-left { width: 194px; float: left; }
#info-home-right { width: 570px; float: right; }
* html #info-home-right { width: 560px; float: right; }
#footer { margin-top: 1px; margin-bottom: 50px; border: 1px solid #ddd; border-width: 1px 0 1px 0; }

h1 { position: absolute; z-index: 99; top: 5px; left: 27px; width: 371px; height: 119px; text-indent: -9999px; background: transparent url(../img/logo.png) 0 0 no-repeat; }
a.homelink { position: absolute; z-index: 100; top: 5px; left: 27px; width: 371px; height: 119px; text-indent: -9999px;}
h2, h3 { border-top: 1px solid #ddd; border-bottom: 1px solid #7f7f7f; margin-bottom:1px; font-size: 18px; line-height: 1; padding: 18px 0 8px 0; text-indent: 10px; }
h2 { width: 185px; float: left; }
#home h2 { width: auto; float: none; }
h3 { width: 590px; float: right;}

h4 span { font-weight: normal; color: #666; }

img.border { background-color: #fff; padding: 1px; border: 1px solid #ddd; }
img.map { margin: 0 0 3em 10px; }

#info-home-right p { padding: 15px 0 0 10px; border-top: 1px solid #ddd; }



/* !---------- Header ---------- */
#intro-home { background: #fff; }
#intro { background: url(../img/banner/general/rotate.php) top right no-repeat; }
#residential #intro { background: url(../img/banner/residential/rotate.php) top right no-repeat; }
#history #intro { background: url(../img/banner/history/rotate.php) top right no-repeat; }
#retailers #intro { background: url(../img/banner/retail/rotate.php) top right no-repeat; }
#office #intro { background: url(../img/banner/office/rotate.php) top right no-repeat; }

#header ul { font-size: 10px; display: block; position: absolute; right: 0; margin: 32px 10px 0 0; padding: 0; overflow: hidden; border-right: 1px solid #c7a256; }
#header ul { height: auto; }
#header li { float: left; display: inline; list-style-type: none; margin: 0; padding: 0; background: none; line-height: 1; border-left: 1px solid #c7a256; }
#header li a { float: left; display: inline; color: #5e4c28; text-decoration: none; margin: 0 5px; padding: 5px; }
#header li a:hover {  color: #000; text-decoration: none; }
#pre-nav li a:focus, #pre-nav li a:active { color: #5e4c28; }

	
#nav ul { position: absolute; left: 0; top: 0; margin: 0; padding: 0; width: 195px; height: 244px; border: none; background: #324361 url(../img/bg-nav.png) 0 0 repeat-x;}
#nav li { float: none; display: block; border: none; }
#nav li, #nav li a { float: none; display: block; height: 28px; width: 195px; position: absolute; left: 0; overflow: hidden; background-image: url(../img/buttons-nav.png); background-position: 0px 0px; background-repeat: no-repeat; }
#nav li a {  text-indent: -9999px; top: 0; margin: 0; color: #fff; }

#nav #n-retailers { top: 65px; }
#nav #n-office { top: 93px; }
#nav #n-residential { top: 121px; }
#nav #n-history { top: 149px; }
#nav #n-location { top: 177px; }
#nav #n-parking { top: 205px; }

#nav #n-retailers, #nav #n-retailers a { background-position: 0 0; }
#nav #n-office, #nav #n-office a { background-position: 0 -28px; }
#nav #n-residential, #nav #n-residential a { background-position: 0 -53px; }
#nav #n-history, #nav #n-history a { background-position: 0 -81px; }
#nav #n-location, #nav #n-location a { background-position: 0 -109px; }
#nav #n-parking, #nav #n-parking a { background-position: 0 -137px; }

#nav #n-retailers a:hover { background-position: -195px 0; }
#nav #n-office a:hover { background-position: -195px -28px; }
#nav #n-residential a:hover { background-position: -195px -53px; }
#nav #n-history a:hover { background-position: -195px -81px; }
#nav #n-location a:hover { background-position: -195px -109px; }
#nav #n-parking a:hover { background-position: -195px -137px; }

#retailers #nav #n-retailers a, #retailers #nav #n-retailers a:hover { background-position: -390px 0; }
#office #nav #n-office a, #office #nav #n-office a:hover{ background-position: -390px -28px; }
#residential #nav #n-residential a, #residential #nav #n-residential a:hover { background-position: -390px -53px; }
#history #nav #n-history a, #history #nav #n-history a:hover { background-position: -390px -81px; }
#location #nav #n-location a, #location #nav #n-location a:hover { background-position: -390px -109px; }
#parking #nav #n-parking a, #parking #nav #n-parking a:hover { background-position: -390px -137px; }

.parkdisc {
margin: 100px 20px 0px 10px;
}

/* !---------- Sub Nav ---------- */

#subnav ul { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #ededed; margin: 0; padding-top: 1px; }
#subnav ul li { list-style-type: none; border-top: 1px solid #ededed; border-bottom: 1px solid #d9d9d9; text-transform: uppercase; font-size: 10px; line-height: 18px; font-weight: bold; background: none; margin: 0 0 1px 0; padding: 0; }
#subnav ul li a { display: block; color: #000; padding: 8px 10px 7px 10px; text-decoration: none; }
#subnav ul li a:hover { color: #14324d; }
#subnav ul li.at a { color: #d4920a; }

#header li.at a { color: #000; }

#tabs { font-size: 10px; display: block; margin: 0 0 3em 0; padding: 0; border-right: 1px solid #ccc; }
#tabs li { float: left; display: inline; list-style-type: none; margin: 0; padding: 0; background: none; line-height: 1; border-left: 1px solid #ccc; }
#tabs li a { float: left; display: inline; color: #5e4c28; text-decoration: none; margin: 0 5px; padding: 3px; }
#tabs li a:hover {  color: #000; text-decoration: none; }



/* !---------- Timeline ---------- */

#timeline { list-style-type: none; position: relative; margin: 0 0 3em 10px; padding: 0; width: 570px; height: 112px; border: none; background: #fff url(../img/timeline.png) 0 0 no-repeat; }
#timeline li {   }
#timeline li, #timeline li a { margin: 0; padding: 0; display: block; height: 25px; width: 40px; position: absolute; left: 0; top: 0;  background-color: transparent; background-image: url(../img/timeline-nav.png); background-position: 0 0; background-repeat: no-repeat; }
#timeline li a {  height: 25px; width: 40px; text-indent: -9999px; top: 0; color: #ccc; }
#timeline li a:link { outline: none; }

#timeline #t03, #timeline #t06, #timeline #t08, #timeline #t10, #timeline #t12, #timeline #t14, #timeline #t16, #timeline #t18, #timeline #t20 { height: 77px; top: 5px; }
#timeline #t02, #timeline #t04, #timeline #t05, #timeline #t07, #timeline #t09, #timeline #t11, #timeline #t13, #timeline #t15, #timeline #t17, #timeline #t19 { height: 50px; top: 32px; z-index: 100; }

#timeline #t01 { top: 5px; }
#timeline #t01, #timeline #t01 a { width: 24px; height: 24px; background-position: 0 0; }
#timeline #t01 a:hover { background-position: 0 -77px; }
#timeline #t01.ui-tabs-selected, #timeline #t01.ui-tabs-selected a { background-position: 0 -154px; }

#timeline #t02 { width: 43px; left: 21px; }
#timeline #t02, #timeline #t02 a { background-position: -24px 0; }
#timeline #t02 a:hover { background-position: -24px -77px; }
#timeline #t02.ui-tabs-selected, #timeline #t02.ui-tabs-selected a { background-position: -24px -154px; }

#timeline #t03 { left: 36px; }
#timeline #t03, #timeline #t03 a { background-position: -67px 0; }
#timeline #t03 a:hover { background-position: -67px -77px; }
#timeline #t03.ui-tabs-selected, #timeline #t03.ui-tabs-selected a { background-position: -67px -154px; }

#timeline #t04 { width: 44px; left: 76px; background-position: -107px 0; }
#timeline #t04 a { left: 4px; background-position: -111px 0; }
#timeline #t04 a:hover { background-position: -111px -77px; }
#timeline #t04.ui-tabs-selected { background-position: -107px -154px; }
#timeline #t04.ui-tabs-selected a { background-position: -111px -154px; }

#timeline #t05 { width: 42px; left: 121px; }
#timeline #t05, #timeline #t05 a { background-position: -151px 0; }
#timeline #t05 a:hover { background-position: -151px -77px; }
#timeline #t05.ui-tabs-selected, #timeline #t05.ui-tabs-selected a { background-position: -151px -154px; }

#timeline #t06 { width: 52px; left: 146px; }
#timeline #t06, #timeline #t06 a { background-position: -193px 0; }
#timeline #t06 a:hover { background-position: -193px -77px; }
#timeline #t06.ui-tabs-selected, #timeline #t06.ui-tabs-selected a { background-position: -193px -154px; }

#timeline #t07 { left: 184px; }
#timeline #t07, #timeline #t07 a { background-position: -245px 0; }
#timeline #t07 a:hover { background-position: -245px -77px; }
#timeline #t07.ui-tabs-selected, #timeline #t07.ui-tabs-selected a { background-position: -245px -154px; }

#timeline #t08 { left: 197px; }
#timeline #t08, #timeline #t08 a { background-position: -286px 0; }
#timeline #t08 a:hover { background-position: -286px -77px; }
#timeline #t08.ui-tabs-selected, #timeline #t08.ui-tabs-selected a { background-position: -286px -154px; }

#timeline #t09 { width: 70px; left: 242px; }
#timeline #t09, #timeline #t09 a { background-position: -326px 0; }
#timeline #t09 a:hover { background-position: -326px -77px; }
#timeline #t09.ui-tabs-selected, #timeline #t09.ui-tabs-selected a { background-position: -326px -154px; }

#timeline #t10 { width: 41px; left: 265px; }
#timeline #t10, #timeline #t10 a { background-position: -396px 0; }
#timeline #t10 a:hover { background-position: -396px -77px; }
#timeline #t10.ui-tabs-selected, #timeline #t10.ui-tabs-selected a { background-position: -396px -154px; }

#timeline #t11 { left: 291px; }
#timeline #t11, #timeline #t11 a { background-position: -437px 0; }
#timeline #t11 a:hover { background-position: -437px -77px; }
#timeline #t11.ui-tabs-selected, #timeline #t11.ui-tabs-selected a { background-position: -437px -154px; }

#timeline #t12 { width: 48px;  left: 302px; background-position: -477px 0; }
#timeline #t12 a { left: 8px; background-position: -485px 0; }
#timeline #t12 a:hover {background-position: -485px -77px; }
#timeline #t12.ui-tabs-selected { background-position: -477px -154px; }
#timeline #t12.ui-tabs-selected a { background-position: -485px -154px; }

#timeline #t13 { left: 336px; }
#timeline #t13, #timeline #t13 a { background-position: -525px 0; }
#timeline #t13 a:hover { background-position: -525px -77px; }
#timeline #t13.ui-tabs-selected, #timeline #t13.ui-tabs-selected a { background-position: -525px -154px; }

#timeline #t14 { left: 368px; }
#timeline #t14, #timeline #t14 a { background-position: -565px 0; }
#timeline #t14 a:hover { background-position: -565px -77px; }
#timeline #t14.ui-tabs-selected, #timeline #t14.ui-tabs-selected a { background-position: -565px -154px; }

#timeline #t15 { width: 52px; left: 391px; }
#timeline #t15, #timeline #t15 a { background-position: -605px 0; }
#timeline #t15 a:hover { background-position: -605px -77px; }
#timeline #t15.ui-tabs-selected, #timeline #t15.ui-tabs-selected a { background-position: -605px -154px; }

#timeline #t16 { left: 412px; }
#timeline #t16, #timeline #t16 a { background-position: -657px 0; }
#timeline #t16 a:hover { background-position: -657px -77px; }
#timeline #t16.ui-tabs-selected, #timeline #t16.ui-tabs-selected a { background-position: -657px -154px; }

#timeline #t17 { left: 439px; }
#timeline #t17, #timeline #t17 a { background-position: -697px 0; }
#timeline #t17 a:hover { background-position: -697px -77px; }
#timeline #t17.ui-tabs-selected, #timeline #t17.ui-tabs-selected a { background-position: -697px -154px; }

#timeline #t18 { width: 73px; left: 471px; background-position: -737px 0; }
#timeline #t18 a { left: 2px; background-position: -739px 0; }
#timeline #t18 a:hover { background-position: -739px -77px; }
#timeline #t18.ui-tabs-selected { background-position: -737px -154px; }
#timeline #t18.ui-tabs-selected a { background-position: -739px -154px; }

#timeline #t19 { left: 509px; }
#timeline #t19, #timeline #t19 a { background-position: -810px 0; }
#timeline #t19 a:hover { background-position: -810px -77px; }
#timeline #t19.ui-tabs-selected, #timeline #t19.ui-tabs-selected a { background-position: -810px -154px; }

#timeline #t20 { left: 521px; }
#timeline #t20, #timeline #t20 a { background-position: -850px 0; }
#timeline #t20 a:hover { background-position: -850px -77px; }
#timeline #t20.ui-tabs-selected, #timeline #t20.ui-tabs-selected a { background-position: -850px -154px; }

#timeline li.ui-tabs-selected a, #timeline li.ui-tabs-selected a:hover { background-position: 0 0; cursor: default; }


/* !---------- Blocks ---------- */

.blocks h4 { display: block; border-bottom: 1px solid #999; margin-bottom: 1px; }
.blocks h4 strong { display: block; text-indent: 10px; width: 190px; float: left; }
.blocks h4 span { display: block; width: 390px; float: right; }

.blocks ol { margin: 0 0 3em 0; padding: 0; list-style-type: none; }
.blocks ol li { margin: 0 0 1.5em 0; padding: 1.5em 10px 0 200px; border-top: 1px solid #ddd; }
.blocks ol ul { margin:0 1.5em 1.5em 1.5em; }
.blocks ol ul li { margin: 0; padding: 0; border: none;  }
.blocks ol li .company { display: block; margin-left: -190px;  width: 180px; float: left; }

.blocks .company em { color: #9a9a96; }
.blocks .company em, .blocks .company a { display: block; font-size: .9em; font-style: normal; margin: 0 0 .75em 0; font-weight: normal; }
.blocks .company em strong { display: block; }
.blocks li:hover em { color: #9a9a96; }
.blocks .company a { text-decoration: none; }

.level { margin: 0 0 1.5em 0; }
.level img { background-color: #fff; padding: 1px; border: 1px solid #ddd; }
.level img.level-map { margin: 1.5em 0 0 8px; }
.level img.map {  }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; }
#tooltip p, #tooltip div { margin: 0; }

#tips { margin-bottom: 1.5em; position: relative; }
#tips img { margin: 0 0 0 10px; }
#tips ul { position: absolute; list-style-type: none; margin: 2px 0 0 12px; padding: 0; width: 566px; height: 376px; }
#tips ul li a { text-indent: -9999px; background-color: transparent; background-image: url(../img/maps/shops.png); background-position: 0px -125px; background-repeat: no-repeat; }
#tips ul li, #tips ul li a { display: block; position: absolute; margin: 0; padding: 0; }

#m-lulu, #m-gardenbar, #m-peet, #m-retail { z-index: 10; }

#m-starbucks, #m-starbucks a { width: 30px; height: 43px; }
#m-starbucks { left: 393px; top: 121px; }
#m-starbucks.at a, #m-starbucks a:hover { background-position: 0px -6px; }

#m-anth, #m-anth a { width: 58px; height: 81px; }
#m-anth { left: 289px; top: 84px; }
#m-anth.at a, #m-anth a:hover { background-position: -47px 0px; }

#m-freepeople, #m-freepeople a { width: 74px; height: 49px; }
#m-freepeople { left: 273px; top: 36px; }
#m-freepeople.at a, #m-freepeople a:hover { background-position: -105px 0px; }

#m-native, #m-native a { width: 35px; height: 53px; }
#m-native { left: 284px; top: 278px; }
#m-native.at a, #m-native a:hover { background-position: -179px 0px; }

#m-cookie, #m-cookie a { width: 26px; height: 15px; }
#m-cookie { left: 41px; top: 66px; }
#m-cookie.at a, #m-cookie a:hover { background-position: -214px 0px; }

#m-madewell, #m-madewell a { width: 50px; height: 34px;}
#m-madewell { left: 215px; top: 206px; }
#m-madewell.at a, #m-madewell a:hover { background-position: -240px 0px; }

#m-rachellem, #m-rachellem a { width: 27px; height: 30px; }
#m-rachellem { left: 218px; top: 36px; }
#m-rachellem.at a, #m-rachellem a:hover { background-position: -290px 0px; }

#m-frame, #m-frame a { width: 35px; height: 30px;  }
#m-frame { left: 41px; top: 37px; }
#m-frame.at a, #m-frame a:hover { background-position: -317px 0px; }

#m-gerding, #m-gerding a { width: 129px; height: 69px; }
#m-gerding { left: 393px; top: 34px; }
#m-gerding.at a, #m-gerding a:hover { background-position: -352px 0px; }

#m-henry, #m-henry a { width: 70px; height: 88px; }
#m-henry { left: 215px; top: 250px; }
#m-henry.at a, #m-henry a:hover { background-position: -481px 0px; }

#m-blue, #m-blue a { width: 17px; height: 43px; }
#m-blue { left: 422px; top: 121px; }
#m-blue.at a, #m-blue a:hover { background-position: -29px -6px; }

#m-ice, #m-ice a { width: 31px; height: 47px; }
#m-ice { left: 318px; top: 280px; }
#m-ice.at a, #m-ice a:hover { background-position: -551px 0px; }

#m-keybank, #m-keybank a { width: 10px; height: 6px; }
#m-keybank { left: 393px; top: 115px; }
#m-keybank.at a, #m-keybank a:hover { background-position: 0 0; }

#m-timberland, #m-timberland a { width: 26px; height: 41px; }
#m-timberland { left: 467px; top: 122px; }
#m-timberland.at a, #m-timberland a:hover { background-position: -582px 0px; }

#m-lulu, #m-lulu a { width: 20px; height: 44px; }
#m-lulu { left: 68px; top: 118px; }
#m-lulu.at a, #m-lulu a:hover { background-position: -608px 0px; }

#m-gardenbar, #m-gardenbar a { width: 31px; height: 19px; }
#m-gardenbar { left: 318px; top: 262px; }
#m-gardenbar.at a, #m-gardenbar a:hover { background-position: -628px 0px; }

#m-north, #m-north a { width: 72px; height: 33px; }
#m-north { left: 93px; top: 37px; }
#m-north.at a, #m-north a:hover { background-position: -659px 0px; }

#m-peet, #m-peet a { width: 17px; height: 41px; }
#m-peet { left: 291px; top: 206px; }
#m-peet.at a, #m-peet a:hover { background-position: -731px 0px; }

#m-holsteins, #m-holsteins a { width: 57px; height: 53px; }
#m-holsteins { left: 218px; top: 112px; }
#m-holsteins.at a, #m-holsteins a:hover { background-position: -748px 0px; }

#m-cclosets, #m-cclosets a { width: 43px; height: 33px; }
#m-cclosets { left: 40px; top: 305px; }
#m-cclosets.at a, #m-cclosets a:hover { background-position: -805px 0px; }

#m-spl, #m-spl a { width: 20px; height: 45px; }
#m-spl { left: 439px; top: 119px; }
#m-spl.at a, #m-spl a:hover { background-position: -863px 0px; }

#m-sur, #m-sur a { width: 54px; height: 73px; }
#m-sur { left: 295px; top: 206px; }
#m-sur.at a, #m-sur a:hover { background-position: -883px 0px; }

#m-blowout, #m-blowout a { width: 27px; height: 17px; }
#m-blowout { left: 218px; top: 65px; }
#m-blowout.at a, #m-blowout a:hover { background-position: -937px 0px; }

#m-athleta, #m-athleta a { width: 30px; height: 44px; }
#m-athleta { left: 491px; top: 119px; }
#m-athleta.at a, #m-athleta a:hover { background-position: -964px 0px; }

#m-chase, #m-chase a { width: 37px; height: 51px; }
#m-chase { left: 41px; top: 110px; }
#m-chase.at a, #m-chase a:hover { background-position: -994px 0px; }

#m-west, #m-west a { width: 75px; height: 77px; }
#m-west { left: 90px; top: 85px; }
#m-west.at a, #m-west a:hover { background-position: -1031px 0px; }

#m-whole, #m-whole a { width: 132px; height: 124px; }
#m-whole { left: 40px; top: 207px; }
#m-whole.at a, #m-whole a:hover { background-position: -1106px 0px; }

#m-toms, #m-toms a { width: 30px; height: 17px; }
#m-toms { left: 68px; top: 322px; z-index: 11}
#m-toms.at a, #m-toms a:hover { background-position: -1239px 0px; }



#key { padding: 1px 0 0 10px; margin-bottom: 1.5em; border-top: 1px solid #d9d9d9; }
#key ul { list-style-type: none; margin: 0 10px 0 0; padding: 0; width: 183px; float: left; border-top: 1px solid #ededed; }
#key ul.col3 { margin: 0; }
#key li a { text-decoration: none; color: #324361; }
#key li a:hover, #key li a.at { text-decoration: none; color: #324361; background: #fc6; }
#key li { padding: 2px 10px; border-bottom: 1px solid #ededed; }

img.right {float: right; margin: 0 0 15px 15px;}

#pdfmaps {
	width: 590px;
	margin-top: 25px;
	float: left;
	}
	
#pdf1 {
	width: 190x;
	float: left;
	}
	
#pdfwrapper {
	width: 390px;
	margin-left: 10px;
	float: right;
	}
	
#pdf2 {
	width: 190x;
	float: left;
	}
	
#pdf3 {
	width: 190x;
	margin-left: 10px;
	float: right;
	}



/* !---------- Footer ---------- */

#footer h6 { display: block; width: 109px; height: 22px; margin: 7px 0 7px 10px ; text-indent: -9999px; background: transparent url(../img/logo-small.png) 0 0 no-repeat; }



/* Home Page Slideshow Styles
----------------------------------------------- */	
#rotator {
	width: 595px;
	height: 244px;
	overflow: hidden;
	float: right;
	}
	
#rotator img {
	position: absolute;
	top: 0;
	left: 195px;
	display: none;
	}
	
	
/* Google Map Styles
----------------------------------------------- */	
#locmap {
	padding: 5px;
	background: white;
	border: 1px solid #46260e;
	float: right;
	}

#locmap #map {
	width: 578px;
	height: 320px;
	}