/*
indextwo.com v.3.1 (work styles)
author: David Trang
*/

/*----------------------------------------------------------------------- 
   Portfolio styles
 ------------------------------------------------------------------------ */
#portfolio {
 	min-height: 600px;
 	margin-left: -10px;
}

/*----------------------------------------------------------------------- 
   Work Navigation
 ------------------------------------------------------------------------ */

#work-nav ul{
	list-style-type: none;
	line-height: 16px;
	font-size: 11px;
}

#work-nav li {
	float: left;
	margin: 0 0 30px 8px;
	padding: 0;
}

#work-nav li a {
	display: block;
	padding: 5px 0px 5px 16px;
	width: 180px;
	color: #A4CDDB;
}

#work-nav li:hover{
}

#work-nav .work-title {
	font-family: Avenir, "HelveticaNeue", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size:12px;
	margin-top: 3px;
	display: block;
}

#work-nav .work-date{
	padding: 0;
	color: #6c6c6c;
	font-size: 12px;
}

#work-nav h5{
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	margin: 0 0 14px 24px;
}

/*----------------------------------------------------------------------- 
   Looped Slider
 ------------------------------------------------------------------------ */	
.container {
	width:440px;
	height:200px;
	overflow:hidden;
	cursor:pointer;
	position: relative;
	float: left;
	margin-left: 15px;
}

.slides { 
	position:absolute; 
	top:0; 
	left:0; 
}

.slides div { 
	position:absolute; 
	top:0;
	width:608px; 
	display:none; 	
}

.frame {
	background: url("images/webs/frame-shadow.png") no-repeat bottom;
	display: block;
	}

.frame img {
	display: block;
	background: #fff;
	cursor: default;
}

.slides h2 { 
	font-size: 21px; 
	font-family:Helvetica,Arial,sans-serif; 
	color: #4a5d74; 
	padding-top:10px; 
	margin-left: 1px;
	cursor: default;
}

.slides p a { 
	font-size: 12px; 
	color:#717171; 
	margin-left: -8px;
}

/* Pagination */
.loopedSlider,.newsSlider { 
	background-color: #282828;
	float: left;
	width: 720px;
	padding-bottom:5px;	
}

ul.pagination {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	position:relative;
	bottom:33px;
	top: 15px;
	left: 15px;
}

ul.pagination li  { float:left; }

ul.pagination li a { 
	padding:3px 5px 2px 5px; 
	margin-right:3px; 
	color:#fff; 
	background:#969696; 
	font-size:12px;
}

ul.pagination li.active a { 
	background:#4a5d74; 
	color:#fff; 
}	

ul.pagination li a:hover  { 
	background:#808080; 
	color:#fff; 
}

.previous { margin:0;}
.next { margin:0;  padding:0 0 0 10px;}	
.links { float:right; width:100px; }

/* details box right */
.details {
	background: #acacac url(../images/bg-details.jpg);
	float: right;
	width: 300px;
	margin-top: 25px;
	padding: 9px 6px;
}

.details p{
	color:#222;
	font-size:13px;
	line-height:20px;
}

.details h2 {
	font-family:Helvetica,Arial,sans-serif;
	color:#fff;
	font-size:21px;
	line-height:20px;
	padding:0 0 0 9px;
	margin:0;
}

.details ul {
	color:#222;
	font-size:13px;
	line-height: 20px;
	padding: 12px 0 0 34px;
}

.details a {
	color: #222;
	font-weight: bold;
}

.details a:hover {
	color: #4c4c4c;
	font-weight: bold;
}
#Debeurs #right_part {
	float: right;
	height: 200px;
	width: 235px;
	border: thin solid #1f67d4;
	margin-top: 12px;
	margin-right: 8px;
	background-color: #1d1c1c;
	margin-bottom: 12px;
	color: #1D1C1C;
	font-size: 2px;
	margin-left: 2px;
}