/* ===== Scrollable CSS ===== */

/* Primary Container */
div.scrollable { 	
	position: relative; 
	width: 845px; 
	height: 570px; 
	overflow: hidden; 
	border-bottom: 1px solid #555555;
}
/* Items Container */
div.scrollable div.items { 
	width: 20000em;  /* this width should be the total of all panels */
	position: absolute; 
	clear: both; 
}
/* Individual Item Containers */
div.scrollable div.items div.panel {
	float: left;
	width: 815px;
	height: 540px;
	padding: 15px 15px;
	position: relative;
}
div.scrollable div.items div.panel img {float: left;}
div.scrollable div.items div.panel div.projectDesc {
	float: left;
	width: 238px;
	height: 335px;
	font-size: 14px;
	font-weight: normal;
	color: #ababab;
	padding: 0 0 0 5px;
}
div.projectDesc p {line-height: 18px; margin: 10px 0 0 0;}
div.projectDesc a {color: #ffffff; text-decoration: none;}
	div.projectDesc a:hover {color: #F78F1E; text-decoration: underline;}
span.dark {color: #555;}
div.projectImages {
	float: left;
	width: 238px;
	height: 16px;
	padding: 26px 0 0 5px;
	position: relative;
}
div.projectImages a {
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	background-color: #e3e3e3;
	margin: 0 5px 0 0;
	border: 1px solid #e3e3e3;
}
	div.projectImages a:hover {background-color: #ffffff; border: 1px solid #F78F1E;}

/* Navigation Container */
div.navi { margin: 0 0 0 95px;}

/* Navigation Links */
div.navi a {
	float: left;
	margin-left: 2px;
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}
div.navi a.active {color: #F78F1E; font-weight: bold;}
	div.navi a:hover {color: #F78F1E; }

/* Project types */
.projectType {float: left; position: relative;}
	.projectType ul {margin: 0; padding: 0 0 0 57px;}
		.projectType ul li {float: left; list-style: none;}
			li.webType {padding: 0 0 0 55px;}
			li.mobileType {padding: 0 0 0 24px;}
			li.identityType {padding: 0 0 0 200px;}
			li.packType {padding: 0 0 0 200px;}
/* Next and Previous buttons */
a.prev {margin: 30px 50px 0 320px;}
a.next {margin: 30px 0 0 0;}
a.prev, a.next {
	width: 75px;
	display:block;
	float:left;
	padding: 5px 4px;
	cursor:pointer;
	font-size: 13px;
	color: #fff;
}
a.prev:hover, a.next:hover { color: #F78F1E; }
/* Disabled Next or Previous button */
/*
a.disabled { visibility: hidden !important; }
*/