/* ***************************************************************************************
** These rules apply to index.html
------------------------------------------------------------------------------------------ */

/* Latyout: Showcases div
------------------------------------------------------------------------------------------ */
	div#showcases {
		padding:0 0 0 40px;
		clear:both;
	}

	div#showcases:after {
		content:".";
		height:0;
		visibility:hidden;
		display:block;
		clear:both;
	}

	div#showcases h2.first {
		margin:0 0 30px 0;
		padding:0 0 0 0;
		width:699px;
		height:15px;
		line-height:15px;
		font:normal 1.2em tahoma;
		position:relative;
		overflow:hidden;
	}

	div#showcases h2.first span {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(images/index/cases-h2-bg.gif) no-repeat bottom left;
	}

	div#showcases div.case-entry {
		width:213px;
		float:left;
		margin:0 30px 37px 0;
		display:inline;
	}

	div#showcases div.case-entry a:link, div#showcases div.case-entry a:visited {
		text-decoration:none;
		color:#484848;
	}

	div#showcases div.case-entry a:hover {
		color:#be0417;
	}

	div#showcases div.case-entry img {
		margin:0 0 6px 0;
		border:none;
	}

	div#showcases div.case-entry span {
		display:block;
	}

	div#showcases div.case-entry span.company {
		font:normal 1.2em tahoma;
		margin:0 0 3px 0;
	}

	div#showcases div.case-entry span.roles {
		font:normal 1.1em tahoma;
	}