/* GENERAL RULES */
a
{
  outline: none;
}

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

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

/* WRAPPERS*/
body#home-commons div#home-wrapper { background: url("../jpg/photobar-commons2.jpg") repeat-x 0px 171px; }
body#home-shops div#home-wrapper { background: url("../jpg/photobar-shops2.jpg") repeat-x 0px 171px; }
div#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 760px;
	border: none;
}
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: 200px; background: #341700 url("../gif/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: #341700;  }

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

/* ABSOLUTE TOP BAR DIVS */
#logo-commons-big { position: absolute; left: 13px;  top: 73px; }
#logo-shops-big { position: absolute; left: 13px;  top: 76px; }
#badge-commons-big { position: absolute; left: 93px; top: 7px; }
#logo-commons-sm { position: absolute; left: 19px;  top: 75px; }
#logo-global { position:absolute; left:0px; top:65px; width:164px; height:130; }
#logo-global2 { position:absolute; left:0px; top:39px; width:164px; height:90px; }
/* Added after phone numbers were put into all logos. */
#logo-global3 { position:absolute; left:0px; top:65px; width:164px; height:130; }
#badge-commons-sm { position: absolute; left: 96px; top: 7px; }
#photo-bar-commons { position: absolute; left: 0px;   top: 171px; }
#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:442px; top:62px; }


/* GLOBAL NAVIGATION */
div#nav-home { position: absolute; top: 6px; left: 0px; width: 38px; height: 23px; }
div#nav-home a { display: block; width: 38px; height: 23px; background: url(../gif/gnav-home.gif) no-repeat 0px -23px; }
div#nav-home a:hover { background-position: 0px 0px; }
div#nav-entry { position: absolute; top: 8px; left: 0px; width: 38px; height: 23px; }
div#nav-entry a { display: block; width: 38px; height: 23px; background: url(../gif/gnav-entry.gif) no-repeat 0px -23px; }
div#nav-entry a:hover { background-position: 0px 0px; }
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(../gif/gnav-contact.gif) no-repeat 0px -23px; }
ul#entry li#news a {  position: absolute; top: 8px; left: 441px; width: 51px; height: 23px; background: url(../gif/gnav-news.gif) no-repeat 0px -23px;  }
ul#entry li#about a {  position: absolute; top: 8px; left: 381px; width: 59px; height: 23px; background: url(../gif/gnav-about.gif) no-repeat 0px -23px; }
ul#entry li#broker a {  position: absolute; top: 8px; left: 253px; width: 128px; height: 23px; background: url(../gif/gnav-broker.gif) no-repeat 0px -23px; }
ul#entry li#location a {  position: absolute; top: 8px; left: 168px; width: 84px; height: 23px; background: url(../gif/gnav-location.gif) no-repeat 0px -23px; }
ul#entry li#shops a {  position: absolute; top: 6px; left: 283px; width: 73px; height: 23px; background: url(../gif/gnav-shops.gif) 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(../gif/gnav-contact.gif) no-repeat 0px -23px; }
ul#global li#news a {  position: absolute; top: 6px; left: 631px; width: 60px; height: 23px; background: url(../gif/gnav-news.gif) no-repeat 0px -23px;  }
ul#global li#about a {  position: absolute; top: 6px; left: 560px; width: 66px; height: 23px; background: url(../gif/gnav-about.gif) no-repeat 0px -23px; }
ul#global li#broker a {  position: absolute; top: 6px; left: 432px; width: 128px; height: 23px; background: url(../gif/gnav-broker.gif) no-repeat 0px -23px; }
ul#global li#location a {  position: absolute; top: 6px; left: 348px; width: 84px; height: 23px; background: url(../gif/gnav-location.gif) no-repeat 0px -23px; }
ul#global li#shops a {  position: absolute; top: 6px; left: 277px; width: 73px; height: 23px; background: url(../gif/gnav-shops.gif) no-repeat 0px -23px; }
ul#global li#commons a {  position: absolute; top: 6px; left: 191px; width: 81px; height: 23px; background: url(../gif/gnav-commons.gif) no-repeat 0px -23px; }
ul#global li a span { display: none; }
ul#global li#contact 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#news.here a, ul#global li#about.here a, ul#global li#broker.here a,
ul#global li#location.here a, ul#global, ul#global li#commons.here a, ul#global li#shops.here a, 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, #nav2 {
	width: 125px;
	padding: 0;
	margin: 0;
	float: left;
}
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; }

#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(../gif/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: 150px; margin: 0 0 0 0px; float: left; }
#contact-info2 { width: 260px; margin: 0 0 0 20px; float: left; }
#contact-info2x { width: 375px; margin: 0 0 0 20px; float: left; }
#contact-info2x2y { width: 500px; margin: 0 0 0 20px; float: left; }
/* For new menus page --- equal columns */
#contact-info2x2 { width: 300px; float: left; }
#contact-info3 { width: 220px; margin: 0 0 0 20px; float: left; }
#contact-info3x { width: 300px; margin: 0 0 0 20px; float: left; }
/* For new menus page --- equal columns */
#contact-info3x2 { width: 300px; float: left; }
#contact-info2xy { width: 100%; margin: 0 0 0 20px; float: left; }
/* review system page, full width */
#contact-info4x { width: 700px; margin: 0 0 0 20px; 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; }
p { 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: url(../gif/h2-benefits.gif) no-repeat top left; }
h2.benefits2 { display: block; width: 50px; height: 13px; float:right; left:0px; top:80px; }
h2.details { display: block;  width: 121px; height: 13px; background: url(../gif/h2-details.gif) no-repeat top left; }
h2.intro-commons { display: block;  width: 367px; height: 16px; background: url(../gif/h2-intro-commons.gif) no-repeat top left; }
h2.intro-shops { display: block;  width: 367px; height: 16px; background: url(../gif/h2-intro-shops.gif) no-repeat top left; }
h2.facts { display: block;  width: 365px; height: 14px; background: url(../gif/h2-facts.gif) no-repeat top left; }
h2.floorplates { display: block;  width: 102px; height: 13px; background: url(../gif/h2-floorplates.gif) no-repeat top left; }
h3.views { display: block;  width: 109px; height: 12px; background: url(../gif/h3-panorama.gif) no-repeat top left; margin: 5px 0 3px 0; }
a.renderings  { display: block;  width: 160px; height: 13px; background: url(../gif/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(../jpg/entry-man.jpg) no-repeat 0px 0px; }
div#woman h2 a { margin: 0; padding: 0; display: block; width: 174px; height: 314px; background: url(../jpg/entry-woman.jpg) no-repeat 0px 0px; }


/* SPECIAL TYPE - Here lies the duct tape. Sinister deadlines caused this. We swear.  */
.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: 0 20px 50px 0; border: 1px solid #e9d3a2; }
img.float-right { float:right; margin: 0 0 50px 20px; border: 1px solid #e9d3a2; }
body#global h4 { margin: 15px 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: #7eb0cc;
	font-size:18px;
	margin-bottom: 0px;
}
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(../gif/icon-pdf.gif) no-repeat 0px 50%; }
p.pdf { margin: 0; padding-left: 20px; background: url(../gif/icon-pdf.gif) no-repeat 0px 50%; }
p.by { margin: 0 0 1.5em 0; }

/* 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; }

/* FORMS */	
input {
	color: #291A0D;
	border: 1px solid #A38562;
	font-size: 11px;
	padding: 3px;
  }
	
.button {
  padding: 2px;
  background-color: #6DA6E2;
  color: #FFFFFF;
  border: 1px solid #2763A5;
  font-size: 11px;
  }

.button2 {
  padding: 2px;
  background-color: #EAAF48;
  color: #FFFFFF;
  border: 1px solid #D05B21;
  font-size: 11px;
  }

.form-text-area {
  background-color: #FFFFFF;
  color: #999999;
  border: 2px solid #A38562;
  font-size: 11px;
  padding: 3px;
  }