/*-  the work section
----------------------------------------------------------------------*/

div#work_sidebar {
	width: 440px;
	float: left;
	margin-left:50px;
	margin-top:10px;
}

/*-----------------------------------------*/

div#portfolio_nav1 {
	height: 41px;
	width: 41px;
	position:absolute;
	margin-left: -47px;
	margin-top: 30px;
	z-index : 9;
	overflow:visible;
}

div#portfolio_nav2 {
	height: 41px;
	width: 41px;
	position:absolute;
	margin-left: 438px;
	margin-top: 30px;
	z-index : 9;
	overflow:visible;
}

div#portfolio_nav1 a#portfolio_nav_up {
	display: block;
	float: left;
	height: 41px;
	width: 41px;
	background: url(img/prev-slider.png) 0 0 no-repeat;
}

div#portfolio_nav2 a#portfolio_nav_down {
	display: block;
	float: left;
	height: 41px;
	width: 41px;	
	background: url(img/next-slider.png) 0 0 no-repeat;
}

#work_sidebar #projects {
	height: 110px;
	overflow: hidden;
}

#projects {
	position: relative;
	padding: 0 1px;
}

table#portfolio_table {	
	position: relative;
}

ul.project_nav1 {
	height: 27px;
	line-height: 1em;
	color: #292929;
	float: right;
	position: relative;
	top: -43px;
	margin-bottom: -43px;
	z-index: 500;
}

ul.project_nav2 {
	height: 27px;
	line-height: 1em;
	color: #292929;
	float: right;
	position: relative;
	top: -43px;
	margin-bottom: -43px;
	z-index: 500;
}



ul.project_nav1 a:hover {
	background-color: #f6f6f6;
	color: #1d96b8;
}

ul.project_nav2 a:hover {
	background-color: #f6f6f6;
	color: #1d96b8;
}

ul.project_nav1 a#project_nav_previous:hover,
ul.project_nav2 a#project_nav_next:hover {
	background-color: #fff ! important;
}
/*- end of the work section
----------------------------------------------------------------------*/