/*****************************/
/*** Core html setup stuff ***/
/*****************************/
body{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:13px;
color:#5b5b5b;
line-height:20px;
background:#1A1A1A;
margin:0;
padding:0;
}
html {
height: 100%;
margin-bottom: 1px;
}
form {
margin: 0;
padding: 0;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: none;
font-weight: normal;
cursor:pointer;
}
a:active, a:focus {
outline:none;
}
a{
color:#008bcf;
outline:none;
}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 0px; }
h3{font-size:20px;}
img { border: 0 none; }
.clrDiv{ clear:both;}
hr { color:#dedede;}
* :focus{
outline:none;
}
dl {
margin: 0;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
/*Top*/
#tr-top{
background:#1c1c1c;
height:118px;
background:url(../images/header-gradient.png) repeat-x top left;
}
#tr-top-inner{
width:930px;
margin:0 auto;
}
#tr-logo{
float:left;
width:184px;
margin-left:5px;
}
#tr-slogan{
margin-top: 81px;
float: right;
width: 270px;
}
#tr-slogan .moduletable{
padding-left:15px;
}
#tr-search{
float:right;
background:url(../images/bg_search.jpg) no-repeat top right;
width:400px;
text-align:right;
color:#fff;
font-size:20px;
}
#tr-search div.search{
padding:5px;
}
#tr-search .inputbox{
background:none;
border:none;
width:240px;
color:#fff;
}
#tr-search .button{
background:none;
border:none;
text-indent:-999px;
padding:0px 10px;
}
/*Main Menu*/
#tr-mainnav{
height:36px;
background:#000;
border-top:1px solid #1b1b1b;
border-bottom:1px solid #1b1b1b;
}
#tr-mainnav-inner{
width:930px;
margin:0 auto;
}
#tr-mainnav .moduletable_menu{
position:relative;
background:transparent;
}
#tr-mainnav ul{
list-style:none;
margin:0;
padding:0;
display:block;
}
#tr-mainnav ul li{
display:block;
float:left;
text-align:left;
}
#tr-mainnav ul.menu > li {
border-left: 1px solid #333;
padding: 0 23px;
position: relative;
text-align: center;
}
#tr-mainnav ul.menu > li:hover,
#tr-mainnav ul.menu > li.active {
background-color: #333;
}
#tr-mainnav li.active a,
#tr-mainnav li:hover a{
}
#tr-mainnav li li.last{
border-bottom:1px solid #1b1b1b;
}
#tr-mainnav li a{
color:#fff;
font-family: 'Montserrat', sans-serif;
font-size:12px;
display:block;
line-height:36px;
font-weight:normal;
text-transform:uppercase;
}
#tr-mainnav li:hover li a{
background-color: transparent;
}
#tr-mainnav li.active li a{
background-color: transparent;
}
#tr-mainnav li ul{
position:absolute;
bottom:36px;
left: 0;
height:0;
overflow:hidden;
z-index:9999;
background-color: #1b1b1b;
width:170px;
display:block;
-webkit-transition:height 400ms ease-in-out;
-moz-transition:height 400ms ease-in-out;
-o-transition:height 400ms ease-in-out;
-ms-transition:height 400ms ease-in-out;
transition:height 400ms ease-in-out;
}
#tr-mainnav li:hover ul, #tr-mainnav li.toggle-open ul {
-webkit-transition:height 400ms ease-in-out;
-moz-transition:height 400ms ease-in-out;
-o-transition:height 400ms ease-in-out;
-ms-transition:height 400ms ease-in-out;
transition:height 400ms ease-in-out;
}
#tr-mainnav li.active ul {
}
#tr-mainnav ul li ul li{
display:block;
float:none;
text-align:left;
background:#333;
border-top:1px solid #1b1b1b;
}
#tr-mainnav ul li ul .first{
}
#tr-mainnav li li a{
color:#ededed;
font-size:11px;
font-weight:normal;
border:none;
text-transform:none;
line-height:28px;
padding: 0 12px;
display:block;
text-indent: 2px;
font-family: 'Montserrat', sans-serif;
}
#tr-mainnav li li:hover,
#tr-mainnav li li.active{
background:#505050;
}
#tr-mainnav li li:hover a,
#tr-mainnav li li.active a{
}
#tr-mainnav li li#current a{
}
#tr-mainnav ul.menu > li.item-145 {
background-color: #ccc;
}
#tr-mainnav ul.menu > li.item-145 > a {
color: #000;
}
#tr-mainnav ul.menu > li.item-145:hover, #tr-mainnav ul.menu > li.item-145.active {
background-color: #333;
}
#tr-mainnav ul.menu > li.item-145:hover > a, #tr-mainnav ul.menu > li.item-145.active > a {
color: #fff;
}
/* ||||||||||||||||||||||| CUSTOM IMAGE MENU COLOR ||||||||||||||||||||||| */
#tr-mainnav .item-112 {
display:none;
}
/*
#tr-mainnav .item-112:hover, #tr-mainnav .item-112.active {
background-position:0 -36px;
}
*/
/*.item2 is the Location tab*/
#tr-mainnav ul.menu > li.item-2{
/*width:157px;
height:36px;
background:url(../images/nav-sprite.png) no-repeat;
background-position:-300px 0;
text-indent:-99999px;*/
}
/*
#tr-mainnav .item-2:hover, #tr-mainnav .item-2.active {
background-position:-300px -36px;
}
*/
#tr-mainnav .item-2 ul {
width:157px;
margin-left:-1px;
}
#tr-mainnav .item-2:hover ul, #tr-mainnav li.item-2.toggle-open ul {
height:88px;
}
/*item4 is the colorful Offices Sound Stages Production section*/
#tr-mainnav ul.menu > li.item-4{
border-left: none !important;
width:299px;
height:36px;
background:url(../images/nav-sprite.png) no-repeat;
background-position:0 0;
padding: 0;
text-indent:-99999px;
}
#tr-mainnav .item-4 ul {
width:299px;
}
#tr-mainnav .item-4:hover ul {
height:291px;
}
#tr-mainnav .item-4:hover, #tr-mainnav .item-4.active {
background-position:0 -36px;
}
#tr-mainnav .item-4 li a {
text-indent:2px;
}
#tr-mainnav .item-4 ul{
position:absolute;
top:36px;
height:0;
overflow:hidden;
z-index:9999;
display:block;
}
/* ||||||||||||||||||||||| CUSTOM IMAGE MENU NON COLOR ||||||||||||||||||||||| */
/*.item5 is the about button*/
#tr-mainnav ul.menu > li.item-5{
/*width:118px;
height:36px;
background:url(../images/nav-sprite.png) no-repeat;
background-position:-435px 0;
text-indent:-99999px;*/
}
/*
#tr-mainnav .item-5:hover, #tr-mainnav .item-5.active {
background-position:-435px -36px;
}
*/
#tr-mainnav .item-5:hover ul, #tr-mainnav li.item-5.toggle-open ul {
height:88px;
}
/*.item7 is the future development button*/
#tr-mainnav ul.menu > li.item-7{
/*width:217px;
height:36px;
background:url(../images/nav-sprite.png) no-repeat;
background-position:-531px 0;
text-indent:-99999px;*/
}
#tr-mainnav .item-7:hover ul {
height:176px;
}
/*
#tr-mainnav .item-7:hover, #tr-mainnav .item-7.active {
background-position:-531px -36px;
}
*/
/*.item110 is the team button*/
#tr-mainnav ul.menu > li.item-110 {
/*width:90px;
height:36px;
background:url(../images/nav-sprite.png) no-repeat;
background-position:-726px 0;
text-indent:-99999px;*/
}
#tr-mainnav .item-110:hover ul {
height:36px;
}
/*
#tr-mainnav .item-110:hover, #tr-mainnav .item-110.active {
background-position:-726px -36px;
}
*/
/*#tr-mainnav .item8{
width:103px;
height:36px;
overflow:hidden;
background:url(../images/nav-sprite.png) no-repeat;
background-position:0 0;
text-indent:-99999px;
}
#tr-mainnav .item8 ul {
width:187px;
}
#tr-mainnav .item8:hover ul {
height:72px;
}
#tr-mainnav .item8:hover, #tr-mainnav .item8.active {
background-position:0 -36px;
}*/
#tr-mainnav ul.menu > li.item-9{
/*width:133px;
height:36px;
background:url(../images/nav-sprite.png) no-repeat;
background-position:-818px 0;
text-indent:-99999px;*/
}
/*
#tr-mainnav .item-9:hover, #tr-mainnav .item-9.active {
background-position:-818px -36px;
}
*/
#tr-right-inner .menu {
font-family: 'Helvetica', sans-serif;
}
/* ||||||||||||||||||||||| CUSTOM IMAGE MENU ENDS ||||||||||||||||||||||| */
/*Layout*/
.tr-home #tr-wrapper{
background:#222;
}
.tr-sub #tr-wrapper{
background:#222;
}
.tr-sub #tr-wrapper-inner{
padding:18px 0;
}
#tr-wrapper-inner{
width:930px;
margin:0 auto;
}
#tr-left{
float:left;
}
/*Content*/
#content {
}
.contentheading,
.componentheading, .item-page .page-header h2, .content-category h2 {
/* font-size:18px;
color:#020202;*/
/* padding-bottom:20px;*/
/* text-transform:uppercase;*/
font-family: 'Montserrat', sans-serif;
font-size: 22px;
font-weight: 100;
color: #5B5B5B;
margin: 0;
line-height: 23px;
padding-left: 0;
padding-bottom: 18px;
}
.content-item, .item-page {
font-family: 'Helvetica';
font-size:12px;
font-weight: 100;
}
.content-item p, .item-page p {
margin: 0;
font-weight: 100;
line-height: 20px;
margin-bottom: 20px;
}
.content-item h1, .item-page h1 {
font-size: 22px;
font-weight: 100;
color: #5B5B5B;
margin: 0;
line-height: 23px;
font-family: 'Montserrat', sans-serif;
}
.content-item h2, .item-page h2 {
font-size: 16px;
line-height: 0px;
font-weight: 100;
font-family: 'Montserrat', sans-serif;
}
/*Footer*/
#tr-footer {
background:url(../images/footer-bg.jpg) repeat-x;
height:225px;
border-top: 1px solid #282828;
position:relative;
}
#tr-footer-inner{
width:930px;
margin:0 auto;
padding-top:12px;
}
#tr-footer h3{
font-size:12px;
color:#ededed;
font-weight:normal;
margin:0;
padding:10px 0;
}
#tr-footer .moduletable{
float:left;
}
#tr-footer ul{
list-style:none;
padding:0;
margin:0;
width: 130px;
padding: 20px 0 0 140px;
text-align: center;
}
#tr-footer li{
list-style:none;
padding-right:23px;
}
#tr-footer li a{
color:#ededed;
font-size:10px;
text-decoration:none;
color:#bbb;
}
#tr-footer li a:hover{
color:#e2e2e2;
}
#tr-footer .footerleft{
width:258px;
}
#tr-footer .footerright{
width:140px;
}
#footer-offices {
width: 940px;
margin-right:10px;
}
#footer-sound-stages {
width:300px;
margin-left:-40px;
margin-right:40px;
}
#footer-offices li a{
color:#ededed;
}
#footer-offices li a:hover{
color:#ddd;
}
#footer-sound-stages li a{
color:#00ff00;
}
#footer-sound-stages li a:hover{
color:#ededed;
}
#footer-production li a{
color:#007CFF;
}
#footer-production li a:hover{
color:#ededed;
}
.footer-title-offices {
display: block;
margin-top:18px;
color:#ededed;
}
.footer-title-sound-stages {
display: block;
margin-top:18px;
color:#00ff00;
}
.footer-title-production {
display: block;
margin-top:18px;
color:#007CFF;
}
/*Copyright*/
#tr-copyright{
text-align:center;
color:#8e8e8e;
font-family: 'Verdana';
font-size:10px;
padding:30px 0 10px;
background:transparent;
margin-top: -80px;
}
#tr-copyright a{
color:#8e8e8e;
}
/*User*/
#tr-user{
width:930px;
margin:0 auto;
padding:20px 0 50px;
}
#tr-user h3{
font-size:14px;
text-transform:uppercase;
font-weight:normal;
margin:0 0 20px;
padding:10px 0 0;
border-bottom:1px solid #2e2e2e;
}
/*Home right*/
.tr-home #tr-right{
float:right;
width:193px;
}
.tr-home #tr-right-inner{
padding:30px 10px 0;
}
#tr-right h3{
font-size:14px;
font-family: 'Helvetica';
font-weight:normal;
margin:0;
padding:0 0 20px;
text-transform: uppercase;
}
.tr-home #tr-content-nlr{
margin-right:193px;
}
.footer-copyright {
position:absolute;
text-align: center;
bottom:20px;
left:50%;
margin-left:-126px;
}
.footer-copyright a {
color:#999;
}
/*Module Tab*/
.specs {
background:#444;
color:#ededed;
line-height: 1.4em;
border-top: 4px solid #ededed;
border-bottom: 4px solid #ededed;
font-size:11px;
}
.specs p {
font-weight:normal;
font-size:14px;
padding:12px 9px 12px 10px;
color:#ededed;
}
.specs tr {
}
.specs td{
padding:5px 0px 5px 10px;
}
.specs .td2 {
padding:5px 48px 5px 20px;
}
.rowbg {background:#333;}
.rowbg td{
background:#333;
padding:7px 0px 7px 10px;
}
.specs td.pafloor{
padding: 0 0 0 20px;
}
.rowlast td{
background:#333;
}
.images_hover{
display:none;
}
.specs-sound-stages {
border-top: 4px solid #00ff00;
border-bottom: 4px solid #00ff00;
}
.specs-production {
border-top: 4px solid #007cff;
border-bottom: 4px solid #007cff;
}
.speculations {
width: 299px;
height: 130px;
background: #5B5B5B;
display:block;
padding-top: 30px;
}
.speculations p {
font-weight:normal;
font-size:13px;
line-height: 1.75em;
color:#EDEDED;
}
.speculations-left {
float: left;
padding-left: 25px;
}
.speculations-right {
float: left;
padding-left: 45px;
}
.speculations-clear {
clear: both;
}
/* ||||||||||||||||||||BEGIN SPECULATIONS MODULE|||||||||||||||||||| */
.specs-mod {
display:block;
width: 300px;
padding: 0;
margin: 0;
background-color: #222;
}
.specs-mod-use {
width: 300px;
background: #5B5B5B;
height: 23px;
display: block;
margin-bottom: 3px;
}
.specs-mod-stage {
width: 300px;
background: #333;
height: 23px;
display: block;
margin-bottom: 3px;
}
.specs-mod-stage-title {
width: 300px;
display: block;
height: 23px;
line-height: 23px;
background-color: #ededed;
padding: 0 0 0 20px;
}
.specs-mod-left {
padding-left: 20px;
float: left;
width: 100px;
}
.specs-mod-left-warehouse {
padding-left: 20px;
float: left;
width: 161px;
}
.specs-mod-left-fd {
padding-left: 10px;
float: left;
width: 70px;
}
.specs-mod-stage-left {
padding-left: 20px;
float: left;
width: 100px;
}
.specs-mod-right {
float: left;
padding-left: 20px;
text-align: left;
}
.specs-mod-right-warehouse {
float: left;
padding-left: 10px;
text-align: left;
}
.specs-mod-right-fd {
float: left;
padding-left: 8px;
text-align: left;
}
.specs-mod p {
font-weight: normal;
font-size: 11px;
font-weight: 100;
line-height: 25px;
color: #EDEDED;
}
.specs-mod-stage-title h5 {
font-weight: 100;
font-size: 13px;
line-height: 24px;
color: #5b5b5b;
}
.specs-mod-clear {
margin: 0;
padding: 0;
height: 0;
clear: both;
}
.specssmalltext {
font-size: 12px;
}
.specs-mod-contact {
background: #5B5B5B;
width: 265px;
height: 230px;
display: block;
border-top: 2px solid white;
border-bottom: 2px solid white;
padding: 20px 0 0 35px;
}
.specs-mod-contact h3 {
font-size: 20px;
font-weight: 100;
color: #fff;
line-height: 37px;
margin: 0;
}
.specs-mod-contact h5 {
font-size: 16px;
font-weight: 100;
color: #fff;
margin: 12px 0 0 0;
}
.specs-mod-contact p {
font-size: 13px;
font-weight: 100;
color: #fff;
line-height: 19px;
padding-left: 30px;
margin: 0;
}
/* ||||||||||||||||||||END SPECULATIONS MODULE|||||||||||||||||||| */
/* ||||||||||||||||||||||| INTER ACTIVE MAPS ||||||||||||||||||||||| */
.active-map {
position:relative;
width:929px;
height:522px;
background:#222;
margin-bottom:20px;
display:block;
overflow:hidden;
font-family: 'Montserrat', sans-serif;
}
#r-map {
position:absolute;
left:1px;
top:1px;
width:927px;
height:520px;
overflow:hidden;
z-index:2;
}
.aerial-image {
background: url(/images/googleEarth.jpeg?t=1) no-repeat;
position:absolute;
border:1px solid #333;
left:0;
top:0;
width:927px;
height:520px;
z-index:1;
background-size: contain;
}
svg {
left:0 !important;
}
.map-label {
position:absolute;
background:#fff;
color:#000;
/*opacity:0.75;*/
padding:1px 12px 1px 12px;
font-size:12px;
/*font-weight:bold !important;*/
z-index:3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.75);
border: 1px solid #ffffff;
}
.map-label:hover {
background-color: rgb(28,28,28);
color: rgb(255,255,255);
}
#map-label-hope {
left: 158px;
top: 317px;
}
#map-label-stage-complex-1-and-3 {
left: 246px;
top: 415px;
}
#map-label-alameda {
left: 277px;
top: 481px;
}
#map-label-olive {
left: 582px;
top: 481px;
}
#map-label-california {
left: 642px;
top: 405px;
}
#map-label-magnolia {
left: 647px;
top: 339px;
}
#map-label-stage-complex-2-and-4 {
left: 580px;
top: 260px;
}
#map-label-fairway {
left: 444px;
top: 212px;
}
#map-label-stage-complex-9-and-11 {
left: 238px;
top: 95px;
}
#map-label-shop {
left: 320px;
top: 215px;
}
#map-label-bungalows {
left: 637px;
top: 261px;
}
#map-label-warehouse {
left: 527px;
top: 114px;
}
#map-label-future {
left: 564px;
top: 105px;
}
#map-label-stage5 {
top: 369px;
left: 470px;
}
#map-label-stage7 {
top: 296px;
left: 450px;
}
.active-map-mini {
position:relative;
width:300px;
height:211px;
background:#222;
display:block;
overflow:hidden;
border-top:4px solid #ededed;
}
#m-map {
position:absolute;
left:0;
top:0;
width:300px;
height:211px;
overflow:hidden;
z-index:2;
}
.aerial-image-mini {
background: url(../images/aerial-image-mini2.jpg) no-repeat;
position:absolute;
left:0;
top:0;
width:300px;
height:211px;
z-index:1;
}
.m-map-label {
padding: 4px 0 0 20px;
height: 23px;
background: #ededed;
color:#5b5b5b;
font-weight: 100;
z-index:4;
margin-bottom: 3px;
/*border-top:1px solid #e2e2e2;*/
/*border-bottom:4px solid #fff;
*/}
/* ||||||||||||||||||||||| INTER ACTIVE MAPS END ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| FLOOR PLAN IMAGE GALLERY ||||||||||||||||||||||| */
.image-area-wrap {
width:594px;
height:470px;
display:block;
margin-bottom:18px;
position:relative;
}
.image-area img{
width:592px;
height:468px;
}
.image-caption {
position: absolute;
padding: 3px 8px 2px 8px;
top: 0;
left: 0;
}
.image-thumb {
margin:0 18px 18px 0;
width:219px;
height:175px;
float:left;
cursor:pointer;
}
.image-thumb img{
width:217px;
height:147px;
}
.image-thumb p {
padding:3px 0 2px 8px;
}
.img-area-sound-stages {
border:1px solid #00ff00;
}
.img-caption-sound-stages {
background:#00ff00;
}
.img-thumb-sound-stages img{
border:1px solid #00ff00;
}
.img-thumb-sound-stages p{
background:#00ff00;
}
.img-area-production {
border:1px solid #007cff;
}
.img-caption-production {
background:#007cff;
color:#fff;
}
.img-thumb-production img{
border:1px solid #007cff;
}
.img-thumb-production p{
background:#007cff;
color:#fff;
}
#tr-right-inner .moduletable {
/* margin-bottom:36px;
margin-top:-18px;*/
/* font-family: 'Open Sans Condensed', sans-serif;
background: #1A1A1A;
color: #EDEDED;*/
position: absolute;
right: 3px;
top:3px;
}
.mini-map {
font-family: 'Helvetica', sans-serif;
background:#1A1A1A;
}
.mini-map p {
padding:3px 0 2px 8px;
text-transform: uppercase;
}
.mini-map {
border-top: 4px solid #ededed;
border-bottom: 4px solid #ededed;
}
#mini-map-the-magnolia-building {
background: url(../images/mini-map.jpg) no-repeat;
width:300px;
height:211px;
display:block;
}
/* ||||||||||||||||||||||| FLOOR PLANS IMAGE GALLERY END ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN AREA TENANTS PAGE ||||||||||||||||||||||| */
p.shortp {
margin-top: -10px;
}
.img594-map {
position: relative;
padding: 0;
margin: 0;
width: 594px;
height: 396px;
background: url('../images/area-tenants.png');
background-repeat: no-repeat;
/* margin: 18px 0 0 0; */
float: left;
}
.img594 {
position: relative;
padding: 0;
margin: 0;
width: 594px;
height: 396px;
margin: 18px 0 0 0;
}
.img893 {
position: relative;
padding: 0;
width: 893px;
height: 595px;
margin: 0;
}
.img893vert{
position: relative;
padding: 0;
width: 893px;
height: 699px;
margin: 0;
}
.copy594 {
width: 100%;
/* margin: 20px 0;*/
padding-top: 5px;
}
.copy594 h1 {
margin-bottom: 10px;
}
.reddot {
width: 18px; height: 18px;
background-color: #e02226;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
text-align: center;
color: #fff;
font-weight: 100;
font-size: 10px;
line-height: 18px;
position: absolute;
cursor: pointer;
}
.reddotmapactive {
background-color: #0000ff;
}
#reddot1 {
left: 374px;
top: 287px;
}
#reddot2 {
left: 323px;
top: 270px;
}
#reddot3 {
left: 43px;
top: 323px;
}
#reddot4 {
left: 501px;
top: 76px;
}
#reddot5 {
left: 339px;
top: 275px;
}
#reddot6 {
left: 304px;
top: 280px;
}
#reddot7 {
left: 398px;
top: 256px;
}
#reddot8 {
left: 389px;
top: 296px;
}
#reddot9 {
left: 409px;
top: 256px;
}
#reddot10 {
/* left: 376px;
top: 239px;*/
left: 410px;
top: 268px;
}
#reddot11 {
left: 390px;
top: 241px;
}
#reddot12 {
left: 309px;
top: 267px;
}
#reddot13 {
/*left: 393px;
top: 271px;*/
left: 314px;
top: 2px;
}
#reddot14 {
/*left: 371px;
top: 36px;*/
left: 386px;
top: 254px;
}
#reddot15 {
/*left: 256px;
top: 359px;*/
left: 393px;
top: 271px;
}
#reddot16 {
left: 368px;
top: 32px;
}
#reddot17 {
left: 256px;
top: 359px;
}
#reddot18 {
/* left: 356px;
top: 280px;*/
left: 380px;
top: 220px;
}
#reddot19 {
/* left: 350px;
top: 264px;*/
left: 376px;
top: 239px;
}
#reddot20 {
/*left: 324px;
top: 17px;*/
left: 356px;
top: 26px;
}
#reddot21 {
left: 312px;
top: 14px;
}
#reddot22 {
/*left: 320px;
top: 253px;*/
left: 356px;
top: 280px;
}
#reddot23 {
/* left: 392px;
top: 313px;*/
left: 350px;
top: 264px;
}
#reddot24 {
top: 17px;
left: 325px;
}
#reddot25 {
/* left: 320px;
top: 225px;*/
left: 377px;
top: 303px;
}
#reddot26 {
left: 320px;
top: 253px;
}
#reddot27 {
/* left: 298px;
top: 11px;*/
left: 392px;
top: 313px;
}
#reddot28 {
/*left: 298px;
top: 11px;*/
left: 466px;
top: 125px;
}
#reddot29 {
left: 336px;
top: 316px;
}
#reddot29a {
left: 297px;
top: 227px;
}
#reddot30 {
/*left: 298px;
top: 11px;*/
left: 335px;
top: 259px;
}
#reddot31 {
left: 298px;
top: 11px;
}
.area-tenants {
float: left;
padding-left: 3px;
width:893px;
}
/*.area-tenants-module {
float: left;
clear: left;
}*/
.area-tenants-1 {
float: left;
width: 140px;
height: 390px;
margin-left: 10px;
background-color: #fff;
padding-top: 6px;
}
.area-tenants-2 {
float: left;
width: 137px;
height: 390px;
margin-left: 9px;
background-color: #fff;
padding-top: 6px;
}
.reddotactive {
background-color: #0000ff !important;
}
/* ||||||||||||||||||||||| END AREA TENANTS ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN AREA TENANTS MODULE ||||||||||||||||||||||| */
/*.test-content-module {
display: block;
background-color: #FFFFFF;
width: 300px;
position: absolute;
/*padding: 18px;
}*/
.burbank-highlights {
width:893px;
}
.area-tenants-module, .burbank-highlights-module {
background-color: #5B5B5B;
height: 610px;
padding: 20px;
border-top: 3px solid white;
border-bottom: 3px solid white;
width: 300px;
}
.area-tenants-module h3, .burbank-highlights-module h3 {
color: #EDEDED;
font-size: 16px;
line-height: 16px;
font-weight: 100 !important;
margin: 0px;
padding-left: 40px;
padding-top: 0;
}
.burbank-highlights-module {
height: 520px;
}
.burbank-highlights-module h3 {
padding-left: 0;
}
.burbank-highlights-module ul {
padding-left: 0px
}
.burbank-highlights-module li {
font-size: 13px;
font-weight: 100;
line-height: 23px;
color: #EDEDED;
}
.burbank-highlights-inset {
padding-left: 40px;
}
.reddot-module {
width: 18px; height: 18px;
background-color: #e02226;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
text-align: center;
color: #fff;
font-weight: 100;
font-size: 10px;
line-height: 18px;
position: absolute;
cursor: pointer;
}
.reddotname {
cursor: pointer;
}
.reddot-logo {
position: absolute;
left: 30px;
width: 60px;
width: 80px;
height: 20px;
}
.logo-1 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
}
.logo-2 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -20px;
}
.logo-3 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -40px;
}
.logo-4 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -60px;
}
.logo-5 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -80px;
}
.logo-6 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -100px;
}
.logo-7 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -120px;
}
.logo-8 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -140px;
}
.logo-9 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -160px;
}
.logo-10 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -180px;
}
.logo-11 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -200px;
}
.logo-12 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -220px;
}
.logo-13 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -240px;
}
.logo-14 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -260px;
}
.logo-15 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -280px;
}
.logo-16 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -300px;
}
.logo-17 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -320px;
}
.logo-18 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -340px;
}
.logo-19 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -360px;
}
.logo-20 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -380px;
}
.logo-21 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -400px;
}
.logo-22 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -420px;
}
.logo-23 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -440px;
}
.logo-24 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -460px;
}
.logo-25 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -480px;
}
.logo-26 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -500px;
}
.logo-27 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -520px;
}
.logo-28 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -540px;
}
.logo-29 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -560px;
}
.logo-30 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -580px;
}
.logo-31 {
background: url('../images/tenant-logo-sprite.jpg');
background-repeat: none;
background-position: 0 -600px;
}
.tenant-row {
height: 24px;
margin-left: 10px;
cursor: pointer;
position: relative;
}
.tenant-row p {
font-weight: 100;
font-size: 8px;
line-height: 8px;
color: #545454;
padding-left: 27px;
padding-top: 5px;
text-indent: -99999px;
}
/* ||||||||||||||||||||||| END AREA TENANTS MODULE ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN BURBANK HIGHLIGHTS ||||||||||||||||||||||| */
.burbank-highlights-map {
position: relative;
padding: 0;
margin: 0;
width: 594px;
height: 396px;
background: url('../images/burbank-highlights.jpg');
background-repeat: no-repeat;
float: left;
}
.burbank-highlights-list-1 {
float: left;
width: 140px;
height: 357px;
margin-left: 10px;
background-color: #fff;
}
.burbank-highlights-list-2 {
float: left;
width: 140px;
height: 357px;
margin-left: 9px;
background-color: #fff;
margin-bottom: 20px;
}
.burbank-highlights-list-1 ul, .burbank-highlights-list-2 ul {
padding: 0 0 0 25px;
margin: 0;
line-height: 1em;
}
.burbank-highlights-list-1 li, .burbank-highlights-list-2 li {
color: #5B5B5B;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 11px;
padding: 4px 0;
}
.burbank-highlights-list-2 ul {
}
.burbank-highlights-list-1 p {
color: #5B5B5B;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 10px;
padding-left: 4px;
padding-top: 10px;
margin-bottom: 0;
}
.burbank-highlights-title {
font-family: 'Montserrat', sans-serif;
float: left;
width: 278px;
background: white;
padding: 4px 0 4px 11px;
margin: 0 0 10px 10px !important;
}
/* ||||||||||||||||||||||| END BURBANK HIGHLIGHTS ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN SPACE OVERVIEW ||||||||||||||||||||||| */
.space-overview p {
/*padding: 0 10px 0 10px;*/
width: 100%;
}
.so-title-row {
width: 100%;
height: 40px;
background-color: #5B5B5B;
clear: left;
margin-bottom: 5px;
}
.so-title-row h2 {
color: #EDEDED;
font-weight: 100;
line-height: 40px;
padding-left: 12px;
font-size: 16px;
margin: 0;
}
.so-row, .so-row-b {
width: 100%;
height: 20px;
background-color: #c5c5c5;
clear: left;
margin-bottom: 5px;
}
.so-row-b {
font-weight: 400;
}
.so-left {
float: left;
width: 50%;
padding-left: 18px;
}
.so-right {
float: left;
width: 88px;
text-align: right;
}
.so-1 {
float: left;
width: 16%;
padding-left: 18px;
}
.so-2 {
float: left;
width: 16%;
}
.so-3 {
float: left;
width: 16%;
}
.so-4 {
float: left;
width: 16%;
}
.so-5 {
float: left;
width: 16%;
}
.so-6 {
float: left;
width: 16%;
}
/* ||||||||||||||||||||||| END SPACE OVERVIEW ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN STUDIO AMENITIES ||||||||||||||||||||||| */
.studio-amenities {
width:900px;
}
.img192 {
width: 192px;
height: 192px;
float: left;
margin-right: 8px;
display: block;
position:relative;
}
.img291 {
width: 291px;
height: 194px;
float: left;
margin-right: 10px;
display: block;
position:relative;
}
.img291-alt-first {
width: 291px;
height:198px;
float: left;
margin-right: 10px;
display: block;
position:relative;
margin-bottom:30px;
}
.img291-alt {
width: 291px;
height:198px;
float: left;
margin-right: 0;
display: block;
position:relative;
margin-bottom:30px;
}
.img192-last {
width: 192px;
height: 192px;
float: left;
position:relative;
}
.img291-last {
width: 291px;
height: 194px;
float: left;
display: block;
position:relative;
}
.imgrow {
width: 893px;
height: 194px;
display: block;
margin: 0 0 30px 0;
}
.imglabel {
position: absolute;
display: block;
bottom: -20px;
left: 0px;
width: 100%;
height: 18px;
}
.imglabel p {
color: #545454;
font-size: 11px;
font-weight: 100;
text-align: left;
}
.zoomin {
display: block;
position: relative;
bottom: 25px;
width: 19px;
height: 23px;
opacity: 0;
padding-left: 3px;
-webkit-transition:opacity 300ms ease-in-out;
-moz-transition:opacity 300ms ease-in-out;
-o-transition:opacity 300ms ease-in-out;
-ms-transition:opacity 300ms ease-in-out;
transition:opacity 300ms ease-in-out;
}
.img442:hover .zoomin, .img442-last:hover .zoomin, .img291:hover .zoomin, .img291-last:hover .zoomin, .img192:hover .zoomin, .img192-last:hover .zoomin, .img291-alt-first:hover .zoomin, .img291-alt:hover .zoomin {
opacity: .7;
-webkit-transition:opacity 300ms ease-in-out;
-moz-transition:opacity 300ms ease-in-out;
-o-transition:opacity 300ms ease-in-out;
-ms-transition:opacity 300ms ease-in-out;
transition:opacity 300ms ease-in-out;
}
.img442 {
width: 442px;
height: 295px;
float: left;
margin-right: 10px;
display: block;
position:relative;
margin-bottom:30px;
}
.img442-last {
width: 442px;
height: 295px;
float: left;
margin-right: 0;
display: block;
position:relative;
margin-bottom:30px;
}
.imgclear {
clear: both;
}
/* ||||||||||||||||||||||| END STUDIO AMENITIES ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN OWNERSHIP ||||||||||||||||||||||| */
.ownership-logos {
margin: 10px 38px 0px 1px;
}
.ownership .imglabel p {
font-size: 11px;
}
.ownership h2 {
margin: 35px 0 15px 0;
}
.ownershiph2 {
margin: 55px 0 15px 0 !important;
}
/* ||||||||||||||||||||||| END OWNERSHIP ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN PHOTO GALLERY ||||||||||||||||||||||| */
.photo-gallery h1 {
margin-bottom: 18px;
}
/* ||||||||||||||||||||||| END PHOTO GALLERY ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN FUTURE DEVELOPMENT ||||||||||||||||||||||| */
.img594vert {
position: relative;
padding: 0;
margin: 0;
width: 594px;
height: 494px;
margin: 0;
}
/* ||||||||||||||||||||||| END FUTURE DEVELOPMENT ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN CONTACT ||||||||||||||||||||||| */
/*.contact {
position: relative;
min-height: 340px;
margin-top: 50px;
margin-bottom: 100px;
}
.contactworthe {
float: left;
width: 251px;
height: 51px;
background: url('../images/contact-logos.png');
background-position: 0 -160px;
background-repeat: no-repeat;
margin-left: 40px;
margin-top: 105px;
}
.contactworthe p {
font-family: Montserrat, sans-serif;
margin-top: 69px;
font-weight: 100;
line-height: 20px;
margin-bottom: 20px;
}
.contactstockbridge {
float: left;
width: 243px;
height: 31px;
background: url('../images/contact-logos.png');
background-position: 0 -257px;
background-repeat: no-repeat;
margin-left: 40px;
margin-top: 168px;
clear: left;
}
.contacttheburbankstudios {
float: left;
width: 291px;
height: 154px;
background: url('../images/contact-logos.png');
background-position: 0 0;
background-repeat: no-repeat;
margin-left: 10px;
}
.contacttheburbankstudios p {
font-family: Montserrat, sans-serif;
margin-top: 172px;
font-weight: 100;
line-height: 20px;
margin-bottom: 20px;
padding-left: 40px;
}
.contactjll {
float: right;
width: 251px;
height: 46px;
background: url('../images/contact-logos.png');
background-position: 0 -211px;
background-repeat: no-repeat;
margin-left: 48px;
margin-top: 109px;
}
.contactjll p {
font-family: Montserrat, sans-serif;
margin-top: 70px;
font-weight: 100;
line-height: 20px;
margin-bottom: 20px;
padding-left: 21px;
}*/
.contact {
position: relative;
min-height: 480px;
}
.contactwhite {
width: 893px;
height: 253px;
background-color: #fff;
margin-bottom: 15px;
}
.contactwhite h2 {
display: block;
font-size: 16px;
margin-bottom: 40px;
padding-top: 25px;
padding-left: 18px;
}
.contactleft {
float: left;
margin-left: 72px;
width: 273px;
/*outline: 1px solid green;*/
clear: left;
}
.contactleft p {
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 25px;
}
.contactmid {
float: left;
width: 273px;
/* outline: 1px solid blue;
*/}
.contactmid p {
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 25px;
}
.contactright {
float: right;
width: 273px;
/* outline: 1px solid red;
*/}
.contactright p {
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 25px;
}
.contactworthe {
float: left;
width: 251px;
height: 51px;
background: url('../images/contact-logos.png');
background-position: 0 -160px;
background-repeat: no-repeat;
clear: left;
margin-bottom: 20px;
margin-left: 72px;
}
.contactjll {
float: left;
width: 251px;
height: 46px;
background: url('../images/contact-logos.png');
background-position: 0px -211px;
background-repeat: no-repeat;
clear: left;
margin-bottom: 20px;
margin-left: 72px;
}
/* ||||||||||||||||||||||| END CONTACT ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| BEGIN STACKING PLAN ||||||||||||||||||||||| */
.bldg-title {
font-size: 18px;
color: #020202;
padding-bottom: 20px;
text-transform: uppercase;
font-weight:normal;
}
.bldg-letter {
font-weight:bold;
}
.gr-letter {
background: url(../images/gr-letter.gif) no-repeat;
background-position: 0 3px;
width:33px;
height:16px;
display:block;
float:left;
padding-left:6px;
}
.bldg-name {
}
.stacking-plan {
position:relative;
display:block;
clear:both;
font-size:12px;
margin-top:16px;
}
.stacking-titles {
font-size:12px;
float:left;
}
.st-floor {
display:inline;
float:left;
margin-right:12px;
}
.st-rsf {
display:inline;
float:left;
margin-right:41px;
padding-left: 5px;
}
.st-rsf-bungalow { /*specific to bungalow building*/
display:inline;
float:left;
margin-left:8px;
}
.st-bldg {
display:inline;
float:left;
padding-left: 5px;
}
.st-bldg-bungalow { /*specific to bungalow building*/
display:inline;
float:left;
margin-left: 50px;
}
.stacking-legend {
position:relative;
height:34px;
width:212px;
display:block;
position:absolute;
right:-19px;
top:-62px;
display:none;
}
.lb-container .stacking-legend {
position:relative;
height:34px;
width:212px;
display:block;
position:absolute;
right: -9px;
top: 5px;
font-family: 'Helvetica', sans-serif;
font-weight: 100;
display:none;
}
.legend-text {
float:left;
margin-left:10px;
}
#available-now {
margin:5px 0 0 5px;
width:104px;
height:23px;
line-height:23px;
float:left;
}
.legend-available {
height:21px;
width:21px;
border:1px solid #5B5B5B;
float:left;
}
#legend-amenities-wrap {
margin:5px 0 0 5px;
width:104px;
height:23px;
line-height:23px;
float:left;
display:none;
}
.legend-amenities {
height:21px;
width:21px;
border:1px solid #5B5B5B;
float:left;
}
#leased-until {
margin:5px 0 0 5px;
width:94px;
height:23px;
line-height:23px;
float:left;
}
.legend-leased {
height:21px;
width:21px;
border:1px solid #5B5B5B;
float:left;
background: url(../images/legend-leased.png) no-repeat;
}
.stacking-floor {
position:relative;
width:597px;
height:67px;
clear:both;
line-height:1.3em;
margin-top:-1px;
}
.floor-number {
text-align: center;
float:left;
width:32px;
height:67px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
border-right:1px solid #5B5B5B;
font-size:18px;
line-height: 67px;
margin-right:5px;
}
.floor-number-bungalow { /*specific to the bungalows building*/
text-align: center;
float:left;
width:64px;
height:67px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
border-right:1px solid #5B5B5B;
font-size:18px;
line-height: 67px;
margin-right:5px;
}
.floor-rsf {
text-align: center;
float:left;
width:58px;
height:67px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
border-right:1px solid #5B5B5B;
font-size:11px;
line-height: 67px;
margin-right:5px;
}
.floor-rsf-no-number {
text-align: center;
float:left;
width:58px;
height:49px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
border-right:1px solid #5B5B5B;
font-size:11px;
margin-right:5px;
padding-top: 18px;
line-height: 1.35em;
}
.floor-bldg {
float:left;
height:67px;
}
.floor-bldg p {
margin: 13px 0 0 8px;
line-height: 10px;
font-weight: 100;
}
.floor-bldg p.emph {
line-height: 0px;
margin: 0 0 0 8px;
font-weight: 500 !important;
line-height: 67px;
}
.floor-bldg p.emphtall {
margin-top: -13px;
line-height: 10px;
font-weight: 500 !important;
}
.floor-bldg p.emphshort {
margin: 8px 0 0 8px;
line-height: 11px;
font-weight: 500 !important;
}
.floor-bldg p.emphshort-top {
margin: 18px 0 0 8px;
line-height: 11px;
font-weight: 500 !important;
}
.floor-bldg-full {
width:487px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
border-right:1px solid #5B5B5B;
}
.floor-bldg-full.floor-bldg-nobuilding {
width: 552px;
}
.floor-bldg-full-bungalow { /*specific to the bungalow building*/
width:520px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
border-right:1px solid #5B5B5B;
}
.floor-bldg-100-top {
width:100px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-100-bottom {
width:100px;
height:68px;
border-left:1px solid #5B5B5B;
}
.floor-bldg-281-top {
width:279px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-281-bottom {
width:279px;
height:68px;
border-left:1px solid #5B5B5B;
}
.floor-bldg-30 {
width:30px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
position:relative;
}
.floor-bldg-35 {
width:35px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-45 {
width:46px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
position:relative;
}
.floor-bldg-65 {
width:65px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-68 {
width:68px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-73 {
width:73px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-95 {
width:92px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-104 {
width:104px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-112 {
width:111px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-124 {
width:124px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-142 {
width: 142px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-146 {
width: 146px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-150 {
width: 149px;
border-top: 1px solid #5B5B5B;
border-left: 1px solid #5B5B5B;
}
.floor-bldg-152 {
width: 149px;
border-top: 1px solid #5B5B5B;
border-left: 1px solid #5B5B5B;
}
.floor-bldg-160 {
width:160px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-187 {
width:186px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-192 {
width: 192px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-208 {
width:207px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-220 {
width: 220px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-244 {
width:243px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-252 {
width:252px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-271 {
width:271px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-273 {
width:265px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
border-right: 1px solid #5B5B5B;
}
.floor-bldg-281 {
width:279px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-286 {
width: 285px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-287 {
width:285px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-301 {
width:300px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-330 {
width:330px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-338 {
width:337px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-338.floor-bldg-nobuilding {
width: 402px;
}
.floor-bldg-490 {
width:488px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
border-right:1px solid #5B5B5B;
}
.floor-bldg-338-amenities {
width:336px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-150-center {
width:149px;
margin-left:169px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-150-center2 {
width:149px;
margin-left:67px;
margin-right:67px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-89.floor-bldg-150-center {
width:89px;
}
.floor-bldg-73.floor-bldg-150-center {
width:73px;
}
.floor-bldg-376 {
width:375px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-365 {
width:365px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-345 {
width:345px;
border-top:1px solid #5B5B5B;
border-left:1px solid #5B5B5B;
}
.floor-bldg-142-right {
width: 142px;
margin-left: 202px;
border-top: 1px solid #5B5B5B;
border-left: 1px solid #5B5B5B;
}
.floor-bldg-142-bottom {
width: 142px;
height: 68px;
border-left: 1px solid #5B5B5B;
}
.blank-color {
background:#e5eef7 !important;
}
.no-tborder {
border-top-color: transparent;
}
.section-info-absolute-1and3 {
position: absolute;
top: 38px;
left: 15px;
height:48px;
width:9px;
background: url(../images/section-info-absolute-1and3.png) no-repeat;
}
.section-info-absolute-1and3-text{
position: absolute;
top:33px;
}
.section-info-absolute-magnolia {
position: absolute;
top: 38px;
left: 22px;
height:48px;
width:9px;
background: url(../images/section-info-absolute-1and3.png) no-repeat;
z-index:8;
}
.section-info-absolute-magnolia-text{
width: 118px;
position: absolute;
top: 33px;
}
.floor-bldg-last {
border-right:1px solid #5B5B5B;
}
.stacking-floor-bottom {
border-bottom:1px solid #5B5B5B;
}
.empty-1px {
margin-top:-1px;
}
.leased {
background: #c4c1e0;
color:#000;
}
.leased-alt {
background: #c7d8f0;
color:#000;
}
.legend-amenities-color {
background: #ccc;
color:#000;
}
.commonarea {
background: #EDEDED;
color: #000;
}
.available {
background:#f1b80e;
color:#000;
}
.view-floor-plan-hint {
background-color: transparent;
background: url(../images/black75.png) repeat;
font-style:italic;
margin-top:7px;
height:37px;
width:402px;
line-height:40px;
color:#ededed;
text-indent:12px;
float:left;
}
.view-floor-plan-hint a.fancybox {
display: block;
color: #fff;
line-height: 37px;
text-transform: uppercase;
}
.view-floor-plan-hint a.fancybox:hover {
background: #ec0000;
}
.icon-floor-plan {
background: url(../images/icon-floor-plan.png) no-repeat;
height:21px;
width:23px;
display:block;
float:left;
margin: 8px 0 0 8px;
}
.view-floor-plan {
background-color: transparent;
background: url(../images/black75.png) repeat;
position:absolute;
height:69px;
width:593px;
display:block;
left:0;
top:0;
font-size:24px;
color:#ededed;
line-height:72px;
text-indent:165px;
display:none;
font-family: 'Montserrat', sans-serif;
z-index: 9;
}
.view-floor-plan .icon-floor-plan {
float:right;
position:absolute;
top:15px;
right:160px;
}
.download-pdf-list {
margin:0;
padding:0;
font-family: 'Montserrat', sans-serif;
margin:7px 0 0 6px;
position:relative;
width:185px;
height:37px;
float:left;
background:#454545;
display:block;
-webkit-transition:background-color 200ms ease-in-out;
-moz-transition:background-color 200ms ease-in-out;
-o-transition:background-color 200ms ease-in-out;
-ms-transition:background-color 200ms ease-in-out;
transition:background-color 200ms ease-in-out;
cursor:pointer;
}
.download-pdf-list:hover {
background:#ec0000;
-webkit-transition:background-color 200ms ease-in-out;
-moz-transition:background-color 200ms ease-in-out;
-o-transition:background-color 200ms ease-in-out;
-ms-transition:background-color 200ms ease-in-out;
transition:background-color 200ms ease-in-out;
}
.download-pdf-list ul {
opacity:0;
margin:0;
padding:0;
position:absolute;
z-index:9;
width:185px;
-webkit-transition:opacity 400ms ease-in-out;
-moz-transition:opacity 400ms ease-in-out;
-o-transition:opacity 400ms ease-in-out;
-ms-transition:opacity 400ms ease-in-out;
transition:opacity 400ms ease-in-out;
}
.download-pdf-list:hover ul {
opacity:1;
-webkit-transition:opacity 400ms ease-in-out;
-moz-transition:opacity 400ms ease-in-out;
-o-transition:opacity 400ms ease-in-out;
-ms-transition:opacity 400ms ease-in-out;
transition:opacity 400ms ease-in-out;
}
.download-pdf-list li {
list-style-type:none;
list-style:none;
padding:0;
margin:0;
}
.download-pdf-list li a {
font-size:12px;
line-height: 28px;
padding: 0 12px;
display:block;
text-transform:none;
text-decoration:none;
color:#fff;
background:#454545;
border-top: 1px solid #1b1b1b;
position:relative;
}
.download-pdf-list li a:hover {
background:#ff0000;
border-top: 1px solid #1b1b1b;
}
.download-pdf-inner {
width: 203px;
height: 37px;
background: url(../images/download-pdf-arrow.png) no-repeat;
display: block;
text-indent: 36px;
font-family: "Montserrat", sans-serif;
color: #fff;
font-size: 14px;
text-transform: uppercase;
line-height: 38px;
display:none;
}
.download-pdf-menu {
width: 203px;
height: 37px;
background: url(../images/download-pdf-arrow.png) no-repeat;
display: block;
text-indent: 36px;
font-family: "Montserrat", sans-serif;
color: #fff;
font-size: 14px;
text-transform: uppercase;
line-height: 38px;
}
.s-arrow {
width: 11px;
height: 12px;
background: url(../images/download-single-pdf-arrow.png) no-repeat;
display: block;
float:left;
position:absolute;
right:10px;
top:8px;
}
/* ||||||||||||||||||||||| STACKING PLAN END ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| STUDIO SHOWS: HOME PAGE ||||||||||||||||||||||| */
.moduletable_up_studio_show img{
height: auto;
width: 100%;
}
.moduletable_up_studio_show{
/* bottom: 316px;
position: absolute;
width: 100%; */
position: relative;
top: -19px;
width: 929px;
z-index: 1000;
}
.studio-show-wrap {
/* position:absolute;
left:0;
bottom:225px;
height:118px;
width:100%;
background:#2c2c2c;
border-top:1px solid #333;
border-bottom:1px solid #191919; */
/* bottom: 308px;
height: 118px;
left: 0;
position: absolute;
width: 100%; */
}
.innershow1{
height:36px;
}
.innershow2{
height:55px;
}
.studio-show-inner {
margin:0 auto;
width:930px;
position:relative;
}
.innershow1 .studio-show{
height:35px;
}
.innershow2 .studio-show{
height:54px;
}
.studio-show {
/* height:67px;
border:1px solid #4a4a4a; */
display:inline-block;
float:left;
text-indent:-9999px;
/* margin-top:24px; */
position:absolute;
}
#studio-show-01 {
width:120px;
left: 10px;
background: rgba(0, 0, 0, 0) url("../images/bg-lg-iheartradio.png") no-repeat scroll 0 0;
}
#studio-show-02 {
width:69px;
left: 23%;
background: rgba(0, 0, 0, 0) url("../images/bg-lg-days.png") no-repeat scroll 0px 0px;
}
#studio-show-03 {
width:81px;
left: 39%;
background: rgba(0, 0, 0, 0) url("../images/bg-lg-henry.png") no-repeat scroll 0px 0px;
}
#studio-show-04 {
width:85px;
left: 56%;
background: rgba(0, 0, 0, 0) url("../images/bg-lg-laura.png") no-repeat scroll 0px 0px;
}
#studio-show-05 {
background: rgba(0, 0, 0, 0) url("../images/bg-lg-arrow.png") no-repeat scroll 0px 0;
left: 74%;
width: 100px;
}
#studio-show-06 {
width:72px;
right: 5px;
background: rgba(0, 0, 0, 0) url("../images/bg-lg-game.PNG") no-repeat scroll 0px 0px;
}
#studio-show-07 {
background: rgba(0, 0, 0, 0) url("../images/bg-lg-dc-legend.png") no-repeat scroll 0px 0px;
left: 13%;
width: 89px;
top:1px;
}
#studio-show-08 {
background: rgba(0, 0, 0, 0) url("../images/bg-lg-flash.png") no-repeat scroll 0 0px;
left: 30.5%;
width: 82px;
top:9px;
}
#studio-show-09 {
background: rgba(0, 0, 0, 0) url("../images/bg-lg-supergirl.png") no-repeat scroll 0px 0px;
left: 48.5%;
width: 55px;
top:1px;
}
#studio-show-10 {
background: rgba(0, 0, 0, 0) url("../images/bg-lg-lucifer.png") no-repeat scroll 0px 0px;
left: 64%;
width: 108px;
top:9px;
}
#studio-show-11 {
background: rgba(0, 0, 0, 0) url("../images/bg-lg-blindspot.PNG") no-repeat scroll 0px 0px;
left: 84%;
width: 91px;
top:15px;
}
/* ||||||||||||||||||||||| STUDIO SHOWS END ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| PARTNER LOGOS: HOME PAGE; ||||||||||||||||||||||| */
.partner-logos-wrap {
/* position:absolute;
left:0;
bottom:346px;
height:90px;
width:100%;
background:transparent; */
background:url(../images/bg-footer-new.png) repeat-x top left;
bottom: 227px;
height: 85px;
left: 0;
position: absolute;
width: 100%;
}
.partner-logos-wrap .partner-logos-inner .partner-logo {
height:61px;
}
.partner-logos-wrap .partner-logos-inner{
height:61px;
}
.partner-logos-inner {
height:55px;
margin:0 auto;
width:930px;
position:relative;
margin-top:10px;
}
.partner-logo {
height:55px;
display:block;
text-indent:-9999px;
position:absolute;
}
#partner-logos-01 {
left:0;
background: rgba(0, 0, 0, 0) url("../images/bg-lg-wreg.PNG") no-repeat scroll 0px 0px;
width:188px;
}
#partner-logos-02 {
background: rgba(0, 0, 0, 0) url("../images/bg-lg-stockbridge.PNG") no-repeat scroll 0px 0px;
width:175px;
left:50%;
margin-left:-78px;
top:12px;
}
#partner-logos-03 {
right:0;
background: rgba(0, 0, 0, 0) url("../images/bg-lg-jll.PNG") no-repeat scroll 0px 0px;
width:100px;
top:5px;
}
/* ||||||||||||||||||||||| PARTNER LOGOS END ||||||||||||||||||||||| */
.blog {
float:left;
}
.home-p {
display:none;
}
/* THIS TEMPLATE ONLY REGULAR ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/*#tr-content-nl{
position:relative;
background: #ededed;
width:593px;
padding: 18px;
min-height:720px;
}
#tr-right{
position:absolute;
left:630px;
width:300px;
}*/
#tr-content-lf{
position:relative;
background: #ededed;
width:593px;
padding: 18px;
min-height:auto;
margin-left:300px;
}
#tr-left{
position:absolute;
width:300px;
}
/* ||||||||||||||||||||||| PAGE SPECIFIC CSS ||||||||||||||||||||||| */
#tr-left-inner .menu {
list-style-type:none;
margin:0;
padding:0;
width:300px;
height:100%;
}
#tr-left-inner .menu li {
list-style-type:none;
margin: 0 0 3px 0;
background: #5B5B5B;
padding:0;
font-size:11px;
}
#tr-left-inner .menu li a{
text-indent: 18px;
color: #ededed;
color:#ededed;
font-size:12px;
font-weight:normal;
border:none;
text-transform:none;
line-height:22px;
padding: 0 12px;
display:block;
}
#tr-right-inner .menu {
list-style-type:none;
margin:0;
padding:0;
width:150px;
height:100%;
}
#tr-right-inner .menu li {
list-style-type:none;
margin: 0 0 3px 0;
background: #ccc;
padding:0;
}
#tr-right-inner .menu li.active {
list-style-type:none;
margin: 0 0 3px 0;
background: #333;
}
#tr-right-inner .menu li.active a {
color:#f2f2f2;
}
#tr-right-inner .menu li a{
text-indent:12px;
color: #666;
font-size:11px;
font-weight:normal;
border:none;
text-transform:none;
line-height:22px;
padding: 0 12px 0 0px;
display:block;
}
.article_separator {
margin:0;
padding:0;
height:0;
display:none;
}
#tr-left-inner li.active {
background-color: #fff;
}
#tr-left-inner .menu li:hover a {
color: #fff;
}
#tr-left-inner .menu li.active a{
color: #444;
}
#tr-left-inner .menu li#current a{
color: #5b5b5b;
}
/* ||||||||||||||||||||||| PAGE SPECIFIC CSS END ||||||||||||||||||||||| */
/* ||||||||||||||||||||||| HOME PAGE ANIMATION ||||||||||||||||||||||| */
#home-animation {
position:absolute;
left:0;
top:0;
width:929px;
height:522px;
background:#333;
z-index:9;
}
.anim-corner-tl {
position:absolute;
height:38px;
width:38px;
background:url(../images/anim-corners.png);
background-position:0 0 ;
top:36px;
left:36px;
}
.anim-corner-tr {
position:absolute;
height:38px;
width:38px;
background:url(../images/anim-corners.png);
background-position:0 -38px;
top:36px;
right:36px;
}
.anim-corner-bl {
position:absolute;
height:38px;
width:38px;
background:url(../images/anim-corners.png);
background-position:0 -76px;
bottom:36px;
left:36px;
}
.anim-corner-br {
position:absolute;
height:38px;
width:38px;
background:url(../images/anim-corners.png);
background-position:0 -114px;
bottom:36px;
right:36px;
}
.anim-logo {
position:absolute;
left:0;
top:0;
width:929px;
height:522px;
background:url(../images/anim-logo.png);
opacity:0;
}
.anim-focus-logo {
position:absolute;
left:0;
top:0;
width:929px;
height:522px;
background:url(../images/anim-focus-logo.jpg);
opacity:0;
}
.anim-in-focus {
position:absolute;
left:0;
top:0;
width:929px;
height:522px;
background:url(../images/anim-in-focus.jpg);
opacity:0;
}
.anim-out-focus {
position:absolute;
left:0;
top:0;
width:929px;
height:522px;
background:url(../images/anim-out-focus.jpg);
}
.anim-out-focus-2 {
position:absolute;
left:0;
top:0;
width:929px;
height:522px;
background:url(../images/anim-out-focus-2.jpg);
opacity:0;
}
#anim-letter-wrap {
position:absolute;
height:192px;
width:386px;
left:275px;
top:160px;
}
.anim-letter {
position:absolute;
height:56px;
z-index:9;
text-indent:-99999px;
background-repeat:no-repeat;
opacity:0;
}
.anim-letter-01 {
width:37px;
left:50px;
top:0;
background:url(../images/anim-letters.png);
background-position:-50px 0;
}
.anim-letter-02 {
width:12px;
left:93px;
top:0;
background:url(../images/anim-letters.png);
background-position:-93px 0;
}
.anim-letter-03 {
width:37px;
left:114px;
top:0;
background:url(../images/anim-letters.png);
background-position:-114px 0;
}
.anim-letter-04 {
width:54px;
left:155px;
top:0;
background:url(../images/anim-letters.png);
background-position:-155px 0;
}
.anim-letter-05 {
width:12px;
left:218px;
top:0;
background:url(../images/anim-letters.png);
background-position:-218px 0;
}
.anim-letter-06 {
width:44px;
left:240px;
top:0;
background:url(../images/anim-letters.png);
background-position:-240px 0;
}
.anim-letter-07 {
width:45px;
left:291px;
top:0;
background:url(../images/anim-letters.png);
background-position:-291px 0;
}
.anim-letter-08 {
width:12px;
left:160px;
top:68px;
background:url(../images/anim-letters.png);
background-position:-160px -68px;
}
.anim-letter-09 {
width:44px;
left:181px;
top:68px;
background:url(../images/anim-letters.png);
background-position:-181px -68px;
}
.anim-letter-10 {
width:41px;
left:0;
top:136px;
background:url(../images/anim-letters.png);
background-position:0 -136px;
}
.anim-letter-11 {
width:42px;
left:47px;
top:136px;
background:url(../images/anim-letters.png);
background-position:-47px -136px;
}
.anim-letter-12 {
width:46px;
left:95px;
top:136px;
background:url(../images/anim-letters.png);
background-position:-95px -136px;
}
.anim-letter-13 {
width:45px;
left:147px;
top:136px;
background:url(../images/anim-letters.png);
background-position:-147px -136px;
}
.anim-letter-14 {
width:42px;
left:200px;
top:136px;
background:url(../images/anim-letters.png);
background-position:-200px -136px;
}
.anim-letter-15 {
width:39px;
left:250px;
top:136px;
background:url(../images/anim-letters.png);
background-position:-250px -136px;
}
.anim-letter-16 {
width:44px;
left:293px;
top:136px;
background:url(../images/anim-letters.png);
background-position:-293px -136px;
}
.anim-letter-17 {
width:44px;
left:342px;
top:136px;
background:url(../images/anim-letters.png);
background-position:-342px -136px;
}
.anim-cursor {
position:absolute;
z-index:9;
height:73px;
width:11px;
left: 396px;
top: 128px;
text-indent:-9999px;
background:url(../images/anim-cursor.png);
background-repeat:no-repeat;
opacity:0;
}
/* ||||||||||||||||||||||| HOME PAGE ANIMATION END ||||||||||||||||||||||| */
/*LOCAL AREA AMENITIES MAP*/
.panel-group .panel {
border-radius: 0;
}
/* line 1308, ../sass/screen.scss */
.local-area-amenities-list {
padding: 0 15px;
}
/* line 1310, ../sass/screen.scss */
.local-area-amenities-list .panel-heading {
padding: 0;
}
/* line 1312, ../sass/screen.scss */
.local-area-amenities-list .panel-heading h4.panel-title {
color: #fff;
}
/* line 1314, ../sass/screen.scss */
.local-area-amenities-list .panel-heading h4.panel-title.office-title {
background: #4574B9;
}
/* line 1317, ../sass/screen.scss */
.local-area-amenities-list .panel-heading h4.panel-title.hotel-title {
background: #F5833C;
}
/* line 1320, ../sass/screen.scss */
.local-area-amenities-list .panel-heading h4.panel-title.retail-title {
background: #4574B8;
}
/* line 1323, ../sass/screen.scss */
.local-area-amenities-list .panel-heading h4.panel-title.dining-title {
background: #6BBD46;
}
/* line 1326, ../sass/screen.scss */
.local-area-amenities-list .panel-heading h4.panel-title.banks-title {
background: #EB332C ;
}
/* line 1330, ../sass/screen.scss */
.local-area-amenities-list .panel-heading a {
display: block;
padding: 10px 15px;
position: relative;
z-index: 999999;
}
/* line 1335, ../sass/screen.scss */
.local-area-amenities-list ul, .local-area-amenities-list li {
margin: 0;
padding: 0;
list-style-type: none;
}
.i-local-area-amenities-wrap {
/*width: 893px;
height: 634px;*/
-o-transform: scale(0.7833);
transform: scale(0.7833);
-ms-transform: scale(0.7833);
-moz-transform: scale(0.7833);
-webkit-transform: scale(0.7833);
}
.i-local-area-amenities-wrap-height {
background:url(../../../images/local-amenities-map.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 893px;
height: 634px;
}
.i-local-area-amenities-wrap {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
position: relative;
}
.i-local-area-amenities-wrap .marker {
width: 11px;
height: 11px;
border-radius: 50%;
position: absolute;
background: #000;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.i-local-area-amenities-wrap .marker.dot-off {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.i-local-area-amenities-wrap .marker .marker-sub {
white-space: nowrap;
cursor: pointer;
display: block;
opacity: 0;
overflow: hidden;
-webkit-transition-property: opacity, width, height;
-moz-transition-property: opacity, width, height;
-o-transition-property: opacity, width, height;
transition-property: opacity, width, height;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
width: 11px;
height: 11px;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 4px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 4px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 4px;
}
.i-local-area-amenities-wrap .marker .marker-sub p {
/*font-size: 12px;*/
font-size: 13px;
line-height: 24px;
color: #fff;
padding: 4px 8px;
margin: 0;
height: 0;
width: 0;
-webkit-transition-property: width, height;
-moz-transition-property: width, height;
-o-transition-property: width, height;
transition-property: width, height;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.i-local-area-amenities-wrap .marker .marker-sub p a {
color: #fff;
}
.i-local-area-amenities-wrap .marker .marker-sub p a:hover {
color: #fff;
}
/*TENANTS*/
.i-local-area-amenities-wrap .marker.tenant {
background: #4574B9;
}
.i-local-area-amenities-wrap .marker.tenant.t-1-k-studios {
top: 253.065px;
left: 565.314px;
}
.i-local-area-amenities-wrap .marker.tenant.t-abc-studios {
top: 144.78px;
left: 1023.727px;
}
.i-local-area-amenities-wrap .marker.tenant.t-access-hollywood {
top: 224.525px;
left: 695.432px;
}
.i-local-area-amenities-wrap .marker.tenant.t-ascent-media {
top: 46.788px;
left: 743.633px;
}
.i-local-area-amenities-wrap .marker.tenant.t-atlantic-records {
top: 265.748px;
left: 570.885px;
}
.i-local-area-amenities-wrap .marker.tenant.t-bellum-entertainment {
top: 50.669px;
left: 732.301px;
}
.i-local-area-amenities-wrap .marker.tenant.t-brad-lachman {
top: 697.794px;
left: 293.469px;
}
.i-local-area-amenities-wrap .marker.tenant.t-the-burbank-studios {
top: 224.525px;
left: 722.391px;
}
.i-local-area-amenities-wrap .marker.tenant.t-cci-digital {
top: 54.55px;
left: 720.97px;
}
.i-local-area-amenities-wrap .marker.tenant.t-clear-channel {
top: 271.891px;
left: 587.262px;
}
.i-local-area-amenities-wrap .marker.tenant.t-clear-tv-ltd {
top: 288.932px;
left: 442.296px;
}
.i-local-area-amenities-wrap .marker.tenant.t-cw-channel {
top: 226.439px;
left: 574.688px;
}
.i-local-area-amenities-wrap .marker.tenant.t-dc-comics {
top: 607.32px;
left: 507.885px;
}
.i-local-area-amenities-wrap .marker.tenant.t-disney-channel {
top: 274.683px;
left: 328.287px;
}
.i-local-area-amenities-wrap .marker.tenant.t-disney-studios {
top: 87.437px;
left: 1023.429px;
}
.i-local-area-amenities-wrap .marker.tenant.t-dolby-laboratories {
/* top: 195.735px;
left: 405.7px;*/
top: -99999px;
left: -99999px;
z-index: -10;
}
.i-local-area-amenities-wrap .marker.tenant.t-elektra-entertainment {
top: 259.605px;
left: 554.505px;
}
.i-local-area-amenities-wrap .marker.tenant.t-emmis-radio-corp {
top: 1.863px;
left: 803.24px;
}
.i-local-area-amenities-wrap .marker.tenant.t-fotokem {
top: 36.077px;
left: 776.714px;
}
.i-local-area-amenities-wrap .marker.tenant.t-fremantlemedia {
top: 98.039px;
left: 783.879px;
}
.i-local-area-amenities-wrap .marker.tenant.t-the-gorfaine-schwartz-agency {
top: 268.563px;
left: 189.831px;
}
.i-local-area-amenities-wrap .marker.tenant.t-ion-media {
top: 1.863px;
left: 791.443px;
}
.i-local-area-amenities-wrap .marker.tenant.t-kcet {
top: 108.724px;
left: 788.958px;
}
.i-local-area-amenities-wrap .marker.tenant.t-keep-me-posted {
top: 284.555px;
left: 181.548px;
}
.i-local-area-amenities-wrap .marker.tenant.t-lava {
top: 253.461px;
left: 538.126px;
}
.i-local-area-amenities-wrap .marker.tenant.t-legendary-pictures {
top: 87.353px;
left: 778.799px;
}
.i-local-area-amenities-wrap .marker.tenant.t-level-3-post {
top: 34.525px;
left: 746.117px;
}
.i-local-area-amenities-wrap .marker.tenant.t-lighthearted-entertainment {
top: 288.931px;
left: 169.751px;
}
.i-local-area-amenities-wrap .marker.tenant.t-m3-creative {
top: 273.079px;
left: 177.412px;
}
.i-local-area-amenities-wrap .marker.tenant.t-mocean {
top: 0px;
left: 726.93px;
}
.i-local-area-amenities-wrap .marker.tenant.t-nbc-universal {
top: 792.682px;
left: 247.332px;
}
.i-local-area-amenities-wrap .marker.tenant.t-new-wave-entertainment {
top: 1.863px;
left: 771.212px;
}
.i-local-area-amenities-wrap .marker.tenant.t-nyfa {
top: 328.86px;
left: 604.487px;
}
.i-local-area-amenities-wrap .marker.tenant.t-outlook-amusements {
top: 87.353px;
left: 791.133px;
}
.i-local-area-amenities-wrap .marker.tenant.t-pivotal-post {
top: 42.907px;
left: 754.965px;
}
.i-local-area-amenities-wrap .marker.tenant.t-pixel-plantation {
top: 281.178px;
left: 194.345px;
}
.i-local-area-amenities-wrap .marker.tenant.t-raycom-post-production {
top: 708.839px;
left: 297.561px;
}
.i-local-area-amenities-wrap .marker.tenant.t-rhino {
top: 259.024px;
left: 581.67px;
}
.i-local-area-amenities-wrap .marker.tenant.t-smv {
top: 291.804px;
left: 236.426px;
}
.i-local-area-amenities-wrap .marker.tenant.t-screen-actors-guild-producers-pension-trust {
top: 288.621px;
left: 454.574px;
}
.i-local-area-amenities-wrap .marker.tenant.t-sony {
top: 316.512px;
left: 555.912px;
}
.i-local-area-amenities-wrap .marker.tenant.t-telemundo {
top: 224.525px;
left: 708.912px;
}
.i-local-area-amenities-wrap .marker.tenant.t-todd-a-o {
top: 38.251px;
left: 734.151px;
}
.i-local-area-amenities-wrap .marker.tenant.t-turner-broadcasting {
top: 304.313px;
left: 494.645px;
}
.i-local-area-amenities-wrap .marker.tenant.t-vubiquity {
top: 41.976px;
left: 722.186px;
}
.i-local-area-amenities-wrap .marker.tenant.t-warner-bros-studio-1 {
top: 26.721px;
left: 241.83px;
}
.i-local-area-amenities-wrap .marker.tenant.t-warner-bros-studio-2 {
top: 513.553px;
left: 477.156px;
}
.i-local-area-amenities-wrap .marker.tenant.t-warner-bros-vip-tour {
top: 320.019px;
left: 568.255px;
}
.i-local-area-amenities-wrap .marker.tenant.t-warner-music-group {
top: 247.106px;
left: 548.958px;
}
.i-local-area-amenities-wrap .marker.tenant.t-wild-canary {
top: 277.247px;
left: 165.497px;
}
.i-local-area-amenities-wrap .marker.tenant .marker-sub p {
background: #4574B9;
}
/*BANKS*/
.i-local-area-amenities-wrap .marker.banks {
background: #EB332C ;
}
.i-local-area-amenities-wrap .marker.banks.b-aftra-sag-federal-credit-union {
top: 314.271px;
left: 334.693px;
}
.i-local-area-amenities-wrap .marker.banks.b-bank-of-america-1 {
top: 495.388px;
left: 283.259px;
}
.i-local-area-amenities-wrap .marker.banks.b-bank-of-america-2 {
top: 198.576px;
left: 162.919px;
}
.i-local-area-amenities-wrap .marker.banks.b-bank-of-america-atm-1 {
top: 1.376px;
left: 918.738px;
}
.i-local-area-amenities-wrap .marker.banks.b-bank-of-the-west {
top: 306.354px;
left: 355.215px;
}
.i-local-area-amenities-wrap .marker.banks.b-cardronics {
top: 289.863px;
left: 400.685px;
}
.i-local-area-amenities-wrap .marker.banks.b-citibank {
top: 287.059px;
left: 247.686px;
}
.i-local-area-amenities-wrap .marker.banks.b-city-national-bank {
top: 295.009px;
left: 504.833px;
}
.i-local-area-amenities-wrap .marker.banks.b-first-entertainment-credit-union {
top: 741.382px;
left: 389.63px;
}
.i-local-area-amenities-wrap .marker.banks.b-luther-burbank-savings {
top: 304.074px;
left: 205.871px;
}
.i-local-area-amenities-wrap .marker.banks.b-nbc-employee-fed-credit-union {
top: 224.525px;
left: 735.871px;
}
.i-local-area-amenities-wrap .marker.banks.b-partners-federal-credit-union {
top: 8.252px;
left: 964.832px;
}
.i-local-area-amenities-wrap .marker.banks.b-union-bank {
top: 279.247px;
left: 273.834px;
}
.i-local-area-amenities-wrap .marker.banks .marker-sub p {
background: #EB332C ;
}
/*DINING*/
.i-local-area-amenities-wrap .marker.dining {
background: #6BBD46;
}
.i-local-area-amenities-wrap .marker.dining.d-ardes-bistro {
top: 301.5px;
left: 88.819px;
}
.i-local-area-amenities-wrap .marker.dining.d-beas-beas {
top: 113.975px;
left: 129.241px;
}
.i-local-area-amenities-wrap .marker.dining.d-bistro-provence {
top: 128.834px;
left: 89.867px;
}
.i-local-area-amenities-wrap .marker.dining.d-bobs-big-boy {
top: 302.498px;
left: 134.43px;
}
.i-local-area-amenities-wrap .marker.dining.d-boston-market {
top: 323.2px;
left: 77.747px;
}
.i-local-area-amenities-wrap .marker.dining.d-cafe-valentino {
top: 300.151px;
left: 447.367px;
}
.i-local-area-amenities-wrap .marker.dining.d-chipotle-mexican-grill {
top: 339.024px;
left: 247.113px;
}
.i-local-area-amenities-wrap .marker.dining.d-ciao-christina {
top: 532.683px;
left: 293.246px;
}
.i-local-area-amenities-wrap .marker.dining.d-claim-jumper {
top: 291.961px;
left: 492.856px;
}
.i-local-area-amenities-wrap .marker.dining.d-dimples {
top: 226.077px;
left: 518.86px;
}
.i-local-area-amenities-wrap .marker.dining.d-don-cuco-mexican-restaurant {
top: 297.185px;
left: 326.385px;
}
.i-local-area-amenities-wrap .marker.dining.d-el-carpintero-mexican-restaurant {
top: 482.205px;
left: 275.432px;
}
.i-local-area-amenities-wrap .marker.dining.d-el-torito {
top: 102.502px;
left: 629.67px;
}
.i-local-area-amenities-wrap .marker.dining.d-emon-japanese-restaurant {
top: 178.776px;
left: 154.406px;
}
.i-local-area-amenities-wrap .marker.dining.d-gindi-thai-restaurant {
top: 314.895px;
left: 230.763px;
}
.i-local-area-amenities-wrap .marker.dining.d-grilliant {
top: 310.224px;
left: 248.679px;
}
.i-local-area-amenities-wrap .marker.dining.d-honeydew-cafe {
top: 319.241px;
left: 265.446px;
}
.i-local-area-amenities-wrap .marker.dining.d-jamba-juice {
top: 602.181px;
left: 519.98px;
}
.i-local-area-amenities-wrap .marker.dining.d-mos {
top: 299.698px;
left: 102.422px;
}
.i-local-area-amenities-wrap .marker.dining.d-mortons-the-steakhouse {
top: 264.983px;
left: 598.025px;
}
.i-local-area-amenities-wrap .marker.dining.d-natures-pantry {
top: 314.169px;
left: 283.728px;
}
.i-local-area-amenities-wrap .marker.dining.d-novo-cafe {
top: 321.383px;
left: 316.609px;
}
.i-local-area-amenities-wrap .marker.dining.d-olive-and-thyme {
top: 320.243px;
left: 241.267px;
}
.i-local-area-amenities-wrap .marker.dining.d-paradise-juice-deli {
top: 321.175px;
left: 252.73px;
}
.i-local-area-amenities-wrap .marker.dining.d-priscillas-gourmet-coffee-tea {
top: 327.214px;
left: 182.91px;
}
.i-local-area-amenities-wrap .marker.dining.d-renos-pizzeria {
top: 339.645px;
left: 259.282px;
}
.i-local-area-amenities-wrap .marker.dining.d-robeks-juice {
top: 330.555px;
left: 94.158px;
}
.i-local-area-amenities-wrap .marker.dining.d-sardos-grill-lounge {
top: 199.3px;
left: 150.429px;
}
.i-local-area-amenities-wrap .marker.dining.d-smokehouse {
top: 668.952px;
left: 340.875px;
}
.i-local-area-amenities-wrap .marker.dining.d-starbucks-1 {
top: 313.006px;
left: 543.57px;
}
.i-local-area-amenities-wrap .marker.dining.d-starbucks-2 {
top: 430.655px;
left: 361.421px;
}
.i-local-area-amenities-wrap .marker.dining.d-starbucks-3 {
top: 299.473px;
left: 146.531px;
}
.i-local-area-amenities-wrap .marker.dining.d-starbucks-4 {
top: 124.552px;
left: 101.999px;
}
.i-local-area-amenities-wrap .marker.dining.d-starbucks-5 {
top: 170.196px;
left: 115.887px;
}
.i-local-area-amenities-wrap .marker.dining.d-studio-cafe-magazzino {
top: 450.848px;
left: 263.497px;
}
.i-local-area-amenities-wrap .marker.dining.d-subway {
top: 337.532px;
left: 271.426px;
}
.i-local-area-amenities-wrap .marker.dining.d-togos {
top: 125.964px;
left: 133.741px;
}
.i-local-area-amenities-wrap .marker.dining.d-trimana {
top: 259.459px;
left: 311.63px;
}
.i-local-area-amenities-wrap .marker.dining.d-umami-burger {
top: 322.601px;
left: 110.936px;
}
.i-local-area-amenities-wrap .marker.dining .marker-sub p {
background: #6BBD46;
}
/*HOTEL*/
.i-local-area-amenities-wrap .marker.hotel {
background: #F5833C;
}
.i-local-area-amenities-wrap .marker.hotel.h-best-western-plus-media-center-inn {
top: 331.291px;
left: 295.698px;
}
.i-local-area-amenities-wrap .marker.hotel.h-hotel-amarano {
top: 109.755px;
left: 153.475px;
}
.i-local-area-amenities-wrap .marker.hotel.h-tangerine-hotel {
top: 303.592px;
left: 308.533px;
}
.i-local-area-amenities-wrap .marker.hotel .marker-sub p {
background: #F5833C;
}
/*RETAIL*/
.i-local-area-amenities-wrap .marker.retail {
background: #4574B8;
}
.i-local-area-amenities-wrap .marker.retail.r-76 {
top: -9999px;
left: -9999px;
}
.i-local-area-amenities-wrap .marker.retail.r-chevron {
top: 272.744px;
left: 391.633px;
}
.i-local-area-amenities-wrap .marker.retail.r-cinema-secrets-beauty-supply {
top: 322.107px;
left: 57.366px;
}
.i-local-area-amenities-wrap .marker.retail.r-dana-drug-store {
top: 167.233px;
left: 103.792px;
}
.i-local-area-amenities-wrap .marker.retail.r-falcon-theatre {
top: 323.251px;
left: 147.554px;
}
.i-local-area-amenities-wrap .marker.retail.r-fedex-office-print-ship-center-1 {
top: 339.705px;
left: 220.511px;
}
.i-local-area-amenities-wrap .marker.retail.r-fedex-office-print-ship-center-2 {
top: 287.518px;
left: 353.3px;
}
.i-local-area-amenities-wrap .marker.retail.r-flair-cleaners {
top: 141.634px;
left: 94.508px;
}
.i-local-area-amenities-wrap .marker.retail.r-future-whole-foods {
top: 175.052px;
left: 519.135px;
}
.i-local-area-amenities-wrap .marker.retail.r-lakeside-car-wash {
top: 300.679px;
left: 391.373px;
}
.i-local-area-amenities-wrap .marker.retail.r-milt-edies-drycleaners {
top: 296.551px;
left: 225.168px;
}
.i-local-area-amenities-wrap .marker.retail.r-nail-garden {
top: 154.434px;
left: 99.15px;
}
.i-local-area-amenities-wrap .marker.retail.r-vons {
top: 180.033px;
left: 108.434px;
}
.i-local-area-amenities-wrap .marker.retail .marker-sub p {
background: #4574B8;
}
.i-local-area-amenities-wrap .marker:hover {
z-index: 9;
}
.i-local-area-amenities-wrap .marker:hover > .marker-sub {
display: block;
opacity: 1;
width: 120px;
height: 25px;
overflow: visible;
-webkit-transition-property: opacity, width, height;
-moz-transition-property: opacity, width, height;
-o-transition-property: opacity, width, height;
transition-property: opacity, width, height;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.i-local-area-amenities-wrap .marker:hover > .marker-sub p {
width: 100%;
height: 100%;
-webkit-transition-property: width, height;
-moz-transition-property: width, height;
-o-transition-property: width, height;
transition-property: width, height;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.i-local-area-amenities-wrap .marker:hover > .marker-sub.marker-sub-long {
width: 170px;
}
.i-local-area-amenities-wrap .marker:hover > .marker-sub.marker-sub-longer {
width: 220px;
}
.i-local-area-amenities-wrap .marker:hover > .marker-sub.marker-sub-even-longer {
width: 260px;
}
/*AREA AMENITIES LEGEND*/
.area-legend {
top: 561px;
left: 930px;
position: absolute;
min-width: 110px;
}
.area-legend ul, .area-legend li {
margin: 0 0 5px 0;
padding: 0;
list-style-type: none;
}
.area-legend li {
cursor:pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.area-legend li.active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.area-legend a {
font-size: 21px;
line-height: 40px;
color:#fff;
margin-left:15px;
text-transform: uppercase;
text-decoration: none;
}
.area-legend a:hover {
text-decoration: none;
}
/*.office-box {
background-color: #4574B9;
max-width: 120px;
min-height: 40px;
}
.office-box:hover {
background-color: #4CAFA6;
}*/
.hotels-box {
background-color: #F5833C;
max-width: 120px;
min-height: 40px;
}
.hotels-box:hover {
background-color: #DC7536;
}
.retail-box {
background-color: #4574B8;
max-width: 120px;
min-height: 40px;
}
.retail-box:hover {
background-color: #375D93;
}
.dining-box {
background-color: #6BBD46;
max-width: 120px;
min-height: 40px;
}
.dining-box:hover {
background-color: #559937;
}
.banks-box {
background-color: #EB332C ;
max-width: 120px;
min-height: 40px;
}
.banks-box:hover {
background-color: #C82B25;
}
/*new css thaindvst 21.10.2015*/
#block-all-team{
background-color:#fff;
padding:70px 0;
}
.block-team{
display:block;
clear:both;
margin-bottom:30px;
}
.block-team1, .block-team2, .block-team3, .block-team4,
.block-team5, .block-team6, .block-team7, .block-team8,
.block-team9, .block-team10{
float:left;
width:auto;
}
.clearfix{
display:block;
clear:both;
}
.block-team1{
margin: 0 52px 0 76px;
}
.block-team2{
margin: 0 48px 0 0px;
}
.block-team4{
margin: 0 46px 0 179px;
}
.block-team6{
margin: 0 39px 0 49px;
}
.block-team7{
margin: 0 8px 0 0;
}
.block-team9{
margin: 0 72px 0 185px;
}
.cwgallery {
border-top: 18px solid #222;
margin: 0 -18px;
padding: 18px 18px 0;
}
.cwgallery:before {
content: "Gallery";
font-family: 'Montserrat', sans-serif;
font-size: 22px;
font-weight: 100;
color: #5b5b5b;
margin: 0 0 6px;
display: inline-block;
}
.cwgallery .calbum {
margin: 0 -9px;
padding: 0;
}
.cwgallery .calbum:before, .cwgallery .calbum:after {
content: "";
display: table;
}
.cwgallery .calbum:after {
clear: both;
}
.cwgallery a {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 9px;
width: 50% !important;
}
.cwgallery a span {
border: none !important;
}
.cwgallery .cleaner {
display: none;
}
#popup_video {
display: none;
}
.fancybox-button--zoom {
display: none !important;
}
table.category {
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
width: 100%;
}
table.category th {
background-color: #4361ad;
height: 40px;
color: #EDEDED;
font-family: 'Montserrat', sans-serif;
font-weight: 100;
line-height: 40px;
padding: 0 12px;
font-size: 16px;
text-align: left;
}
table.category th, table.category td {
border-bottom: 5px solid #ededed;
}
table.category td {
background-color: #c5c5c5;
padding: 0 12px;
}
table.category td.list-sf, table.category th.list-sf {
text-align: right;
}
table.category td a {
color: #000;
text-decoration: underline;
}
table.category td a:hover {
text-decoration: none;
}