﻿body {
    font-family: Verdana, Sans-Serif;
    margin: 0px;
    color: #6b696c;
    font-size: 11px;
}
div#center {
    width: 956px;
    margin: 0 auto;
    position: relative;
}
a {text-decoration: none; color: #1b4164}
a:hover {text-decoration: underline}
a img {border: 0px}

#bg_shot {z-index: -1;}

#content h1 {font-size: 18px; font-weight: normal; color: #5b88b2; line-height: 24px; margin: 0px}
#content div.subhead {font-size: 14px; color: #a9a9a9;line-height: 24px;}
#content div.sectionhead { font-size: 16px; color: #fff; margin: 34px 12px 0px 45px; line-height: 28px}
#content p {margin-top: 0px; line-height: 18px; margin-bottom: 11px}
#content p.last {margin-bottom: 0px}

div#lines_overlay {position: absolute; width: 790px; height: 740px; background: url(../images/IMG_LinesOverlay.png) no-repeat 0px 0px;}

div#topnav_container{position: absolute;width:960px; text-align:right}
ul#topnav {float: right; position: relative; margin-top: 17px }
ul#topnav li {float: left; display: block; margin-left: 0px; padding-left: 0px; background: url(../images/nav_divider.gif) no-repeat right 2px}
ul#topnav li.last {background: none}
ul#topnav li a {display: block; font-size: 12px; text-decoration: none; padding: 0px 12px;  font-size: 9px}
ul#topnav li.last a {padding-right: 0px; color: #1b4164}
ul#topnav li a:link,
ul#topnav li a:visited {color: #1b4164}
ul#topnav li a:hover,
ul#topnav li a:active {color: #1b4164; text-decoration: underline}
div#nav_bg {position:absolute;left: 253px; top: 28px; width: 708px; height: 104px; background: url(../images/nav_sprite.gif) no-repeat 0px 0px;}
div#nav_container{position: absolute;width:708px; left: 59px;}
div#nav_container img {display: block; float: left; margin-top: 52px}
ul#nav {float: left; position: relative; margin-top: 32px; margin-left: 14px}
ul#nav li {position: absolute; text-transform: uppercase; display: block; margin-left: 0px; padding-left: 0px}
ul#nav li a {display: block; font-size: 12px; text-decoration: none; padding: 24px 27px 8px 27px; letter-spacing: 1px}
ul#nav li a:link,
ul#nav li a:visited {color: #6b696c}
ul#nav li.sfHover a:link,
ul#nav li.sfHover a:visited,
ul#nav li.sfHover a:hover,
ul#nav li.sfHover a:active {color: #1b4164}
ul#nav li#nav_tower {left: 26px;}
ul#nav li#nav_tower ul {width: 682px}
ul#nav li#nav_experience {left: 130px;}
ul#nav li#nav_experience ul {width: 578px}
ul#nav li#nav_location {left: 268px;}
ul#nav li#nav_location ul {width: 440px}
ul#nav li#nav_inquire {left: 394px;}

ul#nav li ul {padding-left: 0px; margin-left: 18px; visibility:hidden}
ul#nav li ul li, ul.subnav li {display: block; float: left; position: relative; background: url(../images/nav_divider.gif) no-repeat right 12px}
ul.subnav li {font-size: 11px; background-position: right 2px}
ul#nav li ul li.last, ul.subnav li.last {background-image: none}
ul#nav li ul li a {font-size: 10px; padding: 10px 10px 12px 10px; letter-spacing: normal}
ul.subnav li a {font-size: 11px; padding: 10px 10px 12px 10px; letter-spacing: normal}
ul.subnav {margin:0px 0px 0px -10px; padding: 0px}
ul#nav li.sfHover ul li a:link,
ul#nav li.sfHover ul li a:visited {color: #6b696c}
ul#nav li.sfHover ul li a.current:link,
ul#nav li.sfHover ul li a.current:visited,
ul#nav li.sfHover ul li a:hover,
ul#nav li.sfHover ul li a:active,

ul.subnav li a:hover,
ul.subnav li a:active,
ul.subnav li a:link,
ul.subnav li a:visited {color: #1b4164}
ul.subnav li a:hover,
ul.subnav li a:active {text-decoration: underline}
ul#topnav li a.current:link,
ul#topnav li a.current:visited,
ul.subnav li a.current:link,
ul.subnav li a.current:visited {font-weight: bold}

#footer {position: absolute; left: 790px; top: 598px; font-size: 9px; width: 170px; color:#9fa1a4; text-align: right}
#footer img {margin-bottom: 19px}
#footer p {margin-top: 0px; line-height: 19px}
#footer a {color: #9fa1a4}
#footer a.current {font-weight: bold}
#footer a:link, #footer a:visited {color: #9fa1a4;text-decoration: none;}
#footer a:hover,#footer a:active {color: #9fa1a4;text-decoration: underline;}
#flash_home_container {width: 1032px; height: 535px; overflow: hidden;
position: absolute;top:122px;z-index:-1}
#flash_home {margin-left: -26px; }

#content {width: 939px; height: 535px; position: absolute;top:122px; left: 21px;
    }
#inner {width: 939px; height: 535px; position: absolute;top: 0px; left: 0px}

/* Forms */

.form_mod_152 {width: 152px; padding-right: 18px;}
.form_mod_152 input {display: block; margin: 2px 0px 0px 0px; padding: 3px 0px 3px 3px; width: 146px; font-size: 11px; line-height: 11px; color: #6b696c }
.form_mod_322 {width: 322px; clear: left}
.form_mod_322 input {display: block; margin: 2px 0px 0px 0px; padding: 3px 0px 3px 3px; width: 316px; font-size: 11px; line-height: 11px; color: #6b696c }
.form_mod_152, .form_mod_322 {float: left; margin-top: 10px}
label {line-height: 13px}

/* Accordion */

.ui-accordion li a.head {
    color: #1B4164;
    text-decoration: none;    
}
.ui-accordion li.selected a.head {
    font-weight: bold;
}
ul.ui-accordion {list-style-type: none; margin: 0px; padding-left: 50px; }
ul.ui-accordion li {margin-bottom: 8px; }
ul.ui-accordion li a {background: url(../images/bullet_accordion_closed.gif) no-repeat 0 4px; padding-left: 12px; }
ul.ui-accordion li.selected a {background-image: url(../images/bullet_accordion_open.gif) }
#content ul.ui-accordion li p.last {margin-bottom: 0px}

.trilist, .bilist {margin-top: 6px}
.trilist div {width: 33%; float: left; line-height: 18px}
.bilist div {width: 49%; float: left; line-height: 18px}
.lighter {opacity: .50; filter:alpha(opacity=50); zoom: 1}

/* Tower */

.tower #bg_shot {position: absolute; width: 601px; height: 412px; left: 21px; top: 138px; background: url(../images/tower/IMG_tower.jpg) no-repeat left top}
.tower #content #inner {background: url(../images/tower/IMG_tower_overlay.png) no-repeat right 38px}
.tower #content #container1 {position: absolute; left: 629px; top: 85px; width: 293px}
.tower #content #container1 p {line-height: 24px}

/* Tower : Glass Factor */

.tower_glassfactor #bg_shot {position: absolute;top:122px; left: 21px;background: url(../images/tower.glassfactor/IMG_GLASS_Main.jpg) no-repeat 0px 0px; margin-top: 42px; height: 369px; overflow: hidden;}
.tower_glassfactor #content {}
.tower_glassfactor #content #inner {position: absolute; z-index:1;}
.tower_glassfactor #content #container1 {float: right; margin-left: 468px; margin-top: 26px; zoom: 1; position: relative}
.tower_glassfactor #content #container2 {clear: both; float: right; width: 521px; height: 269px; padding-top: 40px; background: url(../images/tower.glassfactor/IMG_GLASS_overlay.png) no-repeat 0px 0px}

/* Tower : Floorplates */

.tower_floorplates #bg_shot {position: absolute; width: 421px; height: 448px; left: 520px; top: 138px; background: url(../images/tower.floorplates/IMG_Floor_Image.jpg) no-repeat 0px 0px}
.tower_floorplates #inner {background: url(../images/tower.floorplates/IMG_Floor_Overlay.png) no-repeat left 32px}
.tower_floorplates #container1 {position: absolute; z-index: 1; left: 474px; width: 466px;}
.tower_floorplates #container1 ul#buttons {position: absolute; z-index: 1; padding: 0px; margin: 0px; top: 56px; height: 410px; width: 466px; text-align: right;}
.tower_floorplates #container1 #buttons_bg {position: absolute; z-index: 1; background: url(../images/tower.floorplates/roll_buttons_bg.png) no-repeat -1000px 0px; top: 0px; height: 446px; width: 466px;}
.tower_floorplates #floorplate_mask {position: absolute; z-index: 0; top: 0px; display: none}

.tower_floorplates #container1 #buttons_bg.sky {background-position: right 26px}
.tower_floorplates #container1 #buttons_bg.city {background-position: right -416px}
.tower_floorplates #container1 #buttons_bg.copley {background-position: right -904px}
.tower_floorplates #container1 ul#buttons li {display: block; padding: 0px; margin: 0px; list-style-type: none}
.tower_floorplates #container1 ul#buttons li a {color: #fff; font-size: 24px; display: block; text-transform:uppercase; text-decoration: none; float: right; clear: both; padding-right: 12px; padding: 54px 30px}
.tower_floorplates #container2 {overflow: hidden; width: 520px; height: 387px; margin-top: 32px; position: absolute}
.tower_floorplates #container2 #floorplate_panels {height: 1161px; position: relative}
.tower_floorplates #container2 #floorplate_panels .floorplate_panel {height: 387px;} 
.tower_floorplates #container2 #floorplate_panels .floorplate_panel .content {padding-left: 40px; padding-top: 20px}
.tower_floorplates #container2 #floorplate_panels .floorplate_panel .content img {display: block; margin: 0px}

.tower_floorplates a.enlarge {background: url(../images/tower.floorplates/btn_enlarge.gif) no-repeat right center; padding-right: 24px; padding-bottom: 6px; margin-right: 12px; display: block; float: left; color: #1B4164}
.tower_floorplates a.pdflink {background: url(../images/tower.floorplates/btn_pdf.gif) no-repeat right center; padding-right: 26px; padding-bottom: 6px; display: block; float: left; color: #1B4164}
.tower_floorplates .floorplate_overlay {left: -2000px; z-index: 100; position: absolute; width: 100%; text-align: center;}
.tower_floorplates #sky_overlay {background: url(../images/tower.floorplates/IMG_Floor_LG_sky.png) no-repeat center center;}
.tower_floorplates #city_overlay {background: url(../images/tower.floorplates/IMG_Floor_LG_city.png) no-repeat center center;}
.tower_floorplates #copley_overlay {background: url(../images/tower.floorplates/IMG_Floor_LG_copley.png) no-repeat center center;}

/* Tower : Views */

.tower_views #bg_shot {position: absolute; width: 682px; height: 338px; left: 276px; top: 236px; background: url(../images/tower.views/IMG_Views_Image.jpg) no-repeat 0px 0px;}
.tower_views #container1 {position: absolute; z-index: 0; width: 682px; left: 256px; top: 28px;}
.tower_views #container2 {position: absolute; z-index: 1; width: 284px; height: 310px; left: 0px; top: 82px; background: url(../images/tower.views/IMG_Views_overlay.png) no-repeat 0px 0px;}
.tower_views #container2 div.content {margin: 42px 20px}

/* Tower : Architecture */

.tower_architecture #bg_shot {position: absolute; width: 499px; height: 262px; left: 21px; top: 316px; background: url(../images/tower.architecture/IMG_Architecture.jpg) no-repeat left top}
.tower_architecture #inner {margin-top: 10px}
.tower_architecture #container2 {position: absolute; left: 481px; height: 440px; width: 458px; background: url(../images/tower.architecture/IMG_Architecture_overlay.png) no-repeat left top}
.tower_architecture #container2 .content {margin: 66px 32px}
.tower_architecture #container1 {position: absolute; left: 38px; top: 24px; width: 415px}

/* Tower : Ownership */

.tower_ownership #bg_shot {position: absolute; width: 446px; height: 166px; left: 21px; top: 418px; background: url(../images/tower.ownership/IMG_Ownership.jpg) no-repeat left top}
.tower_ownership #inner {margin-top: 10px}
.tower_ownership #container2 {position: absolute; left: 418px; top: 0px; height: 439px; width: 523px; background: url(../images/tower.ownership/IMG_Owner_Shape.png) no-repeat left top}
.tower_ownership #container2 .content {margin: 66px 20px 0px 42px}
.tower_ownership #container1 {position: absolute; left: 36px; top: 0px; width: 356px}

/* Experience */

.experience #bg_shot {position: absolute; width: 425px; height: 424px; left: 21px; top: 160px; background: url(../images/experience/IMG_Experience.jpg) no-repeat left top}
.experience #inner {margin-top: 15px}
.experience #container2 {position: absolute; left: 401px; height: 271px; width: 538px; background: url(../images/experience/IMG_Exp_overlay.png) no-repeat left top}
.experience #container1 {position: absolute; left: 447px; top: 278px; width: 490px}

/* Experience : Professional Amenities */

.experience_professionalamenities #bg_shot {position: absolute; width: 425px; height: 424px; left: 21px; top: 226px; background: url(../images/experience.professionalamenities/IMG_Amenities.jpg) no-repeat left top}
.experience_professionalamenities #inner {margin-top: 28px}
.experience_professionalamenities #container2 {position: absolute; top: 92px; left: 339px; height: 337px; width: 602px; background: url(../images/experience.professionalamenities/IMG_Amenities_overlay.png) no-repeat left top}
.experience_professionalamenities #container2 .content {padding: 48px 80px;}
.experience_professionalamenities #container2 p {line-height: 14px; margin-bottom: 14px}
.experience_professionalamenities #container1 {position: absolute; left: 360px; top: 0px; width: 490px}

/* Experience : Executive Services */

.experience_executiveservices #bg_shot {position: absolute; width: 425px; height: 424px; left: 21px; top: 226px; background: url(../images/experience.executiveservices/IMG_Services.jpg) no-repeat left top}
.experience_executiveservices #inner {margin-top: 28px}
.experience_executiveservices #container2 {position: absolute; top: 112px; left: 339px; height: 337px; width: 602px; background: url(../images/experience.executiveservices/IMG_Services_overlay.png) no-repeat left top}
.experience_executiveservices #container2 .content {padding: 48px 80px;}
.experience_executiveservices #container2 p {line-height: 14px; margin-bottom: 14px}
.experience_executiveservices #container1 {position: absolute; left: 360px; top: 0px; width: 490px}

/* Experience : Sustainability & Technology */

.experience_sustainabilityandtechnology #bg_shot {position: absolute; width: 425px; height: 424px; left: 594px; top: 252px; background: url(../images/experience.sustainabilityandtechnology/IMG_Sustainability.jpg) no-repeat left top}
.experience_sustainabilityandtechnology #inner {margin-top: 28px}
.experience_sustainabilityandtechnology #container2 {position: absolute; top: 116px; left: 0px; height: 337px; width: 602px; background: url(../images/experience.sustainabilityandtechnology/IMG_Sustainability_overlay.png) no-repeat left top}
.experience_sustainabilityandtechnology #container2 .content {padding: 40px 70px 40px 24px;}
.experience_sustainabilityandtechnology #container2 p {line-height: 14px; margin-bottom: 14px}
.experience_sustainabilityandtechnology #container1 {position: absolute; left: 256px; top: 0px; width: 592px}

/* Location */

.location #bg_shot {position: absolute; width: 729px; height: 424px; left: 231px; top: 160px; background: url(../images/location/IMG_Location.jpg) no-repeat left top}
.location #inner {margin-top: 16px}
.location #container2 {position: absolute; left: 0px; height: 228px; width: 331px; background: url(../images/location/IMG_Location_overlay.png) no-repeat left top}
.location #container1 {position: absolute; left: 0px; top: 246px; width: 186px}
.location #content div.sectionhead {margin-left: 24px; margin-top: 42px}

/* Location : Back Bay */

.location_backbay #bg_shot {position: absolute;top:122px; left: 21px;background: url(../images/location.backbay/IMG_BB_Main.jpg) no-repeat 0px 0px; margin-top: 42px; height: 369px; overflow: hidden;}
.location_backbay #content {}
.location_backbay #content #inner {position: absolute; z-index:1; padding-top: 2px}
.location_backbay #content #container1 {position: absolute; left: 468px; width: 330px; margin-top: 26px; zoom: 1; position: relative}
.location_backbay #content #container2 {clear: both; float: right; width: 521px; height: 338px; padding-top: 46px; background: url(../images/location.backbay/IMG_BackBay_overlay.png) no-repeat 0px 0px;}
.location_backbay #content #container2 .content {margin-right: 40px;}

/* Location : Transportation */

.location_transportation #bg_shot {position: absolute;top:122px; left: 21px;background: url(../images/location.transportation/IMG_Transportation_Main.jpg) no-repeat 0px 0px; margin-top: 42px; height: 369px; overflow: hidden;}
.location_transportation #content {}
.location_transportation #content #inner {position: absolute; z-index:1; padding-top: 2px}
.location_transportation #content #container1 {position: absolute; left: 468px; width: 446px; margin-top: 26px; zoom: 1; position: relative}
.location_transportation #content #container2 {clear: both; margin-top: 6px; float: right; width: 521px; height: 338px; padding-top: 36px; background: url(../images/location.transportation/IMG_Transportation_overlay.png) no-repeat 0px 0px;}
.location_transportation #content #container2 .content {width: 260px;}

/* Inquire */

.inquire #bg_shot {position: absolute; width: 474px; height: 302px; left: 21px; top: 287px; background: url(../images/inquire/IMG_Inquire.jpg) no-repeat left top}
.inquire #inner {margin-top: 10px}
.inquire #container2 {position: absolute; left: 446px; top: 173px; height: 263px; width: 493px; background: url(../images/inquire/IMG_Inquire_overlay.png) no-repeat left top}
.inquire #container2 .content {margin: 46px 0px 0px 70px}
.inquire #container1 {position: absolute; left: 256px; top: 0px; width: 470px}

.inquire #error {display: none; position: absolute; left: 874px; top: 376px; width: 80px; color: #cc0000}
.inquire #error ul {margin: 0px; padding: 0px;}
.inquire #error ul li {margin: 8px 0px 0px 0px; padding: 0px; list-style-type: none}

/* Tenants */

.tenants #bg_shot {position: absolute; width: 474px; height: 328px; left: 21px; top: 261px; background: url(../images/tenants/IMG_Tenants.jpg) no-repeat left top}
.tenants #inner {margin-top: 10px}
.tenants #container2 {position: absolute; left: 446px; top: 96px; height: 301px; width: 494px; background: url(../images/tenants/IMG_Tenants_overlay.png) no-repeat left top}
.tenants #container2 .content {margin: 46px 0px 0px 70px}
.tenants #container1 {position: absolute; left: 256px; top: 0px; width: 470px}
.tenants #form {width: 400px}

.tenants #error {display: none; position: absolute; left: 707px; top: 288px; width: 300px; color: #cc0000}
.tenants #error ul {margin: 0px; padding: 0px;}
.tenants #error ul li {margin: 8px 0px 0px 0px; padding: 0px; list-style-type: none}

/* News */

.news #bg_shot {position: absolute;top:158px; left: 21px; background: url(../images/news/IMG_News.jpg) no-repeat 0px 0px; height: 328px; overflow: hidden;}
.news #inner {margin-top: 10px}
.news #container1 {position: absolute; left: 256px; top: 0px; width: 470px}
.news #container2 {position: absolute; left: 206px; top: 55px; height: 394px; width: 735px; background: url(../images/news/IMG_News_overlay.png) no-repeat left top}
.news #content #container2 .content {padding: 50px 40px 0px 50px}

/* Terms of Use and Privacy Policy */

.tou #content {width: 600px; margin-left: 38px}