#portfolio div#body {
	width: 940px;
}

#portfolio-main {
	width: 940px;
  position: relative;
	float: left;
	background: #fff url("../image/portfolio_bg.gif") repeat-y top right;
	z-index: 0;
}

h1#portfolio_header {
	margin-bottom: 5px;
	padding-left: 0px;
	margin-top: 0;
}

a { outline: none; }
	
	a img {
		border: 0;
	}

.categories {
	clear: both;
}

.categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.categories ul li { float: left}

	.categories ul a {
		float: left;
		margin-right: 11px;
		white-space: nowrap;
		font-size: 10px;
	}
	
  .showPortfolioGrid {
    font-weight: normal;
  }
  
  .more-portfolios {
  	width: 100%;
  	margin-bottom: 15px;
  	float: left;
  	clear: both;
/*    position: absolute;*/
/*    z-index: 200;*/
/*    top: 414px;*/
/*    left: 180px;*/
  }
  
  .display-cycle p {
  	width: 100%;
  	clear: both;
  }
  /*
  .project .highlight {
    color: white;
    background-color: #5D5D5D;
  }*/

.thumbnails {
	width: 220px;
	padding: 17px 20px 0 20px;
	float: right;
	background-color: #EFEFEF;
}

.thumbnails p {
  margin-top: 0;
}

.thumbnails table td {
	text-align: center;
	vertical-align: middle;
}

	.thumbnails table td a {
		display: block;
		border: 2px solid #fff;
		margin-bottom: 12px;
		margin-top: 0px;
		opacity: 0.9;
	}
	
	.thumbnails table td.left a { margin-right: 6px; }
	.thumbnails table td.right a { margin-left: 6px; }
	
	
	.thumbnails table td a.active {
		border-color: black;
		opacity: 1;
	}
	.thumbnails table td a:hover {
		border-color: black;
/*					border-color: white;*/
		opacity: 1;
	}
	
	.thumbnails .nav {
		width: 95px;
		margin-right: 13px;
		margin-top: 7px;
		margin-bottom: 15px;
	}
	
	.thumbnails a {
		font-size: 10px;
	}
	
	.thumbnails a#panel_prev {
/*		display: block;*/
/*		width: 16px;*/
/*		height: 20px;*/
/*		text-indent: -9999px;*/
/*		overflow: hidden;*/
/*		background: url("../image/arrow_left_small.png") no-repeat 0 -20px;*/
		float: none;
		outline: none;
	}
	
	.thumbnails a#panel_next {
/*		display: block;*/
/*		width: 16px;*/
/*		height: 20px;*/
/*		text-indent: -9999px;*/
/*		overflow: hidden;*/
/*		background: url("../image/arrow_right_small.png") no-repeat 0 -20px;*/
		float: none;
		outline: none;
	}
	
	.thumbnails a:hover#panel_prev,
	.thumbnails a:hover#panel_next {
		background-position: 0 0;
	}
	
	.thumbnails #thumbnail-panels {
		width: 220px;
		margin: 0 auto;
	}

.suplimental {
	width: 660px;
	float: left;
/*  clear: both;*/
	padding: 20px 0;
	margin: 0 20px 0 0;
	border-top: 1px solid #CFCFCF;
}
	.suplimental * {
		float: left;
	}
	
	.suplimental p {
	  margin-top: 0;
	  font-weight: normal;
	  line-height:15px;
	}
	
		.action {
			float: left;
			width: 200px;
		}
		
		.testimonials {
			width: 400px;
			margin-right: 20px;
			float: left;
			color: #4F4F4F;
		}
		/*
		.testimonials .quote {
			font-size: 14px;
			font-style: italic;
			font-family: Georgia, serif;
		}
		
		.testimonials .attribution {
			float: right;
		}
		*/
		
		.testimonials p.quote, #featured p.quote { margin-bottom: 0; margin-bottom: 0; }
		#featured p.quote {font-size: 10px;}
    .testimonials p.caption, #featured p.caption { font-style:italic; font-size: 10px; font-weight: bold; margin-top: 0; } /*text-align: right; margin-top: 0px;*/}
		/*
		.action {
			width: 200px;
			border: 1px solid #AFAFAF;
			background-color: #EFEFEF;
			-moz-border-radius: 3px;
			padding: 10px;
			cursor: pointer;
		}
		
		.action:hover {
			background-color: #BFBFBF;
			border-color: #8F8F8F;
		}
		
			.action h3 {
				font-size: 16px;
				margin-top: 0;
				margin-bottom: 0;
				border-bottom: 1px solid black;
			}
			*/
.display {
/*  background-color: white;*/
	position: relative;
}

.display {
	width: 660px;
	min-height: 330px;
	float: left;
	clear: left;
	padding: 13px 20px 0 0;
	position: relative;
}
	
  .display .project {
    float: left;
    width: 660px;
    position: relative;
  }

	.display .project .images {
		float: left;
		width: 400px;
		margin-bottom: 20px;
		margin-right: 20px;
	}
	
		.display .project .images .nav {
			width: 400px;
			/*height: 23px;*/
			text-align: right;
			position: static;
			float: left;
			margin-top: 0px;
			padding: 3px 0 1px 4px;
/*      background-color: red;*/
/*			border-left: 1px solid black;*/
		}
	
		.display .project .large-image {
/*      border: 2px solid black;*/
		}
		/*
		.display .project .images .nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		.display .project .images .nav li {
			float: left;
			margin-right: 5px;
		}
		*/
		#panel_pager,
		.display .project .images .cycle-pager {
			display: none;
		}
		
		.display .project .images .nav a {
			font-size: 10px;
/*      float: left;*/
/*      margin-right: 11px;*/
			margin-top: 2px 4px 0;
/*      padding: 2px;*/
/*      display: block;*/
/*      color: #5D5D5D;*/
/*			border-right: 1px solid black;*/
/*			border-bottom: 1px solid black;*/
			outline: none;
			white-space: nowrap;
		}
		/*
		.display .project .images .nav a {
			float: left;
			margin-right: 5px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			width: 24px;
			height: 24px;
			border: 1px solid #BFBFBF;
			background-color: #BFBFBF;
			outline: none;
		}
		*/
		.display .project .images .nav a.activeSlide {
			text-decoration: underline;
		}
		
		.display .project .images .nav a:hover {
/*      color: white;*/
/*      background-color: #1F1F1F;*/
		}
		
		.display .project .quickview {
			position: absolute;
			top: 0;
			left: 0;
		}
	
	.display .project .details {
		width: 208px;
		float: left;
	}
	
	.display .project .read-more {
		font-size: 10px;
	}
	
	.display .project .details p.bodytitle {
	  margin-top: 0;
	}
	/*
		.display .details p,
		.display .details ul li,
		.display .details h3,
		.display .blurb p {
			color: #2F2F2F;
		}
	*/
	
	.display .project .details ul {
		padding-left: 16px;
	}
	
	.display .blurb {
		float: left;
		clear: both;
		width: 580px;
		font-weight: normal;
	}
	
	.display .blurb .blurb-more {
		display: none;
		margin-bottom: 20px;
	}
	
	.display .project h2 {
		color: black;
		font-size: 16px;
	}
	
		.display .project h2 .category {
			font-size: 16px;
			color: #96959A;
		}
	
	.display a#project_prev {
		display: block;
		width: 10px;
		height: 20px;
/*		text-indent: -9999px;*/
/*		overflow: hidden;*/
/*		background: url("../image/arrow_left_small.png") no-repeat 0 -20px;*/
		outline: none;
	}
	
	.display a#project_next {
		display: block;
		width: 41px;
		height: 20px;
/*		text-indent: -9999px;*/
/*		overflow: hidden;*/
/*		background: url("../image/arrow_right_small.png") no-repeat 0 -20px;*/
		outline: none;
	}
	
	.display a:hover#project_prev,
	.display a:hover#project_next {
		background-position: 0 0;
	}
	
	

.nav {
	float: right;
	width: 41px;
	margin-top: 20px;
}
	.nav .next {
		float: right;
	}
	
	.nav .prev {
		float: left;
	}

.display .nav {
	clear:both;
	margin-top:0;
/*	position:absolute;*/
/*	right:20px;*/
/*	top:105px;*/
	width:52px;
	z-index:100;
}
	.display .nav .next {
		float: right;
	}
	
	.display .nav .prev {
		float: left;
	}