/* Portfolio LIST PAGE */
#portfolioList
	{
	margin: 15px 0;
	width:100%;
	}

	
	/* Full stands for portfolio display with Images and Introduction Text */
	
	div.lPortfolioFull		
		{
		margin: 10px 0;
		padding: 5px;
		border: 1px solid #666;
		}
		div.lPortfolioFullEven
			{
			background: #333;
			}
		div.lPortfolioFullOdd
			{
			background: #444;
			}

			div.lPortfolioFullImage
			{
				float: left;
				clear: none;
				margin: 0 10px 0 20px;
				padding: 0;
				/*		border: 1px solid #e2e2e2; */
			}

			div.lPortfolioFullImage a img
			{
				padding: 5px;
				border: 1px solid #666;
			}
			
			div.lPortfolioFullImage a:hover img
			{
				padding: 5px;
				border: 1px solid #a7bbc0;
			}

	
	/* Simple stands for portfolio display without the Introduction Text */
	
	div.lPortfolioSimple
		{
		float: left;
		margin: 10px;
		width: 260px;
		background:#333;
		border: 1px solid #666;
		}
	div.lPortfolioSimple:hover
		{
		border: 1px solid #a7bbc0;
		}
		
		div.lPortfolioSimpleEven
			{
			margin-left: 20px;
			}
			
			div.lPortfolioSimpleImage
				{
				float: left;
				clear: none;
				margin: 0;
				padding: 5px;
				background: #333;
				}
		
			h2.lPortfolioSimpleLegend
				{
				text-align: center;
				}

	#content .lPortfolioFull a, #content .lPortfolioFull a:link, #content .lPortfolioFull a:active, #content .lPortfolioFull a:visited {
			border: none;
		}
		
	#content .lPortfolioSimple a, #content .lPortfolioSimple a:link, #content .lPortfolioSimple a:active, #content .lPortfolioSimple a:visited {
			border: none;
		}
		

/* Portfolio DETAILS PAGE */
#portfolioDetail
	{
	width:100%;
	}
	div.dPortfolioThumbnail			/* d stands for details */
		{
		float: left;
		text-align: center;
		border: 1px solid #666;
		background: #333;
		padding: 3px;
		margin: 0 5px 10px 0;
		}
		
	div.dPortfolioImage
		{
		float: left;
		clear: both;
		text-align: center;
		border: 1px solid #666;
		background: #333;
		padding: 3px;
		margin: 20px 5px 10px 0;
		}		

	div.dPortfolioDescription
		{
		clear: both;
		}