/* CSS Document */

body,td,th {
color: #333333;
	font:normal 12px/20px Gotham-Book, Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}g
body {
	background-color:#FFFFFF;
	margin:0;padding:0;
	text-align:center;
	color:#333333;
}

a:focus, a:active { outline:none; }
#wrapper {width:980px; margin:0 auto; padding:0; vertical-align:top; text-align:left; border:0}
#header {width:100%; float:left; height:170px;}
#content {width:100%; float:left; clear:both;}
#main {margin:0 0 0 25px; padding:0; float:left; width:520px;}
#main.projects {margin:0 0 0 25px; padding:0; float:left; width:580px;}
#main.key{margin:0 0 0 25px; padding:0; float:right; width:750px;}
#main.home{margin:30px 0 0 25px; display:inline; padding:0; float:left; width:720px; }

#rightside {width:150px; float:right; text-align:left; vertical-align:top; padding:0; }
#description {display:none; width:520px;} /* HIDE PROJECT DESCRIPTION BEFORE CLICKING I */
#prjinfo {display:none; width:520px;} /* HIDE PROJECT DESCRIPTION BEFORE CLICKING I */

#header img {float:left; margin:0; border:0}

/* TOP NAV */
#topnav {width:765px; float:right;  margin:10px 0 0 0; padding:0; text-align:left;}
#topnav div.toplink { padding:10px 29px 0 0; margin:0; width:auto; float:left;}
#topnav div.toplink a {text-decoration:none; line-height:25px; color:#777777; width:100px; letter-spacing:.2em;}
#topnav div.toplink a:hover {color:#000000;}
#topnav div.toplink a.here {color:#000000;}


/*SIDE NAV */
#sidenav {width:140px; float:left;  margin:0; padding:0 0 0 50px; }
#sidenav div.sidelink{ margin:0 0 12px 0; padding:0; text-align:left;}
#sidenav div.sidesub { margin:0; padding:0; text-align:left;}
#sidenav div.nestedlink{ margin:-10px 0 15px 0; padding:0; text-align:left; }
#sidenav div.nestedlink div.sidelink{ margin:0 0 2px 0; padding:0; text-align:left;}
#sidenav div.sidelink a, #sidenav div.sidesub a {text-decoration:none; line-height:14px; margin:0; padding:0; color:#777777; width:130px;}
#sidenav div.sidelink a:hover, #sidenav div.sidesub a:hover {color:#000000;}

#sidenav div.workcategories { padding:0; margin:0; min-height:410px; height:auto !important; height:410px; } 

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sidenav div.workcategories { padding:0; margin:0; min-height:400px; height:auto !important; height:400px; }
}
 

/* GENERAL STYLES */
.h1{display:none;}
p {line-height:20px; margin:0 0 20px 0; font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif;}
h1 {font: normal 13px/13px Gotham-Book, Verdana, Arial, Helvetica, sans-serif; margin:0 0 8px 0; padding:0; color:#000000;}
h2 {font: normal 12px/13px Gotham-Book, Verdana, Arial, Helvetica, sans-serif; margin:5px 0 8px 0; padding:0; color:#333333;}
h3  {color:#000000; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; font-weight:normal; font-size:12px; text-transform:uppercase;}
h3.news  {color:#000000; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; font-weight:bold; font-size:12px; text-transform:none;}
h4  {color:#000000; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; font-weight:normal; font-size:12px; }

#main a, #rightside a {color:#777777; text-decoration:none;}
#main a:hover, #rightside a:hover {color:#000000;}



/*LISTs FOR MAIN TEXT AREA */
#main img { border:0; margin:0 0 10px 0; padding:0; }
#main ul {list-style-image: url(../images/graybullet.gif); margin:5px 0 20px 15px; padding:0;}
#main ul li {font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; line-height:15px; margin: 0 0 5px 2px;}

#main ol {margin:5px 0 20px 25px; padding:0; list-style-position:outside; }
#main ol li {font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; line-height:15px; margin: 0 0 5px 0; padding-left:-5px;}

/* FIRM */

#main .principals {width:260px; margin:0 30px 0 0; padding:0; float:left;}
#main .principals ul {list-style:none; list-style-image:none; margin:0; padding:0; width:260px;}

#main .keypeople {width:230px; margin:0 30px 0 0; padding:0;float:left;}
#main .keypeople ul {list-style:none; list-style-image:none; margin:0; padding:0; width:230px;}

#main .principals ul li{ margin:0 0 15px 0; padding:0; text-align:left; line-height:16px;}
#main .principals ul li a, #main .keypeople ul li a {color:#777777; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif;}
#main .principals ul li a:hover, #main .keypeople ul li a:hover {color:#000000;}

#main .keypeople ul li{ margin:0 0 10px 0; padding:0; text-align:left; line-height:15px;}
#main .keypeople h3  {color:#000000; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0; font-weight:normal; font-size:12px; text-transform:uppercase;}
#main p.date {margin:0; color:#000000; font-weight:bold;}

#main p {margin:0 0 10px 0;}

#main.leaders h3 { line-height:20px; margin:0; font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#333333; font-weight:normal; }
#main.leaders h4 { line-height:20px; margin:0 0 10px; font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; color:#333333; font-weight:normal;  }




/*WORK */
#main #featured {width:260px; margin:0; padding:0;float:left;}
#main #historical {width:280px; margin:0 0 0 290px;m padding:0;}

#main #featured ul, #main #historical ul {list-style:none; list-style-image:none;  margin:0; padding:0; width:260px;}
#main #featured ul li, #main #historical ul li{ margin:0 0 15px 0; padding:0; text-align:left; line-height:16px; }
* html #main #featured ul li, #main #historical ul li{ margin:0 0 15px 0; padding:0; text-align:left; line-height:16px; border:1px solid #ffffff; }
#main #featured ul li a {color:#000000; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; display:block; }
#main #featured ul li a:hover {color:#777777;}


#description h1 { line-height:20px; margin:0; font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#333333; font-weight:normal;  }
#description h2 { line-height:20px; margin:0; font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; color:#333333; font-weight:normal;  }

#prjinfo h1 { line-height:20px; margin:0; font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#333333; font-weight:normal;  }
#prjinfo h2 { line-height:20px; margin:0; font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; color:#333333; font-weight:normal;  }


/* THUMBNAIL TABLE */
table#thumbs { margin:0 0 10px 0; padding:0; border-collapse:collapse;}
table#thumbs td {vertical-align:top; text-align:left; padding:0 0 10px 0;}
table#thumbs td.left {padding-right:10px;}

table#thumbs td a {margin:0; /*filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;*/  display:block; float:left;}
table#thumbs td img {margin:0;}
/*table#thumbs td a:hover img {filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;}*/


#main img { border:0; margin:0 0 10px 0; padding:0; }
#main ul {list-style-image: url(../images/graybullet.gif); margin:5px 0 20px 15px; padding:0;}
#main ul li {font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; line-height:15px; margin: 0 0 5px 2px;}



/* RIGHT COLUMN STYLES FOR EXTRA STUFF */
#rightside h1 {width:145px; display:block; clear:both;} 

#rightside ul {list-style-image: url(../images/graybullet.gif); margin:5px 0 20px 15px; padding:0;}
#rightside ul li {font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; line-height:15px; margin:0 0 5px 2px; padding:0;}

#rightside ol {list-style-position:inherit; padding:0; margin:0 0 15px 30px;}
#rightside ol li {font-size:10px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif; line-height:15px; margin:0 0 5px 0; padding:0 0 0 -10px;} 
#rightside ol li p {line-height:14px; margin:0; font-size:12px; font-family:Gotham-Book, Verdana, Arial, Helvetica, sans-serif;}

#rightside #slideshow {
    position:relative;
    height:150px;
    margin:0;
    padding:0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


#rightside #slideshow IMG.last-active {
    z-index:9;
}

#homeslideshow {
    position:relative;
    height:455px;
    width:715px;
    margin:0;
    padding:0;
}

* html #homeslideshow {
    position:relative;
    height:455px;
    width:715px;
    margin:-435px 0 0 0;
    padding:0;
}

#homeslideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#homeslideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


#homeslideshow IMG.last-active {
    z-index:9;
}

img.grayoutline {
	position:relative; top:0; left:0; z-index:999;
}	

* html img.grayoutline {
	position:relative; top:30px; left:0; z-index:999;
}	

#project_label {width:150px;  float:left; display:block; margin:0 0 15px 0;}
#project_label p {font:normal 12px/16px Gotham-Book, Verdana, Arial, Helvetica, sans-serif; width:100%;}


#project_advance {width:140px; float:left; display:block; padding:0; margin:0 0 15px 0; }
#project_advance p {font:normal 12px/16px Gotham-Book, Verdana, Arial, Helvetica, sans-serif; width:100%;}
#project_advance a {width:70px; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#777777; text-decoration:none;}
#project_advance a.previous {float:left; text-align:left;}
#project_advance a.next {float:right; text-align:right;}
#project_advance a:hover {text-decoration:none; color:#000000;}

body#firm a.profile, body#firm a.approach {color:#000000;}


/* FLOAT FIX */

#float-fix {width:100%; clear:both;}


/* CAREERS HIDE AND SHOW */
.more {
    display: none;
    border-top: 0;
    border-bottom: 1px solid #ededed;
	margin-bottom:20px; }
a.showLink, a.hideLink {
    text-decoration: none;
    color: #777777;
	font-size:10px;
	text-transform:uppercase;
    padding-left:8px;
    background: transparent url('../images/down.gif') no-repeat left; }
a.hideLink {
    background: transparent url('../images/up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
    color:#000000; padding-left:8px;}

#footer{width:980px; margin:0 auto; padding:0; text-align:center; font-size:10px; line-height:14px;}
#footer .footer_blank{width:980px; margin:50px 0 0 0; padding:0;}
.footer_hyp{color:#777777; text-decoration:none; font-weight:bold;}
.footer_hyp:hover{color:#000000; text-decoration:none; font-weight:bold;}
hr{size:1px; color:#CFCFCF; background-color:#CFCFCF;}