/*	
	showcase.css
	===============================================================
	Film NZ - Styles unique to: Production Showcase, July 2008	
	
	Created 14.07.2008 by SwordFox
	Reformatted 21.07.2008 by DS, to match CT standard
	Last Updated: See SVN
	_______________________________________________________________
*/	

	h3.showcase {
		width: 100%;
		float: left;
		margin: 13px 0 10px 0;
		padding-bottom: 0;
	}
	div.showcase_outer {
		float: left;
		width: 100%;
		position: relative;
		z-index: 0;
	}
	div.showcase {
		float: left;
		margin: 0 -8px 0 -8px;
		position: relative;
		z-index: 10;
	}
	div.showcase_bl {
		background: #f7f7f4 url(/resources/images/showcase_bl.gif) no-repeat bottom left;
		width: 100%;
		float: left;
	}
	div.showcase_br {
		background: url(/resources/images/showcase_br.gif) no-repeat bottom right;
		width: 100%;
		float: left;
	}
	div.showcase_tr {
		background: url(/resources/images/showcase_tr.gif) no-repeat top right;
		width: 100%;
		float: left;
	}
	div.showcase_tl {
		padding: 11px 20px 5px 20px;
		background: url(/resources/images/showcase_tl.gif) no-repeat;
		float: left;
	}
	div.showcase p.button {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0;
	}
	div.showcase p.button a {
		float: right;
		width: 35px;
		height: 35px;
		display: block;
		padding: 0;
		margin: 0;
		text-indent: -8000px;
		text-decoration: none;
		font-size: .05em;
		line-height: .05em;
		position: relative;
		z-index: 1000;
		background: url(/resources/images/vert-arrow.gif) no-repeat center right;
	}
	div.showcase_content {
		display: block;
		margin-left: 204px;
	}
	div.showcase_content div {
		float: left;
		width: 44%;
		padding: 0 3% 0 3%;
	}
	div.showcase_content div.border {
		border-left: 1px solid #fff;
		margin-left: -1px;
	}
	div.showcase_content h4, 
	div.showcase_content h5 {
		font-size: 1em;
		border: 0 none;
		background: none;
		color: #4f4a21;
		margin: 5px 0 5px 0;
		padding: 0;
	}
	div.showcase_content h5 {
		font-size: .95em;
	}
	div.showcase_content ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	div.showcase_content ul li, 
	div.showcase_content p {
		font-size: .9em;
		color: #4f4a21;
		padding: 0px;
		margin: 0 0 5px 0;
		line-height: 1.2em;
		text-align: left !important;
	}
	div.showcase_content ul ul li {
	/*	DS 21.07.2008 */
		font-size: 1em;
		margin-bottom: 0;
	}	
	div.showcase_content ul li {
		list-style-type: none;
		background: none;
	}
	/*\*/
	* html div.showcase_content ul li, 
	* html div.showcase_content p {
		font-size: .85em;
	}
	/**/
	div.showcase_image {
		float: left;
		width: 204px;
		position: relative;
	}
	div.showcase_image p {
		font-size: .9em;
		color: #928e6c;
		line-height: 1.2em;
		padding: 0;
		text-align: left !important;
	}
	/*\*/
	* html div.showcase_image p {
		font-size: .85em;
	}
	/**/
	div.showcase_image img {
		float: none;
		padding: 0;
		margin: 0;
	}
	#showcase {
		float: left;
		width: 100%;
		list-style-type: none;
		padding: 0;
		margin: 2px 0 10px 0;
	}
	#showcase li {
		float: left;
		padding: 0 9px 0 4px;
		margin: 0 0 15px 0;
		font-size: 1em;
		background: url(/resources/images/showcase_body.gif) no-repeat bottom left;
	}
	/*\*/
	* html #showcase li {
		padding-right: 0px;
		margin-left: -4px;
	}
	/**/
	#showcase li.active {
		background: url(/resources/images/showcase_body_active.gif) no-repeat bottom left;
	}
	#showcase li div {
		float: left;
		padding: 8px 12px 8px 12px;
		min-height: 45px;
		height: auto;
	}
	/*\*/
	* html #showcase li div {
		height: 45px;
	}
	/**/
	#showcase li div.title_image {
		padding-top: 12px;
		background: #96906c url(/resources/images/showcase_title_image.gif) no-repeat;
		min-height: 60px;
		height: auto;
	}
	/*\*/
	* html #showcase li div.title_image {
		height: 60px;
	}
	/**/
	
	#showcase li.active div.title_image {
		background: url(/resources/images/showcase_title_image_active.gif) no-repeat;
	}
	#showcase li img {
		float: left;
		border: 1px solid #cccabb;
		padding: 0;
		margin: 0;
	}
	#showcase li a:link, 
	#showcase li a:visited {
		text-decoration: none;
		color: #fff;
	}
	#showcase li.active a:link, 
	#showcase li.active a:visited {
		text-decoration: none;
		color: #4f4a21;
	}
	#showcase li p {
		font-size: 1em;
		color: #4f4a21;
		line-height: 1.2em;
		padding: 0;
		text-align: left !important;
	}
	/*\*/
	* html #showcase li p {
		font-size: .9em;
	}
	/**/
	#showcase li h4 {
		margin: 0 0 3px 0;
		padding: 0 0 3px 0;
		float: right;
		width: 117px;
		color: #ffffff;
		border-bottom: 1px solid #fff;
		background: none;
	}
	#showcase li p.year {
		color: #dedede;
		margin: 0;
		padding: 0;
		float: right;
		width: 117px;
		font-size: .9em;
	}
	/*\*/
	* html #showcase li p.year {
		font-size: .85em;
	}
	/**/
	#showcase li.active h4 {
		color: #4f4a21;
		border-bottom: 1px solid #4f4a21;
	}
	#showcase li.active p.year {
		color: #4f4a21;
	}
	ul.pagination {
		float: left;
		width: 100%;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	ul.pagination li {
		float: left;
		padding: 0 5px 0 0;
		margin: 0;
		background: none;
	}
	ul.pagination li a.prev, 
	ul.pagination li a.next, 
	ul.pagination li span {
		font-weight: bold;
	}
	ul.pagination li a.prev {
		padding: 0 0 0 11px;
		background: url(/resources/images/horz-arrow-cc292b-filled_left.gif) no-repeat left center;
	}
	ul.pagination li a.next {
		padding: 0 11px 0 0;
		background: url(/resources/images/horz-arrow-cc292b-filled.gif) no-repeat right center;
	}
	#showcase li {
		width: 224px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 214px;
	}
	#showcase li div {
		width: 214px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 190px;
	}