html {
	margin:0;
	padding:0;
	border:0;
	background: #eeeeee url(../images/bg-content.gif);
	background-position: top center;
	background-repeat: repeat-y;
	height: 100%;
	font-size: 100%;
}
body {
	margin:0; 
	padding:0;
	border:0;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .85em;
	line-height: 1.4em;
}
html>body {
 min-height: 100%;
 height: auto;
}

p, h1, h2, h3, h4, h5 { margin:0; padding:0; }
ul { margin:0; padding:0; list-style: none; }
a {
	color: #7e95a5;
	text-decoration: none;
}
a:hover {
	color: #7e95a5;
	text-decoration: underline;
}

#shell {
	margin: 0 auto;
	padding: 0;
	width: 856px;
	position: relative;
}

#navshell {
	position: absolute;
	top: 350px;
	left: 34px;
	z-index: 100;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	width: 126px; /* width needed or else Opera goes nuts */
}
#nav li a {
	height: 28px;
	display: block;
	background-position: top;
	background-repeat: no-repeat;
	padding:0 1px;
}
#mainmenu-about {
	width: 126px;
	background-image: url(../images/aboutus.gif);
	margin-right: 1px;
}
#mainmenu-work {
	width: 135px;
	background-image: url(../images/ourwork.gif);
}
#nav li span {
	display: none;
}
#nav li a:hover {
	background-position: bottom;
}

#nav li ul { /* submenu */
	position: absolute;
	/*  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top: 10px;
	font-size: 16px;
	letter-spacing: -1px;
}

#nav li ul a {
	padding: 0 12px;
	text-decoration: none;
	color: #768b8b;
}
#nav li ul a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #5a6363;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
.submenu-about {
	width: 106px;
	text-align: right;
	line-height: 1em;
}
.submenu-work {
	width: 130px;
	text-align: left;
	line-height: 1em;
}

#submenu-about, #submenu-work {
	position:absolute;
	z-index: 10;
	color: #5a6363;
}
#submenu-about li, #submenu-work li {
	margin: 0 0 4px 0;
}
#submenu-work a {
	color: #768b8b;
}
#submenu-work a:hover {
	color: #5a6363;
	text-decoration: none;
	font-weight: bold;
}
#submenu-about {
	width: 120px;
	left: 28px;
	top: 0;
	text-align: right;
}
#submenu-work {
	width: 130px;
	left: 172px;
	top: 0;
}


#top {
	clear:both;
	position: relative;
	width: 856px;
	height: 65px;
	overflow: hidden;
	background-color: #eeeeee;
}
#top ul {
	float: right;
	margin-right: 25px;
}
#top li {
	display: inline;
	float: left;
}
#top li a {
	height: 65px;
	display: block;
	background-position: top;
	background-repeat: no-repeat;
}
#top li a:hover {
	background-position: bottom;
}
#top li span {
	display: none;
}
#top-contact {
	width: 120px;
	background-image: url(../images/contact.gif);
	margin-right: 6px;
}
#top-login {
	width: 100px;
	background-image: url(../images/clientlogin.gif);
}
#top-stripe {
	margin-left: 16px;
}

#splash {
	clear:both;
	position: relative;
	width: 856px;
	height:320px;
}
#splash-stripe {
	position: absolute;
	left: 8px;
	z-index: 5;
}
#splash-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#content {
	background-image:url(../images/bottom-stripe.jpg);
	background-position: top left;
	background-repeat: no-repeat;
    min-height: 313px;
    height:     auto;
	position: relative;
}
/* for Internet Explorer */
* html #content {
height: 313px;;
}
/**/

#content h1 {
	font-size: 2.0em;
	line-height: 1.0em;
	margin: 0 40px 0 322px;
	padding: 16px 0 4px 0;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: -0.05em;
}

#content h2 {
	font-size: 1.8em;
	line-height: 1.0em;
	margin: 0 40px 0 322px;
	padding: 16px 0 4px 0;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: .05em;
	font-variant: small-caps;
}

#content a {
	color: #657784;
}

#content p {
	margin: 0 40px 0 322px;
	padding: 8px 0 4px 0;
	color: #222222;
}

#content ul,dl {
	margin: 30px 40px 30px 340px;
	padding: 0px;
	color: #222222;
	list-style: square outside;
	line-height: 1.5em;
}
dt{ margin-top:10px;}

#newsbox {
	position: relative;
	float: right;
	display: inline;
	width: 215px;
	padding: 24px 4px 6px 8px;
	margin: 5px 27px 4px 10px;
	color: #ffffff;
	background: #7e95a5 url(firmnewsbg.gif) top right no-repeat;
}
#newsboxlink {
	position:absolute;
	top: 0;
	right: 0;
	width: 140px;
	height: 25px;
	display: block;
}
#newsboxlink span {
	display: none;
}
#newsbox ul  {
	margin: 0px; !important
	padding: 0px;
	color: #ffffff;
	font-size: 12px;
	line-height: 14px;
	list-style: none;
}
#newsbox li {
	margin: 3px 0;
}
#newsbox ul a {
	padding-left: 15px;
	background-image: url(arrowbullet-dark.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #152028;
}
#newsbox ul a:hover {
	background-image: url(arrowbullet-light.gif);
	color: #ffffff;
	text-decoration: none;
}

#galleryMenu {
	text-align: left;
	width: 519px;
	margin-right: 28px;
	margin-bottom: 2px;
	margin-left: 303px;
	margin-top: 0;
	padding: 3px;
	background: #000000;
}
#galleryMenu h3 {
	margin-left: 6px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 1px;
}
#galleryMenu span {
	display:block;
	float:right;
	margin-right: 6px;
}

/* INNER FADE LINKS */
#sub-buttons {
	margin: 5px 28px 5px 322px;
	padding: 0;
	background: white;
}
.button {
	float: left;
	margin-right: 15px;
}

#expertise, #vision, #general {
	display: block;
	padding: 0;
}
#architecture, #designbuild, #interiordesign, #planning, #approach, #sustainability, #community, #careers {
	display: none;
	padding: 0;
}
#architecture-button, #designbuild-button, #interiordesign-button, #planning-button, #approach-button, #sustainability-button, #community-button, #general-button, #careers-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
	padding: 5px 0;
	cursor: pointer;
}

/* CONTACT FORM */
label{
	float:left;
	margin:4px 0;
	width:100px;
	display:block;
}

#footer {
	float: right;
	margin: 10px 28px 25px 345px;
	border-top: 1px #eeeeee solid;
	padding: 6px 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #999999;
}

.clear { clear:both; }
.red { color: #990000; }