/* 
	Vertasource
	Services Screen CSS
	2009
	
 */
#content {
	background: url(/content/v1/img/portfolio.jpg ) no-repeat  730px 236px;
	overflow: hidden;
	
	_height: 800px;
}

	#sbox-content #content {
		background: transparent;	
	}

#breadcrumbs,
#ctl00_PageContent_breadcrumbs {
	top: 0;
	margin-top: 24px;
}

#pageInfo {
	width: 445px;
	float: right;
	_display: inline;
	
}

#portfolioFeatured {
	background: url(/content/v1/img/portfolioFeaturedBG.gif) no-repeat;
	width: 508px;
	height: 376px;	
	float: left;
	_display: inline;
	color: #414344;
	margin: 12px 0 0 0;
	padding: 12px 0 0 17px;
}

	#portfolioFeatured img {
		width: 492px;
		height: 360px;
	}
	
#pageContent {
	clear: both;
	padding-top: 30px;
	position: relative;
		display: inline-block;
}

	
	#pageContent dl {
		width: 224px;
		float: left;
		_display: inline;
		background: url(/content/v1/img/portfolioBG.gif) no-repeat top;
		position: relative;
		z-index: 99;
		padding: 138px 10px 10px 10px;
	}
	
		#pageContent dt {
			color: #267dbb;
			text-transform: uppercase;
			font-size: 13px;
			font-weight: bold;
		}
	
			#pageContent dd img {
				width: 225px;
				height: 122px;
				position: absolute;
				top: 10px;
				left: 9px;
			}
			
			#pageContent dd ul {
				font-size: 10px;
				color: #8b8b8b;
				padding-top: 3px;
			}
			
				#pageContent ul li {
					float: left;
					_display: inline;
					width: 100px;
					background: url(/content/v1/img/doubleArrowsSmall.gif) no-repeat left;
					padding-left: 10px;
					text-transform: uppercase;
					*margin-top: -5px;
				}
				

		
	/* scroller */
	
#carouselControls {
	position: absolute;
	top: 520px;
	height: 275px;
	left: 50%;
	margin-left: -625px;
	/*background: url(/content/v1/img/fade.png) repeat-y;*/
	width: 1250px;
}		

	#carouselControls li {
		cursor: pointer;
		background: url(/content/v1/img/largeArrows.png) no-repeat;
		display: block;
		width: 30px;
		height: 51px;
		text-indent: -9999px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 75px;
	}

	#carouselControls .disabled {
		/*opacity: .3;
		cursor: default;
		background-position: 0 0!important;*/
		display: none;
	}
	
	#carouselControls #ssPrv {
		left: 90px;
		background-position: -30px 0;
	}
		#carouselControls #ssPrv:hover {
			background-position: -30px -53px;
			}
	
	#carouselControls #ssNxt {
		right: 100px;
	}
		#carouselControls #ssNxt:hover {
			background-position: 0 -53px;
		}