html { 
	background:#d1d6dc url(/images/interface/city_html.jpg); 
	height:100%;
	border-top:rgba(0,0,0,.1) 9px solid;
	}
body#city { 
	background:none; 
	color:#021332;
	text-shadow: rgba(255,255,255,.8) 0 1px 1px;
	border-top:rgba(255,255,255,.8) 1px solid;
}
body#city #branding { padding:20px 30px 20px 20px; }
body#city.folio #branding { padding:20px 30px 0 20px; }
/*Logo
----------------------------------------------- */
body#city #logo a, body#city #logo a:visited {
	float:left;
	background:url(/images/interface/city_logo.png) no-repeat; 
	width:220px; 
	height:40px; 
	text-indent:-9999em; 
	overflow:hidden;
	opacity: .9; 
}
body#city #logo a:hover, body#city #logo a:focus { 
	opacity: 1;
}
body#city #banner {
	background:url(/images/interface/chicago_banner.png) repeat-x left bottom;
	color:#fff;
	width:960px;
	height:220px;
}

body#city.portland #banner {
	background:url(/images/interface/portland_banner.png) repeat-x left bottom;
}
body#city .content {
	background:url(/images/interface/city_col.png) no-repeat right top;
}
body#city #primary { float:left; background:url(/images/interface/city_col.png) no-repeat right top; width:600px; min-height:300px; padding:20px 50px 0;  }
body#city #secondary { float:right; width:240px; padding:20px 12px 0 0;  }
body#city #siteinfo {  }
body#city #banner img { position:absolute; bottom:1px; right:1px; z-index:100; }
body#city h1 { color:#021332; padding:40px 0 0; }
body#city h2 { color:#021332; margin:0 0 20px; font-size:30px; }
body#city h3 { color:#021332; margin:0 0 40px; padding:0 0 10px; border-bottom:#021332 1px solid; font-size:20px; }
.content img {
	background:rgba(255,255,255,.5);
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
#city_projects { margin:0; list-style-type:none; }
ul#city_projects li { float:left; margin:0 10px 20px; }
/*Navigation
----------------------------------------------- */
#nav-main { position:relative; float:right; width:400px; margin:0; }
#nav-main li { list-style-type:none; }
#nav-main li a { position:absolute; top:0; right:0; display:block; height:50px; text-indent:-9999em; overflow:hidden; }
#n1 a, #n2 a, #n3 a, #n4 a, #n5 a, #n6 a { background:url(/images/interface/city_nav.png); }
#n1 a { background-position:0 0; width:61px; left:0; }
#n1 a:hover { background-position:-0 -50px; }
#n1 a.current { background-position:-0 -100px; }
#n2 a { background-position:-61px 0; width:73px; left:61px; }
#n2 a:hover { background-position:-61px -50px; }
#n2 a.current { background-position:-61px -100px; }
#n3 a { background-position:-134px 0; width:81px; left:134px; }
#n3 a:hover { background-position:-134px -50px; }
#n3 a.current { background-position:-134px -100px; }
#n4 a { background-position:-215px 0; width:87px; left:215px; }
#n4 a:hover { background-position:-215px -50px; }
#n4 a.current { background-position:-215px -100px; }
#n5 a { background-position:-302px 0; width:77px; left:302px; }
#n5 a:hover { background-position:-302px -50px; }
#n5 a.current { background-position:-302px -100px; }
#n6 a { margin:0 0 0 100px; background-position:-379px 0; width:56px; left:379px; }
#n6 a:hover { background-position:-379px -50px; }
#n6 a.current { background-position:-379px -100px; }

body#city .connect { background:url(/images/interface/chicago_contact.png) no-repeat; }
body#city.portland .connect { background:url(/images/interface/portland_contact.png) no-repeat; }

body#city #site-info { background:url(/images/interface/ledge.png) no-repeat center top; padding:40px 0 0; color:#555; text-align:center; }
body#city #site-info a  { color:#555; }
body#city #site-info a:hover  { color:#333; text-decoration:underline; }

.connect { border:none; }
.full { 
	display:block;
	background:url(/images/interface/full_portfolio.png) no-repeat;
	width:175px;
	height:40px;
	margin:0 auto;
	text-indent:-9999em;
	overflow:hidden;
	border:none;
}