/* @group top-of-page-band */

/* @group project-page */

	#left-col-top #more-button {
		padding-left: 1.5em;
	}
	#left-col-top #more-button a {
		color: #939599;
	}
	#left-col-top #more-button a:hover {
		color: #346b9e;
	}
	#right-col-top #project-image {
	}
	#right-col-top #project-image img {
		width: 79.4em;
		height: 37em;
	}
	
	#right-col-top #image-hover a {
		display: block;
		scroll 0 0;
		position: absolute;
		z-index: 100;
		font-size:1em;
		margin-top: 16.5em; 
		margin-left: 31.9em;
		padding-top: 1.4em;
		padding-bottom: 1.1em;
		padding-left: 2.0em;
		padding-right: 2.1em;
		background-color: yellow;
	}

/* @end */

/* @end */

/* @group related-news */

#related-news {
	overflow: hidden;
	width: 100%;
}
	#related-news #news-container {
		padding-top: .5em;
	}
	#related-news a:hover {
		background: url(../images/hash_yellow.png) repeat;
	}
	#related-news ul  {
		overflow: hidden;
		width: 100%;
	}
		#related-news ul li {
			float: left;
			display: block;
			width: 35.9em;
			padding-top: 2.9em;
			padding-bottom: 3.5em;
		}

/* @end */

/* @group project-description */

	#project-description {
		padding-bottom: 5.5em;
		overflow: hidden;
		width: 100%;
	}
		#project-description #title {
			width: 64em;
			padding-bottom: 2em;
			padding-top: .5em;
			margin-top: 2em;
		}		
		.project_graphic_title {
			text-indent: -500em;
		}					
		#project-description #date {
			padding-bottom: .5em;
		}		
		#project-description #subtitle {
			padding-bottom: 1.5em;
			width: 64em;
		}
		#project-description #subtitle p {
			font-family: "Arial Rounded MT Bold", Arial;
			color: #1e1c1c;
		}
		#project-description #story {
		}
		#more-links {
			padding-top: 1.5em;
		}
		#more-links a:hover {
			background: url(../images/hash_yellow.png) repeat;
		}
		#more-links #more-images {
			padding-bottom: .5em;
		}
		
/* @end */

/* @group project-portfolio */


	#project-portfolio #image-caption.white small,
	.button.white a,
	.button.deactivated.white,
	#project-portfolio #info-bar dl.white dt,
	#project-portfolio #info-bar #client.white dd a,
	#project-portfolio #info-bar #disciplines-bar.white dd a {
		color: white;
	}
	#page-number,
	#project-portfolio #info-bar dl dt,
	.button.deactivated {
		opacity: 0.4;
	}
		
	#project-portfolio {
		padding-bottom: 1.5em;
		/*background: #F6F7F2 url(../images/columns.png) repeat-y;*/
	}
		#project-portfolio #mode-buttons-container {
			display: block;
			width: 169px;
			height: 42px;
			position: absolute;
			z-index: 100;
			font-size:1em;
		}

		
/* @group image-pagination */

		#project-portfolio #previous-zone a,
		#project-portfolio #next-zone a {
			display: block;
			width: 31.4em;
			height: 9em;
			position: absolute;
			z-index: 101;
			font-size:1em;
			margin-top: 42px;
		}
		#previous-button a, #next-button a {
			display: block;
			height: 2.5em;
			padding-top: 1.4em;
			position: fixed;
			z-index: 101;
			background-color: yellow;
			top: 350px;
			color: #346b9e;
		}
		#previous-button a {
			padding-left: 1.5em;
			width: 14.9em;
		}
		#next-button a {
			padding-left: 1em;
			width: 13.4em;
			left: 82.5em;
		}
		
/* @end */

/* @group image-pagination with icons */

	#project-portfolio #top-pagination-container {
		display: block;
		width: 30em;
		height: 42px;
		position: absolute;
		z-index: 100;
		font-size:1em;
		margin-left: 1.2em;
	}

	#top-pagination-container ul {
		overflow: hidden;
		width: 100%;
	}
	#top-pagination-container ul li {
			float: left;
			text-indent: -500em;
		}
		#top-pagination-container ul li a,
		#top-pagination-container ul li .selected {
			display: block;
			width: 1.8em;
			height: 3.9em;
			margin-bottom: .1em;
			background: url(../images/portfolio_image_icon.png) no-repeat;
		}	
		#top-pagination-container ul li .selected {
			background-position: 0 -100px;
		}
		#top-pagination-container ul li a:hover {
			background-color: yellow;
			background-position: -100px -100px;
		}
	
/* @end */	

		#project-portfolio #portfolio-image {
			padding-bottom: 1em;
		}
		#project-portfolio #portfolio-image img {
			display: block;
			width: 96.9em;
			height: 36.9em;
		}			
		#project-portfolio #image-caption {
			padding-left: 1.5em;
			padding-bottom: .1em;
			margin-bottom: 3em;
		}			
		#project-portfolio #navigation-bar {
			padding-left: 1.5em;
			height: 4em;
			overflow: hidden;
			width: 100%;
		}
			#navigation-bar #back-to-case-study a {
				display: block;
				float: left;
				height: 2.5em;
				width: 12.9em;
				padding-top: 1.4em;
				padding-left: 2em;
				background: url(../images/arrow_back.png) no-repeat -15px 0;
				border-bottom: 1px solid #E0E1E2;
				margin-right: 2.1em;
			}
			#navigation-bar #back-to-case-study.white a {
				background: url(../images/arrow_back_w.png) no-repeat -15px 0;
				border-bottom: 1px solid white;
			}
				#navigation-bar #back-to-case-study a:hover {
					background-position: -15px -100px;
					text-indent: 0em;
				}
					#navigation-bar #back-to-case-study.white a:hover {
						border-bottom-color: yellow;
					}
			#navigation-bar .portfolio_selection a {
				display: block;
				float: left;
				height: 2.5em;
				width: 14.9em;
				padding-top: 1.4em;
				border-bottom: 1px solid #E0E1E2;
				margin-right: 24.1em;
			}

			.button a, .button.deactivated {
				display: block;
				float: left;
				height: 2.5em;
				width: 12.9em;
				margin-right: .1em;
				padding-top: 1.4em;
				border-bottom: 1px solid #E0E1E2;
			}

/* @group navigation-bar */

			#navigation-bar #more-info a {	
				margin-right: 16.1em;
			}
			#navigation-bar #more-info a {	
				width: 14.9em;
			}
			.button.white a, .button.deactivated.white {
				border-bottom-color: white;
			}
				.button a:hover {
					background: url(../images/hash_yellow.png) repeat;
				}
				.button.white a:hover {
					color: #346b9e;
					background-color: yellow;
					border-bottom-color: yellow;
				}
			#page-number {	
				float: left;
				height: 2.5em;
				width: 12.9em;
				margin-right: .1em;
				padding-top: 1.4em;
				border-bottom: 1px solid #E0E1E2;
			}	
			#page-number.white {	
				color: white;
				border-bottom-color: white;
			}	
			#next-image a {	
				width: 11.9em;
			}

/* @end */

/* @group info-bar */

#project-portfolio #info-bar {
			padding-left: 1.5em;
			padding-top: 2.4em;
			height: 5em;
			overflow: hidden;
			width: 100%;
		}
		#project-portfolio #info-bar #client {
			float: left;
		}
		#project-portfolio #info-bar #client dd a {
			display: block;
			float: left;
			width: 14.9em;
			margin-right: 2.1em;
			padding-top: .5em;
			padding-bottom: 1em;
			border-bottom: 1px solid #E0E1E2;
		}
		#project-portfolio #info-bar #client.white dd a {
			border-bottom-color: white;			
		}
		#project-portfolio #info-bar #client dd a:hover {
			background: url(../images/hash_yellow.png) repeat;	
		}
		#project-portfolio #info-bar #client.white dd a:hover {
			color: #346b9e;
			background-color: yellow;
			border-bottom-color: yellow;
		}
			
		#project-portfolio #info-bar #disciplines-bar { /*(dl)*/
			float: left;
			width: 37.9em;
			border-bottom: 1px solid #E0E1E2;
			margin-right: 14.1em;
		}	
		#project-portfolio #info-bar #disciplines-bar.white { /*(dl)*/
			border-bottom-color: white;
		}		
		#project-portfolio #info-bar #disciplines-bar dd {
			
		}
		#project-portfolio #info-bar #disciplines-bar dd a {
			display: block;
			float: left;
			padding-top: .5em;
			padding-bottom: 1em;
		}
		#project-portfolio #info-bar #disciplines-bar dd a:hover {
			background: url(../images/hash_yellow.png) repeat;
		}
		#project-portfolio #info-bar #disciplines-bar.white dd a:hover {
			color: #346b9e;
			background-color: yellow;
			border-bottom-color: yellow;
		}
		#project-portfolio #info-bar #disciplines-bar dd i {
			float: left;
			display: block;
			width: .9em;
			height: 1.5em;
			text-indent: -200em;
			background: url(../images/plus.png) no-repeat 0 .2em;
			margin-right: .3em;
			margin-left: .3em;
			margin-top: .5em;
		}
		#project-portfolio #info-bar #disciplines-bar.white dd i {
			background: url(../images/plus_w.png) no-repeat 0 .2em;
		}


/* @end */

/* @group studio-link */

	#project-portfolio #studio-link {
		float: left;
	}
	#project-portfolio #studio-link a {
		display: block;
		width: 20.9em;
		padding-top: 2em;
		padding-bottom: 1em;
		background: url(../images/folder.png) no-repeat 0 10px;
		padding-left: 4em;
		border-bottom: 1px solid #E0E1E2;
	}
	#project-portfolio #studio-link.white a {
		color: white;
		border-bottom-color: white;
	}
	#project-portfolio #studio-link a:hover {
		background-position: 0 -90px;
	}
	#project-portfolio #studio-link.white a:hover {
		color: #346b9e;
		background-color: yellow;
		border-bottom-color: yellow;
	}
	
/* @end */
																					
/* @end */

/* @group multitags-container */

#cropper {
	width: 16.4em;
	overflow: hidden;
}
	#multitags-spread {
		padding-top: 2em;
		width: 32.9em;
	}
		#multitags-spread #left {
			float: left;
			width: 15em;
			padding-left: 1.5em;
		}
		#multitags-spread #right {
			float: left;
			width: 14.9em;
			padding-left: 1.5em;
		}

/* @end */

/* @group filters */

#more-filters {
	margin-top: 3em;
}

	#more-filters #toggle-button a {
		display: block;
		padding-top: .4em;
		padding-bottom: .5em;
		margin-bottom: .1em;
		background: url(../images/revealing_arrow.png) no-repeat 0 5px;
		padding-left: 1.5em;
		color: #a3a6a8;
	}
	#more-filters #toggle-button a:hover {
		color: #487dac;
	}
	#more-filters #toggle-button.expanded a {
		background-position: 0 -95px;
	}
		
/* @end */

/* @group selections */

	#top-of-page-band #right-col-bottom #comments #count {
		float: left;
		display: block;
		width: 21.666666666666em; /*260 in 1.2em mode*/
	}
		
/* @end */