@import url("master.css");

/* ---------------- LAYOUT  ------------------ */
body{
	background: #fff;
	color: #666;
	font: 12px/140% helvetica, arial, sans-serif;
	}

#wrapper{ 
	width: 880px; 
	margin: 30px auto;
	padding: 0;
	}

#header{
	height: 58px;
	position: relative;	
	}

#content{
	margin: 30px 0 10px 0;
	}

#footer{
	color: #c1c1c1;
	font-size: 10px;
	margin: 0 0 20px 0;
	}
	
/* ---------------- HEADER  ------------------ */	
#header .logo{ float: left; }
	
#topnav{
	float: right;
	padding: 0;
	margin: 20px 0 0 0;
	}
	
#topnav li.topnav-item{
	float: left;
	width: 110px;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
	height:35px;
	}		
	
/* set active state and swoosh on hover */
.swoosh{
	position: absolute;
	top: 18px;
	left: 0;
	display: none;
	}

#topnav li:hover img.swoosh,
#topnav li.over img.swoosh,
#topnav li.active img.swoosh{ display: block; }		

/* ---------------- CONTENT  ------------------ */	
.hp-splash{
	margin: 15px 0 0 0;
	}

#portfolio-splash{
	width: 700px;
	overflow: hidden;
	margin: 70px auto 60px;
	}

#portfolio-splash a:link,
#portfolio-splash a:visited,
#portfolio-splash a:hover{ 
	display: block;
	margin: 0 10px 10px 0;
	float: left;
	width: 163px;
	height: 163px;
}

#portfolio-splash a#wilton-house{ background: url(/images/portfolio/landing/01.jpg) no-repeat top left; }
#portfolio-splash a#vogue-lobby{ background: url(/images/portfolio/landing/02.jpg) no-repeat top left; }
#portfolio-splash a#editors-office{ background: url(/images/portfolio/landing/03.jpg) no-repeat top left; }
#portfolio-splash a#tribeca-loft{ background: url(/images/portfolio/landing/04.jpg) no-repeat top left; }
#portfolio-splash a#gracie-gardens{ background: url(/images/portfolio/landing/05.jpg) no-repeat top left; }
#portfolio-splash a#forge-river{ background: url(/images/portfolio/landing/06.jpg) no-repeat top left; }
#portfolio-splash a#forge-river-guest{ background: url(/images/portfolio/landing/07.jpg) no-repeat top left; }
#portfolio-splash a#barn-conversion{ background: url(/images/portfolio/landing/08.jpg) no-repeat top left; }
#portfolio-splash a#washington-ct{ background: url(/images/portfolio/landing/09.jpg) no-repeat top left; }
#portfolio-splash a#wu-office{ background: url(/images/portfolio/landing/10.jpg) no-repeat top left; }
#portfolio-splash a#ny-apt{ background: url(/images/portfolio/landing/11.jpg) no-repeat top left; }
#portfolio-splash a#showhouse{ background: url(/images/portfolio/landing/12.jpg) no-repeat top left; }

#portfolio-splash a:hover{ background-position: 	0 -163px !important; }
	
.press-splash{
	margin: 40px 0 60px 0;
}
	
.press-splash table {
	margin-left: 50px;
}	

.press-splash table td{
	padding:0px 0px 30px 20px;
	vertical-align: top;
}

	
.bio{
	width: 670px;
	line-height: 170%;
	margin: 70px auto 72px auto;
	}
	
.bio em{
	color: #cc0000;
	font-style: normal;
	}	

.bio_images{ margin: -10px 10px 10px 0; }	
.bio_images img{ 
	margin-top: 10px; 
	margin-left: -70px;
	display: block;
	}	

.bio_content{ 
	margin-left: 190px; 
	padding: 0 0 10px 0;
	}

.contact{
	float: left;
	padding: 42px 0 0 40px;
	}

.contact address{ 
	font-style: normal;
	margin: 30px 0 20px;
	}	
	
#portfolio .showcase,
#press .showcase{
	float: left;
	width: 727px;
	}
	
#press .showcase-text {
	padding:0 10px 0px 0;
	font-size:14px;
}	

#press .showcase-text p {
 	line-height: 1.3em;
 	padding-top:0px;
 	margin:10px 0 0 0;
 	
}
	
#portfolio #sidebar,
#press #sidebar{
	width:132px; 
	float:right;
	}	

#sidebar ul{
	margin: 0;
	padding: 0;
	width: 132px;
	}

#sidebar li{
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 11px;
	}

.browse-projects,
.browse-press{
	width: 200px;
	float: right;
	font-size: 11px;
	text-align: right;
	margin: 10px 0 10px 10px;
	color: #999;
	overflow: hidden;
	}			
	
/* ---------------- TYPOGRAPHY  ------------------ */
h2{
	color: #e11819;
	font-weight: normal;
	font-size: 18px;
	}	
	
h3{ 
	font-size: 14px;
	margin-bottom: 15px;
	}

.bio h4{ margin-bottom: -10px; }	
	
.caption{
	color: #999;
	margin: 10px 0 0 0;
	font-size: 14px;
	letter-spacing: 2px;
	}

#photo-author, #photo-author-1{
	color: #999;
	font-size: 11px;
	display: none; /* turn on when needed */
	}	
	
#article{
	color: #999;
	font-size: 11px;
	}	
	
.photo-links {
	color: #999;
	font-size: 11px;
	}	
	
#counter{ 
	float: right;
	margin: 3px 10px 0 0; 
	}	
	
/* ---------------- LINKS  ------------------ */	
a:link,
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }

a:link,
a:visited,
a:hover{ color: #cc0000; }

#article a:link,
#article a:visited,
#sidebar a:link,	
#sidebar a:visited,
#photo-author a:link, #photo-author-1 a:link,
#photo-author a:visited, #photo-author-1 a:visited{ color: #666; }

#article a:hover,
#article a.active,
#sidebar a:hover,
#sidebar a.active,
#photo-author a:hover,
#photo-author-1 a:hover {
	text-decoration: none;
	color: #CC0000 !important; 
	}

#footer a{ text-decoration: none; }

#footer a:link,
#footer a:visited{ color: #666; }
#footer a:hover{ color: #cc0000; }