div#content-wrapper {
	background-color: #666;
	position: relative;
}
div#content-wrapper.portfolio {
	background: #666 url(../img/portfolio/bg_portfolio.gif) left center no-repeat;
}

		.portfolio #content {
			float: left;
			padding-top: 75px;
			padding-left: 100px;
			width: 250px;
			color: #fff;
		}
				
		.portfolioSamples #content {
			float: left;
			padding: 40px 0 0 50px;
			width: 300px;
			color: #fff;
			height: 1%;
			overflow: hidden;
			
		}
			.casestudies #content {
				padding-top: 0px;
			}

		.portfolio #content p {
			font-size: 1.2em;
			line-height: 1.5em;
			font-weight: bold;
		}
		.portfolioSamples #content h1 {
			margin-top: 0;
			padding-top: 0.5em;
		}
		
		div#samples {
			font-size: 1.2em;
			position: absolute;
			bottom: 10px;
			left: 25px;
			color: #fff;
			width: 674px;
			overflow: hidden;
		}
		
		div#samples ul#wrapper {
			position: relative;
			left: 0;
			top: 0;
			width: 9000px;
		}
		div#samples ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		div#samples li {
			float: left;
		}
		div#samples .broadcast,
		div#samples .digital,
		div#samples .print,
		div#samples .direct,
		div#samples .pr {
			padding-left: 5px;
		}
		
		div#samples ul ul {
			float: left;
			padding: 7px 5px 0;
			overflow: hidden;
			margin: 0;
		}

		div#samples .broadcast ul { background: #868686; }
		div#samples .digital ul { background: #8da0b3; }
		div#samples .print ul { background: #aeae6f; }
		div#samples .direct ul { background: #aeae6f; }
		div#samples .pr ul { background: #aeae6f; }
		
		img#btnLeft {
			position: absolute;
			bottom: 10px;
			left: 0;
			cursor: pointer;
		}
		img#btnRight {
			position: absolute;
			bottom: 10px;
			right: 0;
			cursor: pointer;
		}
		
		ul#focalNav {
			list-style: none;
			padding: 0;
			margin: 0;
			position: absolute;
			top: 20px;
			left: 50px;
			width: 500px;
			text-align: left;
		}
		ul#focalNav li {
			display: inline;
			line-height: 1.5em;
			color: #fff;
			font-size: 1.1em;
		}
		ul#focalNav .sep {
			padding: 0 4px;
			color: #bbb;
		}
		
		ul#focalNav li a {
			color: #fff;
			text-decoration: none;
		}
		ul#focalNav li a.active,
		ul#focalNav li a:hover {
			text-decoration: underline;
		}

	
	/* Safari Hacks */
	a#broadcastLink,
	a#digitalLink,
	a#printLink,
	a#directLink,
	a#prLink {
		position: relative;
		color: #fff;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	html* a#broadcastLink,
	html* a#digitalLink,
	html* a#printLink,
	html* a#directLink,
	html* a#prLink {
		display: block;
	}
	
	ul.samples {
		padding: 0;
		margin: 1em 0 0 0;
		list-style: none;
		overflow: hidden;
		margin-bottom: 1em;
	}
	ul.samples li {
		float: left;
		display: block;
		padding: 0 15px 8px 0;
	}
	ul.samples li.third {
		padding-right: 0;
	}
	ul.samples li.forth {
		clear: left;
	}
	
	ul.samples li a, 
	ul.samples li span {
		width: 90px;
		display: block;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}
	
	ul.samples li span { margin-bottom: 10px; }

	ul.samples li a img {
		width: 86px;
		height: 58px;
	}
	
	#content p {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	ul.focal-samples {
		overflow: hidden;
		padding: 0;
		margin: 1em 0 0 0;
		list-style: none;
		width: 330px;
	}
	ul.focal-samples li {
		float: left;
		display: block;
		padding: 0 34px 8px 0;
	}
	ul.focal-samples li.third {
		padding-right: 0;
	}
	
	ul.focal-samples li a, 
	ul.focal-samples li span {
		display: block;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}
	
	
	.thickbox {
		display: block;
		position: relative;
	}
	.thickbox span {
		position: absolute;
		top: 5px;
		left: 5px;
		width: 59px;
		height: 62px;
		z-index: 1;
		background: url(../img/zoom_in.png);
		behavior: url(../css/iepngfix.htc);
	}
	
	.thickbox img {
		z-index: 0;
		display: block;
	}
	
	
	#content ul.samples li.offThumb {
		color: #999;
	}
	
	#content ul.samples li.hover,
	#content ul.samples li:hover {
		color: #fff;
	}

		
	div#focal {
		float: left;
		padding-top: 50px;
		padding-left: 30px;
		height: 1%;
		overflow: hidden;
		min-height: 325px;
	}
			.casestudies div#focal {
				padding-top: 55px;
			}
	
	div#focal h4 {
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
		margin: 0.5em 0;
	}
	
	.clientData {
		color: #fff;
		width: 300px;
	}
		
	.clientData h2 {
		margin: 0 0 0.5em;
		text-transform: uppercase;
		letter-spacing: 0.3em;
		line-height: 1.2em;
/*
		padding-left: 10px;
		text-indent: -10px;
*/
	}
	.clientData a {
		color: #fff;
	}
	.clientData p {
		margin-top: 0;
		margin-bottom: 1em;
		font-size: 1.1em;
	}
	
	div#focal a {
		color: #fff;
	}
	
	a.casestudy {
		display: block;
		height: 21px;
		text-decoration: none;
	}
	
	#successLogo {
		position: absolute;
		top: 20px;
		left: 612px;
	}