/*

COLOR KEY:
Magenta: #d6468c
Grey Text: #808285
Blue Text: #0080b9 (as seen on homepage news headlines)

*/



/* Basics
----------------------------------------------*/
body {font-size:62.5%}

#container {font-size: 1.2em;}

body, p, div, td, h1, h2, h3, h4, li {
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 1.5;
  color: #808285;
  }

td {text-align: left;}  /* For occasional IE6 bug */ 

p {margin: 0 0 1em;}
  
img {
  display: block;
  border: 0; 
  }


/* Layout stuff
----------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #fff;
  }
  
#container {
  padding: 0;
  margin: 0 auto;
  width: 960px;
  min-height: 566px; /* This height is also used in vertical centering JS; see "/inc/vert_center.html" */
  height: auto;
  position: relative;
  text-align: left;
  background: #fff;
  }

/* for Internet Explorer 6, which doesn't get min-height */
/*\*/
* html #container {
  height: 566px;
  }
/**/

#headlines {
  margin: 0 auto;
  width: 455px;
  color: #d6468c;
  font-weight: normal;
  font-size: 1.8em;
  }

#headlines a:link, #headlines a:visited {
  color: #d6468c;
  text-decoration: none;
  }

#headlines a:hover, #headlines a:active {
  color: #000;
  text-decoration: underline;
  }
  
#headlines.bottom {
  position: absolute;
  top: 370px;
  left: 253px;
  }  

#logo {
  position: absolute;
  top: 160px;
  width: 100%;
  }

#logo img {
  margin: 0 auto;
  padding-left: 2px;
  }

#content {
  margin: 0; 
  padding: 0;
  width: 960px;
  position: relative;
  top: 75px;
  float: left;
  border: 0px solid red;
  }

#description {
  padding-right: 10px;
  width: 317px;
  height: 433px;
  height: 420px; /* For thumbnails to align with bottom of larger image */
  position: relative;
  float: right;
  background: transparent;
  border: 0px solid #000;
  }

#description p, #description li {
  font-size: .9em;
  color: #4c4c4c;
  }



/* Header Rules
----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0;
  padding: 0;
  line-height: 1.5;
  font-weight: bold; 
  text-transform: uppercase;
  }

h1 {
  margin: 0 0 13px;
/*  margin-top: 35px; */
  font-size: 1.1em;
  color: #808285; 
  }

h1.news_heading {
	padding:0 0 0;
	text-transform: capitalize;
	color: #d6468c;
	}

h2 {
  font-size: .9em;
  color: #808285;
  }

#silo_news h2, 
#silo_news h2 a:link, 
#silo_news h2 a:visited {
  margin: 3em 0 13px;
  font-size: 1em;
  text-transform: capitalize;
  color: #d6468c;
  }

#silo_news h2.alpha {
  margin-top: 0;
  }

#silo_news h2 a:link, 
#silo_news h2 a:visited  {
  text-decoration: underline;
  }

h3 {
  font-size: .9em;
  text-transform: none;
  color: #808285; 
  }

h4, h5 {
  font-size: .8em;
  color: #000; 
  }


/* Link Rules
----------------------------------------------*/
#content a:link, #content a:visited {
  color: #000;
  text-decoration: none;
  }

#content a:hover {
  color: #000;
  text-decoration: underline;  
  } 

#content a:active {
  color: #000;
  text-decoration: none;  
  }

#content a.offsite {
	padding: 0 13px 0 0;
	background: transparent url(/img/icon_offsite.png) no-repeat center right;
	}


/* Nav
----------------------------------------------*/
#nav {
  margin: 0 auto;
  padding: 0;
  width: 510px;
width: 520px;
  height: 20px;
  position: relative;
  top: 520px;
  border: 0px solid #000;
  }

#nav ul {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  float: left;
  }

#nav li {
  margin: 0;
  padding: 0 27px;
padding: 0 19px;
  float: left;
  background: transparent;
  border: 0px solid #000;
  }

#nav ul li a {
  margin: 0;
  padding: 5px 0;
  display: block;
  height: 10px;
  text-transform: uppercase;
  text-align: center;
  font-size: .9em;
  text-decoration: none;
  border: 0px solid #000;
  }

#nav li a:link, #nav li a:visited {
  color: #808285; 
  }

#nav li a:hover, #nav li a:active {
  color: #d6468c; 
  }

#nav li a span {display: none;}


#nav li#nav_work {
  padding-left: 28px;
  width: 40px;
  }
#nav li#nav_ksw {width: 30px;}
#nav li#nav_practice {width: 64px;}
#nav li#nav_video {width: 44px;}
#nav li#nav_news {width: 39px;}
#nav li#nav_contact {width: 63px;}


#nav li#nav_work a:link, #nav li#nav_work a:visited {background: url(/img/nav_work.png) no-repeat center center;}
#nav li#nav_ksw a:link, #nav li#nav_ksw a:visited {background: url(/img/nav_ksw.png) no-repeat center center;}
#nav li#nav_practice a:link, #nav li#nav_practice a:visited {background: url(/img/nav_practice.png) no-repeat center center;}
#nav li#nav_video a:link, #nav li#nav_video a:visited {background: url(/img/nav_video.png) no-repeat center center;}
#nav li#nav_news a:link, #nav li#nav_news a:visited {background: url(/img/nav_news.png) no-repeat center center;}
#nav li#nav_contact a:link, #nav li#nav_contact a:visited {background: url(/img/nav_contact.png) no-repeat center center;}


#nav li#nav_work a:hover, #nav li#nav_work a:active, 
#silo_work #nav li#nav_work a:link, #silo_work #nav li#nav_work a:visited /* "You Are Here" Rules */
  {
  color: #d6468c; 
  background: url(/img/nav_work_over.png) no-repeat center center;
  }
  
#nav li#nav_ksw a:hover, #nav li#nav_ksw a:active, 
#silo_ksw #nav li#nav_ksw a:link, #silo_ksw #nav li#nav_ksw a:visited /* "You Are Here" Rules */
  {
  color: #d6468c;   
  background: url(/img/nav_ksw_over.png) no-repeat center center;
  }

#nav li#nav_practice a:hover, #nav li#nav_practice a:active, 
#silo_practice #nav li#nav_practice a:link, #silo_practice #nav li#nav_practice a:visited /* "You Are Here" Rules */
  {
  color: #d6468c; 
  background: url(/img/nav_practice_over.png) no-repeat center center;
  }

#nav li#nav_video a:hover, #nav li#nav_video a:active, 
#silo_video #nav li#nav_video a:link, #silo_video #nav li#nav_video a:visited /* "You Are Here" Rules */
  {
  color: #d6468c; 
  background: url(/img/nav_video_over.png) no-repeat center center;
  }

  
#nav li#nav_news a:hover, #nav li#nav_news a:active, 
#silo_news #nav li#nav_news a:link, #silo_news #nav li#nav_news a:visited /* "You Are Here" Rules */
  {
  color: #d6468c; 
  background: url(/img/nav_news_over.png) no-repeat center center;
  }

#nav li#nav_contact a:hover, #nav li#nav_contact a:active, 
#silo_contact #nav li#nav_contact a:link, #silo_contact #nav li#nav_contact a:visited /* "You Are Here" Rules */
  {
  color: #d6468c;    
  background: url(/img/nav_contact_over.png) no-repeat center center;
  }
  
  

/* Sub Nav
----------------------------------------------*/

#snav {
  margin: 0 auto;
  padding: 0;
  width: 483px;
width: 505px;  
  height: 20px;
  position: relative;
  top: 57px;
  left: 2px;
  border: 0px solid #000;
  }

#snav ul {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  float: left;
  }

#snav li {
  margin: 0;
  padding: 0;
  padding: 0 16px;
padding: 0 18px;
  display: block;
  float: left;
  background: transparent;
  border: 0px solid #000;
  }

#silo_practice #snav li {
  padding: 0 14px; /* Used when "Leaders" was "Staff" (which was 43px wide, as opposed to 60) */
  padding: 0 12px;  
padding: 0 15px;
  }

#snav ul li a {
  margin: 0;
  padding: 5px 0;
  display: block;
  height: 10px;
  text-transform: uppercase;
  font-size: .9em;
  text-align: center;
  text-decoration: none;
  border: 0px solid #000;
  }

#nav li a span {display: none;}

#snav li a:link, #snav li a:visited {
  color: #808285; 
  }

#snav li a:hover, #snav li a:active {
  color: #d6468c; 
  }

#snav li a span {display: none;}


#snav li#snav_campus {width: 55px;}
#snav li#snav_cultural {width: 69px;}
#snav li#snav_urbanism {width: 69px;}
#snav li#snav_residential {width: 85px;}
#snav li#snav_other {width: 45px;}

#snav li#snav_profile {width: 57px;}
#snav li#snav_leaders {width: 60px;}
#snav li#snav_publications {width: 98px;}
#snav li#snav_comp_awards {width: 167px;}


#snav li#snav_campus a:link, #snav li#snav_campus a:visited {background: url(/img/snav_campus.png) no-repeat center center;}
#snav li#snav_cultural a:link, #snav li#snav_cultural a:visited {background: url(/img/snav_cultural.png) no-repeat center center;}
#snav li#snav_urbanism a:link, #snav li#snav_urbanism a:visited {background: url(/img/snav_urbanism.png) no-repeat center center;}
#snav li#snav_residential a:link, #snav li#snav_residential a:visited {background: url(/img/snav_residential.png) no-repeat center center;}
#snav li#snav_other a:link, #snav li#snav_other a:visited {background: url(/img/snav_other.png) no-repeat center center;}


#snav li#snav_profile a:link, #snav li#snav_profile a:visited {background: url(/img/snav_profile.png) no-repeat center center;}
#snav li#snav_leaders a:link, #snav li#snav_leaders a:visited {background: url(/img/snav_leaders.png) no-repeat center center;}
#snav li#snav_publications a:link, #snav li#snav_publications a:visited {background: url(/img/snav_pubs.png) no-repeat center center;}
#snav li#snav_comp_awards a:link, #snav li#snav_comp_awards a:visited {background: url(/img/snav_comp_awards.png) no-repeat center center;}


#snav li#snav_campus a:hover, #snav li#snav_campus a:link.active, #snav li#snav_campus a:visited.active {
  background: url(/img/snav_campus_over.png) no-repeat center center;
  }
#snav li#snav_cultural a:hover, #snav li#snav_cultural a:link.active, #snav li#snav_cultural a:visited.active {
  background: url(/img/snav_cultural_over.png) no-repeat center center;
  }
#snav li#snav_urbanism a:hover, #snav li#snav_urbanism a:link.active, #snav li#snav_urbanism a:visited.active {
  background: url(/img/snav_urbanism_over.png) no-repeat center center;
  }
#snav li#snav_residential a:hover, #snav li#snav_residential a:link.active, #snav li#snav_residential a:visited.active {
  background: url(/img/snav_residential_over.png) no-repeat center center;
  }
#snav li#snav_other a:hover, #snav li#snav_other a:link.active, #snav li#snav_other a:visited.active {
  background: url(/img/snav_other_over.png) no-repeat center center;
  }
  

body.profile #snav li#snav_profile a:link, body.profile #snav li#snav_profile a:visited, 
#snav li#snav_profile a:hover, #snav li#snav_profile a:active {
  background: url(/img/snav_profile_over.png) no-repeat center center;
  }
body.leaders #snav li#snav_leaders a:link, body.leaders #snav li#snav_leaders a:visited, 
#snav li#snav_leaders a:hover, #snav li#snav_leaders a:active {
  background: url(/img/snav_leaders_over.png) no-repeat center center;
  }
body.publications #snav li#snav_publications a:link, body.publications #snav li#snav_publications a:visited,   
#snav li#snav_publications a:hover, #snav li#snav_publications a:active {
  background: url(/img/snav_pubs_over.png) no-repeat center center;
  }
body.comp_awards #snav li#snav_comp_awards a:link, body.comp_awards #snav li#snav_comp_awards a:visited, 
#snav li#snav_comp_awards a:hover, #snav li#snav_comp_awards a:active {
  background: url(/img/snav_comp_awards_over.png) no-repeat center center;
  }


/* Tert Nav Rules (leaders)
----------------------------------------------*/
#tnav {
  float: left;
  position: absolute;
  top: 0px;
  left: 166px;
  width: 300px;
  border: 0px solid #000;
  }

#tnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  }

#tnav li {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  width: 300px;  
  background: transparent;
  border: 0px solid red;
  }

#tnav li a {
  margin: 0;
  padding: 3px 0;
  display: block;
  height: 11px;
  width: 300px;  
  text-transform: uppercase;
  font-size: .9em;
  text-decoration: none;
  border: 0px solid #000;
  }

#tnav li a:link, #tnav li a:visited {
  color: #808285; 
  }

#tnav li a:hover, #tnav li a:active {
  color: #d6468c; 
  }

#tnav li#tnav_emily a:link, #tnav li#tnav_emily a:visited {background: url(/img/tnav_emily.png) no-repeat center center;}
#tnav li#tnav_joon a:link, #tnav li#tnav_joon a:visited {background: url(/img/tnav_joon.png) no-repeat center center;}
#tnav li#tnav_lena a:link, #tnav li#tnav_lena a:visited {background: url(/img/tnav_lena.png) no-repeat center center;}

#tnav ul li img {
  padding: 3px 0;
  }

#tnav li a span {display: none;}

body.emily #tnav li#tnav_emily a:link, body.emily #tnav li#tnav_emily a:visited, 
#tnav li#tnav_emily a:hover, #tnav li#tnav_emily a:active {
  background: url(/img/tnav_emily_over.png) no-repeat center center;
  }
body.joon #tnav li#tnav_joon a:link, body.joon #tnav li#tnav_joon a:visited, 
#tnav li#tnav_joon a:hover, #tnav li#tnav_joon a:active {
  background: url(/img/tnav_joon_over.png) no-repeat center center;
  }
body.lena #tnav li#tnav_lena a:link, body.lena #tnav li#tnav_lena a:visited, 
#tnav li#tnav_lena a:hover, #tnav li#tnav_lena a:active {
  background: url(/img/tnav_lena_over.png) no-repeat center center;
  }  



/* List Rules
----------------------------------------------*/
ul {
  padding: 0;
  margin: 0 0 1em;
  list-style-type: none;
  }

ol {
  margin-top: 0;
  margin-bottom: 1em;
  }

ol li {
  padding: 0 0 4px 0;
  margin: 0;
  background: none; 
  list-style-type: decimal;
  }

ol.noindent {
  padding: 0 0 0 2.2em;
  margin: 0;
  }

ol.noindent li {
  padding: 0 0 1em;
  margin: 0;
  }

ul li, ol li ul li {
  padding: 0 0 0 2.4em;
  list-style-type: none;
  background: url(/img/li.gif) no-repeat 1.2em .47em; 
  }

ul.noindent li, ol li ul.noindent li, 
table ul li, table ol li ul li 
 {
  padding: 0 0 0 1.4em;
  list-style-type: none;
  background: url(/img/li.gif) no-repeat .2em .47em; 
  }

ol li ul li, ul li ul li {
  padding: 0 0 0 2.4em;
  background: url(/img/li.gif) no-repeat 1.2em .47em;
  }

ul.nobul li {
  padding-left: 0;
  background: none;
  }

ul li ol li {
  padding: 0 0 2px 0;
  margin: 0 0 0em;
  background: none; 
  list-style-type: decimal;
  }

ul.spacious li {margin-bottom: 1em;}


/* Matrix (main Work page) Rules
----------------------------------------------*/
#matrix {
  margin: 80px auto;
  width: 853px;
  border: 0px solid black;
  }

#matrix div.row {
  width: 853px;
  float: none;
  border: 0px solid red;
  }

#matrix div {
  float: left;
  border: 0px solid red;
  }

#matrix div.left_pad_slim {
  padding-left: 50px;
  }

#matrix div.left_pad_wide {
  padding-left: 100px;
  }

#matrix div.right_pad_slim {
  padding-right: 50px;
  }

#matrix div.right_pad_wide {
  padding-right: 100px;
  }

#matrix img {
  display: inline;
  float: left;
  }

#matrix_popup {
  padding: 2px 5px;
  color: #808285;
  width: auto;
  position: absolute;
  text-align: left;
  background: #fff;
  }



/* Project pages
----------------------------------------------*/ 

#img_lrg {
  position: absolute;
  top: 0;
  left: 0;
  width: 623px;
  border: 0px solid #000;
  }

#img_lrg img {
  margin: 0;
  padding: 0;
  float: right;
  vertical-align: top;
  }
 

#silo_work #description #scrollable {
  height: 380px;
  }

#quote {
  color: #808285;
  font-size: .9em;
  line-height: 1.3;
  }

#quote span {
  font-style: italic;
  }

ul#imagegallery {
  margin: 0 0 0;
  padding: 0;
  width: 327px;
  float: left;
  list-style: none; 
  position: absolute;
  top: 396px;
  border: 0px solid #000;
  }

ul#imagegallery li {
  margin: 0 10px 0 0; 
  padding: 0; 
  width: auto;
  display: inline;
  float: left; 
  background: transparent;
  border: 0px solid #000;
  }

ul#imagegallery li a {
  display: block;
  }

ul#imagegallery li.last {
  margin-right: 0;
  padding-top: 12px;
  }

ul#imagegallery li.last a:link, ul#imagegallery li.last a:visited {
  padding: 5px 5px 2px 0;
  font-size: 1.25em;
  color: #808285;
  text-decoration: none;
  font-weight: bold;
  display: block;
  background: #fff;
  }
  
ul#imagegallery li.last a:hover, ul#imagegallery li.last a:active {
  color: #000;
  }  


/* Homepage
----------------------------------------------*/ 

#silo_home #content {
  top: 90px;
  }


/* Work Project Pages
----------------------------------------------*/ 
#silo_work #content {top: 50px;}

#silo_work #description {
  padding-top: 35px;
  }

#silo_work #description #scrollable {
  height: 350px;
  }
  

/* News Page
----------------------------------------------*/ 
#silo_news #content {
  margin: 0 auto;
  width: 480px;
  position: relative;
  top: 10px;
  float: none;
  }

#silo_news #scrollable {
  padding: 0 0 0;
  text-align: left;
  overflow: auto;
  }
  
#silo_news #scrollable p {  
  line-height: 1.3;
  }

#silo_news #scrollable .news_photo {
  margin: 1em 0 3em;
   }

#silo_news img {
  padding-bottom: 1em;
   }




/* Contact Page
----------------------------------------------*/ 
#silo_contact #content {
  top: 20px;
  }

#silo_contact #contact_info {
	margin: 8px 0 25px;
  }

#silo_contact #img_lrg {padding-top: 14px;}



/* Practice Pages
----------------------------------------------*/ 
#silo_practice h1 {margin-top: 0;}

#silo_practice #content {
  top: 85px;
  }

#silo_practice #description {
  height: auto;
  }

#silo_practice.leaders #description {
  right: 110px;
  }


#silo_practice #description #scrollable {
  height: 370px;
  border: 0px solid blue;
  }    
  
#silo_practice.comp_awards #description, #silo_practice.comp_awards #description #scrollable {

  width: 600px;
  border: 0px solid red;
  }

#silo_practice.comp_awards #description #col1, 
#silo_practice.comp_awards #description #col2 {
  padding-left: 20px;
  float: left;
  width: 260px;
  border: 0px solid #000;
  }
  
#silo_practice.comp_awards #description #col2 {}  
 
#silo_practice.leaders #img_lrg {
  float: left;
  width: 623px;
  position: relative;
  border: 0px solid #000;
  }


/* Video Page
----------------------------------------------*/
#silo_video #content {
  margin: 0 auto;
  padding: 75px 0 0 0;
  width: 676px;
  position: relative;
  top: 10px;
  float: none;
  }


/* News Links
----------------------------------------------*/

#silo_home #content ul#home_news {
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
	font-size:.9em;
	top:-60px;
	left: 520px;
	width: 195px;
	}
	
#silo_home #content ul#home_news li {
	margin:0;
	padding:5px 0;
	list-style:none;
	background:none;
	}
	
#silo_home #content ul#home_news a {
	color: #d6468c;
	font-weight: bold;
	}


/* Misc Stuff
----------------------------------------------*/ 
.inline {display: inline;}

form, input {
  margin: 0;
  padding: 0;
  }

input {font-size: .9em;}

hr, .hide, #skip {display: none;}

.pink {
  color: #d6468c;
  font-weight: normal;
  }

.upper {text-transform: uppercase;}

#description #scrollable {
  height: 319px;  
  width: 317px;  
  overflow: auto;
  border: 0px solid #000;
  }