/*-------------------------------------------
| portfolio.css
| The following provides CSS values for portfolio
| previews and examples.
---------------------------------------------*/

/*-------------------------------------------
| Imports
---------------------------------------------*/
	@import url(logos.css);


/*-------------------------------------------
| Content
---------------------------------------------*/
	#examplesHeader, #examplesFooter {
		position:relative;
		display:block;
		min-height:30px;
	}
	#companyTitle {
		position:relative;
		float:left;
		display:block;
	}
	.exampleTitle {
		margin:0px;
		padding:5px 0px;
	}
	#exampleDescription {
		clear:both;
	}
	#exampleThumbnailShell {
		min-height:200px;
		text-align:center;
		overflow:hidden;
		position:relative;
		width:556px;
	}
	.exampleThumbnailsHolder {}
	.exampleThumbnailLink {
		line-height:0px;
	}
	.exampleThumbnailImage {}

/*-------------------------------------------
| Thumbnail grids
---------------------------------------------*/
	.gridShell {
		position:relative;
		overflow:hidden;
	}	
	.gridCell {
		position:relative;
		float:left;
		margin:0px 5px 5px 0px;
		position: relative;
	}
	#exampleThumbnailShell .gridShell {
		width: 566px;
	}
	#exampleThumbnailShell .gridCell {
		width:180px;
		height:180px;
		overflow:hidden;
		border:1px solid #ccc;
	}


/*-------------------------------------------
| Navigation
---------------------------------------------*/
	.placeholder {
		display:none;
	}
	#exampleNavigationShell {
		position:relative;
		float:left;
		display:block;
	}
	.exampleSelectorDiv {
		display:none; /*hidden by default and revealed by js */
		position:relative;
		top:13px;
		margin-left:10px;
	}
	.examplesPrevNextButtonsShell {
		position:absolute;
		top:15px;
		right:10px;	
	}
	#examplesPrevNextButtons_bottom {
		top:5px;	
	}
	#exampleBody .navItem {
		margin:0;
	}