/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/
.portfolio #content div, .portfolio #content div div, .portfolio #content div div div {margin:0px; padding:0px;}
 

div.scrollable { 
     
    /* required settings */ 
    position:absolute; 
    overflow:hidden;          
    width: 661px;     
    height:460px;
	left:175px;
	top:40px;
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;   
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 

div.scrollable div.items div { 
    float:left; 
	height:460px;
	width:661px;
} 

div.scrollable div.items div img { 
 	
}

div.scrollable div.items div table { 
 	height:379px;
	width:661px; 
	border:0px solid #000000; 
	float:left;
}

div.scrollable div.items div table td { 
	text-align:center;
}

div.scrollable div.items div table { 
	height:379px;
	width:661px;
 } 


#content div.scrollable div.items div p { 
 	clear:both;
	text-align:left;
	padding:0px 50px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	z-index:100;
}

#content div.scrollable div.items div .center { 
	text-align:center;
}

div.scrollable div.items div p a { 
 	z-index:100;
	position:relative;
}

/**** NAVIGATION *****/

#who_we_work_with.portfolio #content div .next,
#who_we_work_with.portfolio #content div .prev {
	position:absolute;
	display:block;
	height:32px;
	width:16px;
	background-position:left;
	text-indent:-9999px;
	top:200px;
}

#who_we_work_with.portfolio #content div .next:hover,
#who_we_work_with.portfolio #content div .prev:hover {
	background-position:right;
}

#who_we_work_with.portfolio #content div .prev {
	background-image:url(../images/btn_portfolio_left.png);
	left:150px;
}

#who_we_work_with.portfolio #content div .next {
	background-image:url(../images/btn_portfolio_right.png);
	right:10px;
}

#who_we_work_with.portfolio #content div a.disabled {
	visibility:hidden !important;		
}

