@charset "utf-8";

@media screen {
	/******************************************
	NAV
	******************************************/	
	div#nav ul li#portfolio a { background-position: -300px -100px; }
	div#nav ul li#portfolio a:hover { background-position: -300px -100px; }



	/******************************************
	CONTENT MAIN
	******************************************/	
	div#content-main h2 {
		background-image: url('../images/site/content_border_814x1.gif');
	}

	div#content-case-study {
		width: 814px;
		margin-bottom: 40px;
	}	
	div#content-case-study div.project {
		margin-bottom: 20px;
		width: 814px;
	}
	div#content-case-study div.project div.image {
		float: left;
		display: inline;
		width: 200px;
	}
	div#content-case-study div.project div.image img {}
	div#content-case-study div.project div.info {
		margin-left: 220px;
	}
	div#content-case-study div.project div.info h3 {
		font-size: 16px;
		font-weight: bold;
	}
	div#content-case-study div.project div.info p {
		font-size: 14px;
		line-height: 1.4em;
	}
	
	div#content-portfolio h2 { margin-bottom: 0; background-image: none; }
	div#content-portfolio table#portfolio-projects { width: 814px; }
	div#content-portfolio table#portfolio-projects {
		background: transparent url('../images/site/portfolio_table_th_bkgd_814x23.gif') no-repeat left top;
	}
	div#content-portfolio table#portfolio-projects tr td, div#content-portfolio table#portfolio-projects tr#header th {
		text-align: left;
		padding: 12px 20px 9px;
		border-bottom: 1px solid #DDD;
	}
	div#content-portfolio table#portfolio-projects tr#header th {
		padding-top: 4px;
		border-bottom: 0;
		font-size: 9px;
		text-transform: uppercase;
		color: #999;
	}
	div#content-portfolio table#portfolio-projects tr td.image {
		width: 100px;
	}
	div#content-portfolio table#portfolio-projects tr td.title {
		width: 200px;
	}
	div#content-portfolio table#portfolio-projects tr td.description {
		width: 270px;
	}
	div#content-portfolio table#portfolio-projects tr td.date_added {}
	div#content-portfolio table#portfolio-projects tr.last td {
		border-bottom: 0;
	}
}
