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

#images { height: 350px; border-bottom: 1px dotted #ccc; }
	#images ul { margin: 0; padding: 0; width: 678px; height: 320px; position: relative; }
		#images ul li { background: none; margin: 0; padding: 0; display: inline; width: 678px; height: 320px; }
		#images ul .textHolder { position: absolute; width: 678px; height: 320px; }
		#images ul .textHolder img { position: absolute; top: 0; left: 0; }
	#images .itemID { background: url(images/icon-portfolio-w.gif) 0 0 no-repeat; bottom: -20px; display: block; font-size: 1px; height: 10px; position: absolute; left: 0; width: 10px; text-indent: -9999px; outline: none; }
		#images .active .itemID { background: url(images/icon-portfolio-active-w.gif) 0 0 no-repeat; }
		#images #image1 .itemID { }
		#images #image2 .itemID { left: 15px; }
		#images #image3 .itemID { left: 30px; }

#portfolioDetails { clear: both; float: left; width: 328px; margin-bottom: 20px; margin-top: 20px; }
#portfolioServices { float: right; width: 328px; margin-bottom: 20px; margin-top: 20px; }
	#portfolioDetails h3, 
	#portfolioServices h3 { margin-top: 0; }
	#portfolioServices ul { margin-left: 0; }
		#portfolioServices ul li { margin-bottom: 0; }
#portfolioLink { clear: both; }
	#portfolioLink a { background: url(images/img-link-bg.gif) 0 50% no-repeat; padding: 3px 0 3px 23px; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; }

.portfolioBack { float: right; text-align: right; position: relative; top: -28px; margin-bottom: 0; }
	.portfolioBack a:link, .portfolioBack a:visited { color: #999; font-size: 11px; text-decoration: none; text-transform: uppercase; }
	.portfolioBack a:hover, .portfolioBack a:active { color: #666; }
	
.resultsTable { background: #e8e8e8 url(images/img-resultstable-bg.gif) 0 0 no-repeat; display: inline; float: right; width: 210px; margin-left: 10px; padding: 5px; }
	.resultsTable table { border: none; border-collapse: collapse; width: 210px; }
		.resultsTable table caption { color: #999; font-size: 10px; text-align: center; text-transform: uppercase; line-height: 20px; padding: 2px 0 5px; }
		.resultsTable table td { border-top: 1px solid #fff; color: #11a7eb; text-align: right; padding: 4px; }
			.resultsTable table td.increase { background: url(images/img-increase.gif) 100% 50% no-repeat; padding-right: 12px; }
			.resultsTable table td.decrease { background: url(images/img-decrease.gif) 100% 50% no-repeat; padding-right: 12px; }
		.resultsTable table th { border-top: 1px solid #fff; color: #444; text-align: left; font-weight: bold; padding: 4px; }