#slider {
  width: 900px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 315px;
  width:900px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  height: 315px;
  width: 900px; /* change to 560px if not using JS to remove rh.scroll */
  padding-top:25px; 
}

div#slider img.scrollButtons { display: none;}

/* Portfolio Slider Contents */
div#portfolio-page div#slider div.item-info {width:405px; float:right; margin-top:1em;}

	div#portfolio-page div#slider div.item-info h3 {color:white; font-weight: normal; font-size:2.25em; line-height:1em; margin-top:-.5em;}
	
	div#portfolio-page div#slider div.item-info p {color:#436aad;}
	
	div#portfolio-page div#slider div.item-info ul.item-links {padding: 0; margin: 0; list-style-type:none; margin-top:30px;}
	
		div#portfolio-page div#slider div.item-info ul.item-links li {float:left; margin-right:40px; margin-bottom:10px;}
		
			div#portfolio-page div#slider div.item-info ul.item-links li a {display:block; color:#8aabda; text-transform: uppercase; font-weight: bold; text-decoration: none; line-height: 21px; padding-left:28px;}
			div#portfolio-page div#slider div.item-info ul.item-links li a:hover {color:white;}
			
			div#portfolio-page div#slider div.item-info ul.item-links li.launch a {background: url(../images/folio-launch.gif) no-repeat left top;}
			div#portfolio-page div#slider div.item-info ul.item-links li.industry-folio a {background: url(../images/folio-industry.gif) no-repeat left top;}
			div#portfolio-page div#slider div.item-info ul.item-links li.case-study a {background: url(../images/folio-case-study.gif) no-repeat left top;}
			
	div#portfolio-page div#slider div.panel div.item-info ul.services {list-style-type:disc; margin-left:2em; padding: 0; margin-bottom:1.5em; color:white;}

		div#portfolio-page div#slider div.panel div.item-info ul.services li {float: left; width:14em; color:white; line-height:2em;}
		
		
		* html div#portfolio-page div#slider div.panel div.item-info ul.services {margin-left:.5em;}
		*+html div#portfolio-page div#slider div.panel div.item-info ul.services {margin-left:.5em;}
		
		* html div#portfolio-page div#slider div.panel div.item-info ul.services li {background: url(../images/ie-bullet.gif) no-repeat left center; padding-left:20px;}
		*+html div#portfolio-page div#slider div.panel div.item-info ul.services li {background: url(../images/ie-bullet.gif) no-repeat left center; padding-left:20px;}
		
			
	div#portfolio-page div#slider a img {border: none;}
		
/* Coda Bubble Styles */
.bubbleInfo {position: relative; width:202px; height:75px;}
	.bubbleInfo a { text-decoration: none;}
*+html .bubbleInfo {z-index:5;}
		
div.popup {
	position:absolute; 
	z-index:25;
	display:none;
	background: url(../images/bubble-bg.png) no-repeat left top transparent;
	text-align:center;
	padding-top:22px;
	width:202px;
	height:75px;
	top: -45px;
	}
	
	div.popup p {line-height:1em; margin:0 15px;}
	
		div.popup p strong {display:block; color:#436aad; font-weight:bold; text-transform: uppercase; margin-bottom:5px;}

/* Thumbnails Section */
div.thumbs {text-align: center;}

	div.thumbs div.buttons {margin-bottom:10px;}
		div.thumbs div.buttons a#prev-button {display:block; background: url(../images/portfolio/prev.gif) no-repeat left top; width:14px; height:24px; text-indent:-9999px; float:left;}
		div.thumbs div.buttons a#next-button {display:block; background: url(../images/portfolio/next.gif) no-repeat right top; width:14px; height:24px; text-indent:-9999px; float:right;}

	div.thumbs ul {margin:0; padding:9px 9px 20px 9px; list-style-type:none; /*border:3px solid #333;*/}
	
		div.thumbs ul li {float: left; margin:3px; border: 2px solid white;}
		
			div.thumbs ul li a {display:block; width:116px; height:116px; text-indent: -9999px;}
			div.thumbs ul li a:hover {background-position: left bottom !important;}
			
			div.thumbs ul li#doverdowns a {background: url(../images/portfolio/DoverDowns/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#fortis a {background: url(../images/portfolio/fortis/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#litpitch a {background: url(../images/portfolio/LitPitch/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#vanair a {background: url(../images/portfolio/VanAir/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#triplecrown a {background: url(../images/portfolio/TripleCrown/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#derrytwp a {background: url(../images/portfolio/DerryTwp/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#clevelandbros a {background: url(../images/portfolio/ClevelandBros/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#keystone a {background: url(../images/portfolio/Keystone/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#steelpartner a {background: url(../images/portfolio/SteelPartner/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#refugees a {background: url(../images/portfolio/Refugees/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#usfish a {background: url(../images/portfolio/USFish/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#dryden a {background: url(../images/portfolio/Dryden/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#custer a {background: url(../images/portfolio/Custer/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#pawine a {background: url(../images/portfolio/PAWine/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#nfs a {background: url(../images/portfolio/NFS/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#envisupply a {background: url(../images/portfolio/Envisupply/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#stayinvent a {background: url(../images/portfolio/StayInvent/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#sportsvids a {background: url(../images/portfolio/SportsVids/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#burnham a {background: url(../images/portfolio/Burnham/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#sweeperland a {background: url(../images/portfolio/Bortek/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#drayer a {background: url(../images/portfolio/Drayer/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#palsabroad a {background: url(../images/portfolio/PalsAbroad/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#drayer a {background: url(../images/portfolio/Drayer/thumb.jpg) no-repeat left top;}		
			div.thumbs ul li#itn a {background: url(../images/portfolio/ITN/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#notinmyyard a {background: url(../images/portfolio/NotInMyYard/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#organicgardening a {background: url(../images/portfolio/SaferBrand/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#westchester a {background: url(../images/portfolio/Westchester/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#soundproofcow a {background: url(../images/portfolio/SoundProofCow/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#smoothie a {background: url(../images/portfolio/Smoothie/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#mlmhomes a {background: url(../images/portfolio/mlmhomes/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#seegrid a {background: url(../images/portfolio/seegrid/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#apc a {background: url(../images/portfolio/apc/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#strawberrysquare a {background: url(../images/portfolio/strawberrysquare/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#ncaacalculator a {background: url(../images/portfolio/ncaacalculator/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#keen a {background: url(../images/portfolio/Keen/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#oceanCityNewJersey a {background: url(../images/portfolio/oceanCityNewJersey/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#renewal a {background: url(../images/portfolio/Renewal/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#keystoneBio a {background: url(../images/portfolio/KeystoneBiofuels/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#heartwood a {background: url(../images/portfolio/heartwood/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#springer a {background: url(../images/portfolio/SpringerPublishing/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#daisyData a {background: url(../images/portfolio/daisy-data/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#grossfillex a {background: url(../images/portfolio/Grosfillex/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#lobar a {background: url(../images/portfolio/Lobar/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#victor a {background: url(../images/portfolio/Victor/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#kramer-cat a {background: url(../images/portfolio/kramer/thumb.jpg) no-repeat left top;}	
			div.thumbs ul li#serena a {background: url(../images/portfolio/serena/thumb.jpg) no-repeat left top;}	
			
	div.thumbs a#extended {display:block; margin:0 auto 20px auto; color:#fff; font-weight: bold; text-transform: uppercase; font-size:16px; text-decoration: none; background-image:url(../images/btn-view-extended-portfolio.png); text-align:center; width:500px; height:33px; padding:12px 0 0 0;}
	div.thumbs a#extended:hover { background-position:0 -45px;}