body { margin: 0; padding: 0; background: #291a0d; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #fff; }

/* WRAPPERS*/
div#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: #341700 url("../images/bg-footer.gif") repeat-x left top; border-bottom: 3px solid #F1E0AF; }
div#wrapper-footer p { margin: 0px 0 0 0;}

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

/* ABSOLUTE DIVS */
#logo-brownproject { position: absolute; left: 5px;  top: 7px; }
#brown-header { position: absolute; left: 0px;   top: 90px; }

ul#global { list-style-type: none; margin: 0; padding: 0; position: absolute; }
ul#global li#contact a { position: absolute; top: 65px; left: 655px; width: 95px; height: 23px; background: url(../images/gnav-contact.gif) no-repeat 0px -23px; }
ul#global li#quote a {  position: absolute; top: 65px; left: 525px; width: 130px; height: 23px; background: url(../images/gnav-quote.gif) no-repeat 0px -23px;  }
ul#global li#about a {  position: absolute; top: 65px; left: 359px; width: 79px; height: 23px; background: url(../images/gnav-about.gif) no-repeat 0px -23px; }
ul#global li#ourwork a {  position: absolute; top: 65px; left: 438px; width: 87px; height: 23px; background: url(../images/gnav-ourwork.gif) no-repeat 0px -23px; }
ul#global li#clients a {  position: absolute; top: 10px; left: 640px; width: 100px; height: 23px; background: url(../images/gnav-clients.gif) no-repeat 0px -23px; }
ul#global li a span { display: none; }
ul#global li#contact a:hover, ul#global li#quote a:hover, ul#global li#about a:hover,
ul#global li#ourwork a:hover, ul#global li#clients a:hover { background-position: 0px 0px; }

/* BEGIN FLOATS */
body#home-commons #content { margin: 0; padding: 330px 0 0 0; width: 760px;  }
body#home-commons #subcontent { margin: 0; padding: 225px 0 0 0; width: 760px;  }

#nav1 { width: 190px; padding: 0; margin: 0 0 0 5px; float: left; }
#nav1_box { width: 200px; padding: 0; margin: 0 0 0 18px; float: left; }
#nav2 { width: 195px; padding: 0; margin: 0; float: left; }
#top-right { width: 365px; 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(../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 20px; float: left; }
#contact-info2 { width: 230px; margin: 0 0 0 20px; float: left; }
#contact-info3 { width: 220px; 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, #nav1_box ul, #nav2 ul { margin: 0; padding: 0; list-style-type: none;  }
#nav1 ul li, #nav1_box ul li, #nav2 ul li { margin: 0; padding: 2px 0 2px 0; font-size: 12px; }
#nav1 ul li a, #nav1_box ul li a, #nav2 ul li a { text-decoration: none; }
#nav1 ul li a:link, #nav1_box ul li a:link, #nav2 ul li a:link { color: #e9d3a2; }
#nav1 ul li a:visited, #nav1_box ul li a:visited, #nav2 ul li a:visited { color: #e9d3a2; }
#nav1 ul li a:hover, #nav1_box 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 { 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.solutions { display: block; width: 154px; height: 13px; background: url(../images/h2-solutions.gif) no-repeat top left; }
h2.recent { display: block;  width: 127px; height: 13px; background: url(../images/h2-recent.gif) no-repeat top left; }
h2.brownproject { display: block;  width: 259px; height: 13px; background: url(../images/h2-brownproject.gif) no-repeat top left; }
h2.browncontact { display: block;  width: 280px; height: 13px; background: url(../images/h2-browncontact.gif) no-repeat top left; }
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.recentw { display: block;  width: 140px; height: 12px; background: url(../images/h3-recentwork.gif) no-repeat top left; margin: 5px 0 4px 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: 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; }
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; }

/* 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*/
fieldset {
    font: 0.8em "Helvetica Neue", helvetica, arial, sans-serif;
    color: #666;
    background-color: #471f00;
	padding: 10px 2px 20px 30px;
    border: solid 1px #cbb184;
	width: 350px!important;
    width: 325px;
    }
html fieldset{ position: relative; margin-top:1em; padding-top:.75em; }
legend {
    color: #cbb184;
    background-color: #341700;
    padding: 2px 6px;
    margin-bottom: 4px;
	border: solid 1px #cbb184;
}
html legend{ position:absolute; top: -1em; left: .5em; }

label  {
color:#ffffff;
    }
	
/*Extras*/
#wrapper-footertape { position: relative; margin: 0 auto; padding: 0; height: 270px; background: #341700 url("../images/bg-footer.gif") repeat-x left top; }

div#wrapper-footertape p { margin: 0px 0 0 0;}
#wrapper-footertape p { font-size: 9px; color: #a38562; margin: 25px 0 0 5px; text-align: center; letter-spacing: 2px; }
#wrapper-footertape p a:link, #wrapper-footer p a:visited { color: #a38562; text-decoration: none; }
#wrapper-footertape p a:hover { color: #9a4500; text-decoration: underline; }

/*Project Page*/
#recent_proj {background: #fff url("../images/blueback.jpg") repeat-y; overflow: hidden;
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-size:75%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
color:#333333;
height: 520px;
}
#recent_proj a {
color:#FF6600;
font-weight:bold;
text-decoration:underline;
}
#recent_proj a:hover {
color:#FF6600;
text-decoration:none;
}
#recent_proj, #recent_proj:after {_zoom: 1;}
#recent_proj h2 {margin: 0; padding: 0; background: #9e9e9e url('../images/header-gradient.jpg') no-repeat; height: 30px; color: white; text-indent: -9999px;}
#recent_proj #menu {float: left; width: 195px;}
#recent_proj #panels {float: left; width: 510px; margin: 0 0 0 1px; background: #fff url('../images/marketing/background-shadow.gif') repeat-x; overflow: hidden; padding: 20px;}
#recent_proj p {
margin: 0 0 1em 0;
}
#recent_proj img {
border:medium none;
}

#recent_proj_bot {
background: transparent url('../images/project-bottom.jpg') no-repeat top;
height: 20px;
padding: 0 0 15px 0;
}

#panels h3 {margin: 0 0 5px 0; padding: 0; color: #333; font-size: 1.2em; line-height: 1.4em; font-weight:bold;}
#menu {padding: 0 0 10px 0; margin:0 0 0 3px;}
#menu a {margin: 10px 10px;}
#menu ol {margin: 0 0 10px 0; padding: 0; list-style: none;}
#menu ol li {
	
	color: white;
	padding: 5px 15px;
	border-bottom: 1px solid #7794a6;
	list-style: none;
	margin: 0;
}
#menu ol li a {
	
	color: #ffffff;
	display:block;
	list-style: none;
	margin: 0;
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
}
#menu ol li a:hover {
color:#ffffff;
}
#menu ol li:hover {background-color: #769ab2;}
#menu ol li.active {background-color: #5c8caa;}

.column {
float:left;
overflow:hidden;
}
.grid2col .column { width: 49%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

ul.bullets {
	list-style: square;
	padding-left: 15px;
	padding-top: 0px;
}