/**
 * Portfolio CSS
 * Copyright (c) Fluid Creativity, 2009
 */



/* Landing Page Styling */

select#tagFilter {
	width: 138px;
}

ul#portfolioList {
	margin: 0;
	list-style: none;
	list-style-image: none;
	clear: both;
}

	ul#portfolioList li {
		width: 472px;
		margin-left: 2px;
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: top;
	}
	
		body.largeText ul#portfolioList li {
			margin-left: 1px;
		}

		ul#portfolioList li.firstItem {
			margin-left: 0;
		}

		ul#portfolioList li img {
			border: 1px solid #4f4f4f;
			margin-bottom: 0.5em;
		}

	ul#portfolioList h2 {
		margin-bottom: 0.5em;
	}

	ul#portfolioList p {
		margin: 1em 10px;
		color: #fff;
	}

#pagingLinks {
	float: left;
	margin: 0;
}

	#pagingLinks a, #pagingLinks del {
		height: 2em;
		line-height: 2em;
	}

/* Project Page Styling */

#projectDetails p {
	margin-bottom: 0.3em;
	clear: both;
}

#projectDetails strong {
	color: #96F437;
}

#projectDetails ul, #awardList ul {
	list-style: none;
	list-style-image: none;
	margin: 0 0 1em 0;
	color: #fff;
}

	#projectDetails ul.services a {
		font-weight: normal;
		color: #fff;
		text-decoration: none;
	}

		#projectDetails ul.services a:hover {
			text-decoration: underline;
		}

#portfolioNav {
	width: 242px;
}

	#portfolioNav .columnContent {
		margin-top: 0;
		margin-bottom: 0;
	}

	#portfolioNav a#scrollUpLink, #portfolioNav a#scrollDownLink {
		position: absolute;
		right: 0;
		outline: none;
		width: 16px;
		height: 14px;
		display: block;
		text-indent: -10000px;
	}
	
		#portfolioNav a#scrollUpLink {
			top: 0;
			background: url(../../images/buttons/upArrow.png) 0 0 no-repeat;
		}
		
		#portfolioNav a#scrollDownLink {
			bottom: 0;
			background: url(../../images/buttons/downArrow.png) 0 0 no-repeat;
		}

		#portfolioNav a#scrollUpLink:hover, #portfolioNav a#scrollDownLink:hover {
			background-position: 0 100%;
		}

#serviceImage {
	border: none;
	padding: 1px;
	margin-bottom: 7px;
}

#portfolioImages {
	width: 948px;
	height: 377px;
	overflow: hidden;
	margin-left: 0px;
}

	#portfolioImages.reduced {
		width: 526px;
		height: 209px;
	}

p.pdfDownload {
	background: url(../../images/icons/pdf.gif) 0 50% no-repeat;
	padding: 10px 0 10px 30px;
}

	p.pdfDownload a {
		color: #fff;
		font-weight: normal;
		text-decoration: none;
	}

		p.pdfDownload a:hover {
			text-decoration: underline;
		}
