@charset "utf-8";
/* CSS Document */

body {
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	background-color: #d6d6d6;
	background-position:top;
	margin-left: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A0A0A0;
	
	width: 15000px; /* (23 * 650) + 50 */
}

.contentArea
{
	display: inline;
	float: left;
	
	width: 600px;
	margin-top: 108px;
	margin-left: 50px;
}

.contentArea a:link { color: #FFFFFF; text-decoration: underline;}
.contentArea a:visited { text-decoration: underline; color: #FFFFFF;}
.contentArea a:hover { text-decoration: underline; color: #FFFFFF;}
.contentArea a:active { text-decoration: underline; color: #FFFFFF;}

.contentTextArea
{
	width: 379px;
	padding-left: 116px;
	padding-right: 105px;
	padding-top: 15px;
	
	display: block;
	float: left;
	
	font-size: 12px;
	color:#FFF;
}

.portfolioDirection
{
	width: 20px;
	margin-top: 108px;
	
	display: block;
	float: left;
	height: 600px;
}

.contentTextArea .boldText
{
	color:#FFF;
	font-weight:bold;
	font-size: 14px;
}

.portfolioItem
{
	display: inline;
	float: left;
	
	width: 600px;
	margin-left: 50px;
	margin-top: 50px;
}

.portfolioItem .title
{
	display: block;
	float: left;
	
	height: 22px;
	line-height: 22px;
	font-size:14px;
	font-weight: bold;
	width: 600px;
}

.portfolioItem .title a:link { color: #FFFFFF; text-decoration: none; font-size:14px; }
.portfolioItem .title a:visited { text-decoration: none; color: #FFFFFF; font-size:14px; }
.portfolioItem .title a:hover { text-decoration: underline; color: #FFFFFF; font-size:14px; }
.portfolioItem .title a:active { text-decoration: none; color: #FFFFFF; font-size:14px; }

.portfolioItem .description
{
	display: block;
	float: left;
	
	height: 36px;
	line-height: 16px;
	width: 600px;
}

.portfolioItem .image
{
	display: block;
	float: left;
	
	height: 450px;
	width: 600px;
}

.portfolioItem .reflection
{
	display: block;
	float: left;
	
	height: 218px;
	width: 600px;
}