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

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

.scrollContainer div.panel {
  height: 315px;
  width: 600px;; /* 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:200px;float:right; margin-top:1em;}

	div#portfolio-page div#slider div.item-info h3 {font-family: Tahoma; font-size: 12px; font-style: normal; color: #7E7E7E; text-decoration: none }
	
	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:20px;}
			div#portfolio-page div#slider div.item-info ul.item-links li a:hover {color:#FF3300;}
			
			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; vertical-align:top;}
	.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; width:595px;}

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

	div.thumbs ul {margin:0;  padding:0px;0px;0px;0px;list-style-type:none; border:3px solid #333;}
	
		div.thumbs ul li {float: left; border: 2px solid white;}
		
			div.thumbs ul li a {display:block; width:80px; height:90px; text-indent: -9999px;}
			div.thumbs ul li a:hover {background-position: left bottom !important;}
			
			div.thumbs ul li#doverdowns a {background: url(../images/bags.jpg) no-repeat left top;}
			div.thumbs ul li#litpitch a {background: url(../images/bidbuy.jpg) no-repeat left top;}
			div.thumbs ul li#vanair a {background: url(../images/portfolio/thumb.jpg) no-repeat left top;}
			div.thumbs ul li#triplecrown a {background: url(../images/portfolio/thumb2.jpg) no-repeat left top;}
			div.thumbs ul li#derrytwp a {background: url(../images/portfolio/thumb3.jpg) no-repeat left top;}
			div.thumbs ul li#clevelandbros a {background: url(../images/portfolio/thumb4.jpg) no-repeat left top;}
			div.thumbs ul li#keystone a {background: url(../images/portfolio/thumb5.jpg) no-repeat left top;}
			div.thumbs ul li#steelpartner a {background: url(../images/portfolio/thumb6.jpg) no-repeat left top;}
			div.thumbs ul li#refugees a {background: url(../images/portfolio/thumb7.jpg) no-repeat left top;}
			div.thumbs ul li#usfish a {background: url(../images/portfolio/thumb8.jpg) no-repeat left top;}
			div.thumbs ul li#dryden a {background: url(../images/portfolio/thumb9.jpg) no-repeat left top;}
			div.thumbs ul li#custer a {background: url(../images/portfolio/thumb10.jpg) no-repeat left top;}
			div.thumbs ul li#pawine a {background: url(../images/portfolio/thumb11.jpg) no-repeat left top;}
			div.thumbs ul li#nfs a {background: url(../images/portfolio/thumb12.jpg) no-repeat left top;}
			div.thumbs ul li#envisupply a {background: url(../images/portfolio/thumb13.jpg) no-repeat left top;}
			div.thumbs ul li#stayinvent a {background: url(../images/portfolio/thumb15.jpg) no-repeat left top;}
			div.thumbs ul li#sportsvids a {background: url(../images/portfolio/thumb16.jpg) no-repeat left top;}
			div.thumbs ul li#burnham a {background: url(../images/portfolio/thumb17.jpg) no-repeat left top;}
			div.thumbs ul li#sweeperland a {background: url(../images/portfolio/thumb18.jpg) no-repeat left top;}
			div.thumbs ul li#drayer a {background: url(../images/portfolio/thumb19.jpg) no-repeat left top;}
		
			
	div.thumbs a#extended {display:block; float:right; margin-right:1em; margin-top:-1em; padding:.25em .75em; background-color:#101010; color:#00FF00; font-weight: bold; text-transform: uppercase; font-size:1.25em; text-decoration: none;}
	div.thumbs a#extended:hover {color:#CCCCCC;}