body { margin: 0; padding: 0; background: #00101d url("../images/bg-home.gif") repeat-x left top; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #fff; }

/* BACKGROUNDS */
body#entry-page { background: #00101d url("../images/bg-entry.gif") repeat-x left top; }
body#brochure { background: #00101d url("../images/bg-brochure.gif") repeat-x left top; }
body#brochure-noimg { background: #00101d url("../images/bg-brochure-noimg.gif") repeat-x left top; }
body#panorama { background: #00101d url("../images/bg-panorama.gif") repeat-x left top; }
body#global { background: #00101d url("../images/bg-global.gif") repeat-x left top; }

/* WRAPPERS*/
body#home-commons div#home-wrapper { background: url("../images/photobar-commons2.jpg") repeat-x 0px 171px; }
body#home-shops div#home-wrapper { background: url("../images/photobar-shops2.jpg") repeat-x 0px 171px; }
div#wrapper { position: relative; margin: 0 auto; padding: 0; text-align: left; width: 760px; }
body#home-commons #wrapper, body#home-shops #wrapper  { position: relative; margin: 0 auto; padding: 0; text-align: left; width: 760px; }
#wrapper-footer {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 100px;
	background: #002138 url("../images/bg-footer.gif") repeat-x left top;
}

/* ENTRY PAGE */
#entryframe { position:absolute; left:68px; top:37px; }
#man { position:absolute; left:29px; top:28px; width:174px; height:314px; }
#woman { position:absolute; left:395px; top:28px; width:174px; height:314px; }
body#popup { margin: 25px; background: #002138;  }

/* BASE LINKAGE */
a:link { color: #e9d3a2; text-decoration: none; }
a:visited { color: #e9d3a2; text-decoration: none; }
a:hover {
}

/* ABSOLUTE TOP BAR DIVS */
#logo-commons-big {
	position: absolute;
	left: 22px;
	top: 74px;
}
#logo-shops-big { position: absolute; left: 0px;  top: 76px; }
#badge-commons-big { position: absolute; left: 80px; top: 7px; }
#logo-commons-sm { position: absolute; left: 19px;  top: 75px; }
#logo-global { position:absolute; left:0px; top:80px; width:164px; height:90px; }
#badge-commons-sm { position: absolute; left: 79px; top: 7px; }
#photo-bar-commons {
	position: absolute;
	left: 0px;
	top: 171px;
}
#photo-bar-commons-1 {
	position: absolute;
	left: -3px;
	top: 29px;
}
#photo-bar-shops { position: absolute; left: 0px;   top: 171px; }
#photo-tops { position:absolute; left:0px; top:147px; }
#headline { position: absolute; left:306px; top:61px; }
#accent-small { position: absolute; left:2px; top:196px; }
#accent1 { position: absolute; left:280px; top:135px; }
#accent2 { position: absolute; left:447px; top:135px; }
#accent3 { position: absolute; left:614px; top:135px; }
#global-photo {
	position: absolute;
	left:0px;
	top:37px;
}

/* png fix*/
img, div, ul#global, ul#global li#about a, ul#global li#broker a, ul#global li#contact a, ul#global li#location a, { behavior: url(iepngfix.htc); }

/* GLOBAL NAVIGATION */
div#nav-home {
	position: absolute;
	top: 5px;
	left: 206px;
	width: 84px;
	height: 23px;
}
div#nav-home a { display: block; width: 38px; height: 23px; background: url(../images/gnav-home.png) no-repeat 0px -23px; }
ul#entry { list-style-type: none; margin: 0; padding: 0; }
ul#entry li#contact a { position: absolute; top: 8px; left: 493px; width: 66px; height: 23px; background: url(../images/gnav-contact.png) no-repeat 0px -23px; }
ul#entry li#webcam a { position: absolute; top: 8px; left: 493px; width: 68px; height: 23px; background: url(../images/gnav-webcam.png) no-repeat 0px -23px; }
ul#entry li#news a {  position: absolute; top: 8px; left: 441px; width: 51px; height: 23px; background: url(../images/gnav-news.png) no-repeat 0px -23px;  }
ul#entry li#about a {  position: absolute; top: 8px; left: 381px; width: 84px; height: 23px; background: url(../images/gnav-about.png) no-repeat 0px -23px; }
ul#entry li#broker a {  position: absolute; top: 8px; left: 253px; width: 84px; height: 23px; background: url(../images/gnav-broker.png) no-repeat 0px -23px; }
ul#entry li#location a {  position: absolute; top: 8px; left: 168px; width: 84px; height: 23px; background: url(../images/gnav-location.png) no-repeat 0px -23px; }
ul#entry li#shops a {  position: absolute; top: 6px; left: 283px; width: 73px; height: 23px; background: url(../images/gnav-shops.png) no-repeat 0px -23px; }
ul#entry li a span, div#nav-home a span, div#nav-entry a span { display: none; }
ul#entry li#contact a:hover, ul#entry li#news a:hover, ul#entry li#about a:hover, 
ul#entry li#broker a:hover, ul#entry li#location a:hover, ul#entry li#shops a:hover { background-position: 0px 0px; }
div#man h2 a:hover { background-position: -174px 0px;  }
div#woman h2 a:hover { background-position: -174px 0px;  }

/*ul#global { list-style-type: none; margin: 0; padding: 0; position: absolute; }
ul#global li#contact a { position: absolute; top: 6px; left: 694px; width: 66px; height: 23px; background: url(../images/gnav-contact.png) no-repeat 0px -23px; }
ul#global li#webcam a { position: absolute; top: 6px; left: 694px; width: 68px; height: 23px; background: url(../images/gnav-webcam.png) no-repeat 0px -23px; }
ul#global li#news a {  position: absolute; top: 6px; left: 641px; width: 51px; height: 23px; background: url(../images/gnav-news.png) no-repeat 0px -23px;  }
ul#global li#about a {  position: absolute; top: 6px; left: 580px; width: 59px; height: 23px; background: url(../images/gnav-about.png) no-repeat 0px -23px; }
ul#global li#broker a {  position: absolute; top: 6px; left: 452px; width: 84px; height: 23px; background: url(../images/gnav-broker.png) no-repeat 0px -23px; }
ul#global li#location a {  position: absolute; top: 6px; left: 368px; width: 84px; height: 23px; background: url(../images/gnav-location.png) no-repeat 0px -23px; }
ul#global li#shops a {  position: absolute; top: 6px; left: 297px; width: 73px; height: 23px; background: url(../images/gnav-shops.png) no-repeat 0px -23px; }
ul#global li#commons a {  position: absolute; top: 6px; left: 191px; width: 100px; height: 23px; background: url(../images/gnav-commons.png) no-repeat 0px -23px; }
ul#global li a span { display: none; }
ul#global li#contact a:hover, ul#global li#webcam a:hover, ul#global li#news a:hover, ul#global li#about a:hover, ul#global li#commons a:hover,
ul#global li#broker a:hover, ul#global li#location a:hover, ul#global li#shops a:hover, body#brochure ul#global li#commons a:hover,
body#brochure-noimg ul#global li#commons a:hover { background-position: 0px 0px; }

ul#global li#contact.here a, ul#global li#webcam.here a, ul#global li#news.here a, ul#global li#about.here a, ul#global li#broker.here a,
ul#global li#location.here a, ul#global li#about.here a { background-position: 0px 0px; }
body.commons ul#global li#commons a, body#home-commons ul#global li#commons a, body#panorama ul#global li#commons a  { background-position: 0px 0px; }
body.shops ul#global li#shops a, body#home-shops ul#global li#shops a { background-position: 0px 0px; }*/

ul#global { list-style-type: none; margin: 0; padding: 0; position: absolute; }
ul#global li#contact a {
	position: absolute;
	top: 3px;
	left: 674px;
	width: 84px;
	height: 23px;
	background-image: url(../images/gnav-contact.png);
	background-repeat: no-repeat;
	background-position: 0px -23px;
}
ul#global li#about a {
	position: absolute;
	top: 3px;
	left: 468px;
	width: 84px;
	height: 23px;
	background-image: url(../images/gnav-about.png);
	background-repeat: no-repeat;
	background-position: 0px -23px;
}
ul#global li#broker a {
	position: absolute;
	top: 3px;
	left: 601px;
	width: 84px;
	height: 23px;
	background-image: url(../images/gnav-broker.png);
	background-repeat: no-repeat;
	background-position: 0px -23px;
}
ul#global li#location a {
	position: absolute;
	top: 3px;
	left: 529px;
	width: 84px;
	height: 23px;
	background-image: url(../images/gnav-location.png);
	background-repeat: no-repeat;
	background-position: 0px -23px;
}
ul#global li#shops a {  position: absolute; top: 6px; left: 239px; width: 73px; height: 23px; background: url(../images/gnav-shops.gif) no-repeat 0px -23px; }
ul#global li#commons a {  position: absolute; top: 6px; left: 133px; width: 100px; height: 23px; background: url(../images/gnav-commons.gif) no-repeat 0px -23px; }
ul#global li a span { display: none; }
ul#global li#contact a:hover, ul#global li#webcam a:hover, ul#global li#news a:hover, ul#global li#about a:hover, ul#global li#commons a:hover,
ul#global li#broker a:hover, ul#global li#location a:hover, ul#global li#shops a:hover, body#brochure ul#global li#commons a:hover,
body#brochure-noimg ul#global li#commons a:hover { background-position: 0px 0px; }

ul#global li#contact.here a, ul#global li#webcam.here a, ul#global li#news.here a, ul#global li#about.here a, ul#global li#broker.here a,
ul#global li#location.here a, ul#global li#about.here a { background-position: 0px 0px; }
body.commons ul#global li#commons a, body#home-commons ul#global li#commons a, body#panorama ul#global li#commons a  { background-position: 0px 0px; }
body.shops ul#global li#shops a, body#home-shops ul#global li#shops a { background-position: 0px 0px; }

/* BEGIN FLOATS */
body#home-commons #content { margin: 0; padding: 425px 0 0 0; width: 760px;  }
body#home-shops #content { margin: 0; padding: 425px 0 0 0; width: 760px;  }
body#brochure #content { margin: 0; padding: 315px 0 0 0; width: 760px;  }
body#brochure-noimg #content { margin: 0; padding: 160px 0 0 0; width: 760px;  }
body#panorama #content { margin: 0; padding: 485px 0 0 0; width: 760px;  }
body#global #content {
	margin: 0;
	padding: 250px 0 0 0;
	width: 760px;
}

#nav1 {
	width: 195px;
	padding: 0;
	margin: 0;
	float: right;
	position: absolute;
	top: 575px;
	left: 453px;
	width: 275px;
	height: 130px;
}
#nav2 {
	width: 195px;
	padding: 0;
	margin: 0;
	float: right;
	position: absolute;
	top: 430px;
	left: 453px;
	width: 275px;
	height: 120px;
}
body#brochure #nav1, body#brochure #nav2 { width: 190px; margin: 0 0 20px 0; }
body#brochure-noimg #nav1, body#brochure-noimg #nav2 { width: 190px; margin: 0 0 20px 0; }
body#panorama #nav1, body#panorama #nav2 { width: 190px; margin: 0 0 20px 0; }
#top-right {
	width: 370px;
	padding: 0;
	margin: 0;
	float: left;
}
#news-top-right {
	width: 680px;
	padding: 0;
	margin: 0;

}


#left-column { width: 380px; margin: 0 0 10px 0; padding: 0; float: left; }
#right-column { width: 375px; margin: 0 0 25px 5px; padding: 0; float: left; }
#bullets1 { width: 175px; margin: 0 5px 0 0; padding: 0; float: left; }
#bullets2 { width: 175px; margin: 0 0 0 10px; padding: 0; float: left; }

#img-3col { width: 590px; float: left;}
#right-bullets { width: 160px; margin: 0 0 0 10px; float: left;}

#left-image-big { width: 440px; float: left; }
#right-image-big { width: 300px; float: left; margin: 0 0 0 15px;  }
#full-image { width: 760px;margin: 0;  }
#site-plan { width: 760px; height: 500px; margin: 0; padding: 0; background: url(../images/siteplan2.gif) no-repeat left top; }

#broker-list { margin: 0; padding: 0; /*width: 420px;*/ float: left; }
#broker-news { margin: 0 0 0 20px; padding: 0; width: 310px; float: left; }

#contact-info1 {
	width: 230px;
	margin: 0 0 0 10px;
	float: left;
}
#contact-info2 {
	width: 200px;
	margin: 0 0 0 10px;
	float: left;
}
#contact-info3 {
	width: 210px;
	margin: 0 0 0 10px;
	float: left;
}

div#about { margin: 0 0 0 395px;  }

.left-half {
	float: left;
	width: 45%;
	margin-bottom: 20px;
	
	padding-left: 8px;
}
.right-half {
	float: right;
	width: 50%;
	margin-bottom: 20px;
	padding-left: 8px;
	
}


/* LOCAL NAVIGATION */
#nav1 ul, #nav2 ul { margin: 0; padding: 0; list-style-type: none;  }
#nav1 ul li, #nav2 ul li { margin: 0; padding: 2px 0 2px 0; font-size: 12px; }
#nav1 ul li a, #nav2 ul li a { text-decoration: none; }
#nav1 ul li a:link, #nav2 ul li a:link { color: #e9d3a2; }
#nav1 ul li a:visited, #nav2 ul li a:visited { color: #e9d3a2; }
#nav1 ul li a:hover, #nav2 ul li a:hover { color: #f37421; text-decoration: underline; background: none; }
li.here { color: #7eb0cc; font-weight: bold;}

/* FORMATTING */
h1, h2, h3, h4, h5, h6, p, ul, li { font-family: Lucida Grande, Arial, Helvetica, sans-serif; }
h1 { display: none; }
h2 { margin: 3px 0 5px 0; padding: 0; font-size: 16px; font-weight: normal; }
h3 { margin: 20px 0 5px 0; padding: 0; font-size: 14px; font-weight: normal;}
h4 { margin: 0 0 3px 0; font-size: 14px; font-weight: normal; }
h5 {
	font-size: 14px;
	font-weight: normal;
	color: #F37421;
	margin: 5px 0px 0px 0px;
}
h6 { margin: 0px 0 0px 0; padding: 0; font-size: 12px; font-weight: normal; }
p { margin: 5px 0 10px 0; padding: 0; font-size: 12px; line-height: 19px; }
ul { font-size: 12px; }


/* GRAPHIC HEADERS */
h2 span, h3 span { display: none; }
h2.benefits {
	display: block;
	width: 150px;
	height: 13px;
	background-image: url(../images/h2-benefits.png);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.details {
	display: block;
	width: 150px;
	height: 13px;
	background-image: url(../images/h2-details.png);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.news-header { display: block; height: 13px; background: url(../images/h2-news.gif) no-repeat top left; }
h2.intro-commons {
	display: block;
	width: 367px;
	height: 16px;
	background-image: url(../images/h2-intro-commons.png);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.intro-shops { display: block;  width: 367px; height: 16px; background: url(../images/h2-intro-shops.gif) no-repeat top left; }
h2.facts { display: block;  width: 365px; height: 14px; background: url(../images/h2-facts.gif) no-repeat top left; }
h2.floorplates { display: block;  width: 102px; height: 13px; background: url(../images/h2-floorplates.gif) no-repeat top left; }
h3.views { display: block;  width: 109px; height: 12px; background: url(../images/h3-panorama.gif) no-repeat top left; margin: 5px 0 3px 0; }
a.renderings  { display: block;  width: 160px; height: 13px; background: url(../images/h2-renderings.gif) no-repeat top left; }
div#man h2, div#woman h2 { margin: 0; padding: 0; }
div#man h2 a { margin: 0; padding: 0; display: block; width: 174px; height: 314px; background: url(../images/entry-man.jpg) no-repeat 0px 0px; }
div#woman h2 a { margin: 0; padding: 0; display: block; width: 174px; height: 314px; background: url(../images/entry-woman.jpg) no-repeat 0px 0px; }


/* SPECIAL TYPE */
.hide { display: none; }
table.renderings p{ font-size: 10px; line-height: 13px; }
#bullets1 p, #bullets2 p { font-size: 11px; line-height: 14px; }
#bullets1 ul, #bullets2 ul, #right-bullets ul { margin: 0 0 5px 0; padding: 0; font-size: 11px; }
#bullets1 ul li, #bullets2 ul li { margin: 0 0 0 15px; padding: 3px 0 3px 0; }
#right-bullets ul { margin: 15px 0 15px 0; padding: 0; font-size: 11px; list-style-type: none; }
#right-bullets ul li { margin: 0; padding: 3px 0 3px 0; }
#wrapper-footer p { font-size: 9px; color: #a38562; margin: 25px 0 0 5px; text-align: center; letter-spacing: 2px; }
#wrapper-footer p a:link, #wrapper-footer p a:visited { color: #a38562; text-decoration: none; }
#wrapper-footer p a:hover { color: #9a4500; text-decoration: underline; }
img.float-left {
	float: left;
	margin: 20px 40px 50px 68px;
	border: 1px solid #e9d3a2;
}
img.float-right { float:right; margin: 0 0 50px 20px; border: 1px solid #e9d3a2; }
body#global h4 {
	margin: 5px 0 3px 0;
	font-weight: normal;
}
#site-plan p strong { font-size: 14px; }
#site-plan ul { margin: 10px 518px 10px 15px; padding: 0; }
#site-plan ul li { margin: 0; padding: 4px 0 4px 0; font-size: 11px; }
body.commons strong { color: #7eb0cc; }
body.shops strong { color: #f37421; }
body.commons h4 { color: #7eb0cc; }
body.shops h4 { color: #f37421; }
h2.orange, h3.orange { color: #f37421; }
h4.commons, h2.blue, h3.blue, h4.blue {
	color: #5FB0C6;
}
h4.shops { color: #f37421; }
ul#floorplan { margin: 0; padding: 0; list-style-type: none; }
ul#floorplan li { margin: 0; padding: 3px 0; }
ul#floorplan li.here { color: #7eb0cc; }
h2.news { color: #7eb0cc; }
p.date, p.publication { font-size: 11px; color: #e9d3a2; text-transform: uppercase; margin: 0; }
ul.pdf { margin: 0 0 25px 0; padding: 0; list-style-type: none; font-size: 12px; }
ul.pdf li { margin: 0; padding: 5px 0 5px 20px; background: url(../images/icon-pdf.gif) no-repeat 0px 50%; }
p.pdf { margin: 0; padding-left: 20px; background: url(../images/icon-pdf.gif) no-repeat 0px 50%; }
p.by { margin: 0 0 1.5em 0; }

div.hr {
  background-color: #002138;
  height: 1px;
  margin: 18px 0;
}
div.hr hr {
  display: none;
}



/* TABLES */
table.facts, table.renderings, table.full-renderings { margin: 10px 0 10px 0; padding: 0; }
table.facts td { padding: 5px; vertical-align: top; width: 25%; }
table.facts td.left { padding: 5px 10px 5px 0; }
table.facts td p { font-size: 11px; }
table.renderings td { vertical-align: top; width: 25%; padding-left: 2px; }
table.full-renderings td { vertical-align: top; width: 25%; }
table.full-renderings td p { font-size: 11px; margin: 0 0 10px 0; }