/* Work */
#page-work #content, #page-quotes #content { background: none; }
#page-work #primary { 
	clear: left;
	overflow: hidden;
	padding: 16px 0 0 0;
	width: 100%;
}
#page-work #work-intro { display: inline; float: left; width: 140px; }
#page-work h1 {
	float: left;
	font: bold 1.6em "Trebuchet MS",Trebuchet,Helvetica,sans-serif;
	margin: 0;
	width: 140px;
}
#page-work h2 {
	background: none;
	border: none;
	font-size: 1.1em;
	line-height: 1.1;
	margin: 0 0 .1em 0;
	padding: 0;
}
#page-work h3 { color: #79787d; }
#slideshow 			{
	background: transparent url(../img/css/icon_loader.gif) center center no-repeat;
	border-bottom: 1px solid #ddd;
	min-height: 35em;
	overflow: hidden;
	position:relative;
}
	* html #slideshow { height: 35em; }
	.slide 		{ float: left; margin-bottom: 80px; }
	.js .slide 	{ margin-bottom: 0; }
	.screens {
		background-position: 0 0;
		border: 7px solid #ededed;
		display: inline;
		float: left;
		height: 366px;
		margin: 0 14px 0 56px;
		width: 547px;
		position: relative; /* static if js */
	}
		.js .screens { position: static; }
		#content .screens img {
			background: transparent;
			border: none;
			padding: 0;
			position: absolute; left: -56px; bottom: -50px; /* relative to .screens for no js */
		}
		.js #content .screens img { left: 0; bottom: 0; } 
	.details {
		float: right;
		margin: 190px 0 1em 0;
		width: 187px;
	}
#prev, #next {
	background: transparent url(../img/css/work_slidecontrol.gif) 0 0 no-repeat;
	height: 85px;
	outline: none;
	overflow: hidden;
	position: absolute; left: 631px; top: 104px;
	text-indent: -999em;
	width: 28px;
	display: none; /* turn on with js */
}
	.js #prev, .js #next { display: block; }
	a#prev:hover { background-position: 0 -85px; }
#next {
	background-position: -28px 0;
	left: 670px;
}
	a#next:hover { background-position: -28px -85px; }
.slide a span 	 { display: none; }

#page-work #primary p { clear: left; float: left; width: 140px; margin: 0; }
#page-work #primary #work-intro p { margin-bottom: 1em; }
#page-team #primary p { margin-right: 0; }
#page-team img.left   { margin: 0 24px 24px 0; }

.bio img { float: left; margin: 0 .5em 0 0; }

#primary #work-list {
	float: none;
	list-style: none;
	margin: 1.7em 0 0 174px;
	width: 640px;
}
	* html #primary #work-list { margin-top: 2.9em; }
	*+html #primary #work-list { margin-top: 2.9em; }
	#work-list li {
		border: 3px solid #fff;
		float: left;
		height: auto;
		margin: 0 0 10px 12px;
	}
		#work-list li a { display: block; outline: none; }
		#work-list li.on { border-color: #fab14b; }
			#work-list li.on a { cursor: default; }
			#work-list li a:hover img { border-color: #999; }
			#work-list li.on a:hover img { border-color: #ccc; }
	#work-list img { display: block; height: 46px; width: 82px; }
	
	
/* Thumbs */
#content ul.screens-thumbs 			{ list-style: none; margin:1em 0 0 0; display: none; /* turn on with js */ }
.js #content ul.screens-thumbs 		{ display: block; }
ul.screens-thumbs li 				{ float: left; margin: 0 11px 0 0; }
* html ul.screens-thumbs li 		{ margin-right: 6px; }
ul.screens-thumbs li a				{ display: block; height: 35px; width: 50px; }
ul.screens-thumbs li img			{ display: block; height: 35px; width: 50px; }
#content ul.screens-thumbs .on img	{ border: 1px solid #fab14b; }