/*GENERAL*/
body {
background: url('../img/bg.gif') repeat-x;
font-family: georgia, serif;
padding: 0;
margin: 0;
/*font-size: 62.5%;*/
}

div#wrapper{
margin: 0 auto;
width: 860px;
position: relative;
}

img {
padding: 0px;
margin: 0px;
border: none;
}

/*NAV*/
div#nav {
font-family: arial, sans-serif;
margin: 0 auto;
padding-top: 7px;
margin-bottom: 5px;
width: 860px;
text-align: center;
height: 18px;
color:#fff;
font-size: 80%;
}

	div#nav a{
	color: #D9DCD8;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	margin: 0 10px;
	}
	
	div#nav a:hover{
	color: #ffec00;
	border-bottom: 1px solid #ffec00;
	}
	
	div#nav a.active{
	color: #ffec00;
	}

/*HEADER*/
div#header{
	padding: 0;
}
	
	div#header ul{
		position: absolute;
		right: 0;
		margin: 1em 0 0 0;
		padding: 0;
		text-align: left;
	}
	
		div#header ul li{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		div#header ul li a,
		div#header ul li a:hover{
			border: 0px none;
		}
		
		div#header ul li a#contact{
			position: relative;
			top: 40px;
			right: 10px;
		}
		div#header ul li a#portfolio_link{
			position: relative;
			top: 80px;
			right: 190px;
		}
		
	h1{
		margin: 0;
	}
		h1 a:link,
		h1 a:visited,
		h1 a:hover,
		h1 a:active{
			background: transparent url('../img/logo.jpg') no-repeat left top;
			display: block;
			width: 860px;
			height: 280px;
			text-indent: -999em;
			border: 0px none;
		}
		
		h1 a:hover{
			border: 0px none;
		}

	#header h3{
		background:#ffec00;
		font-family: arial, sans-serif;
		font-size: 1.4em;
		margin: 0;
		padding: 0;
		display: block;
		width: 270px;
		position: absolute;
		top: 6em;
		left: 1em;
	}


/*CONTENT HOME*/

div#content_home{
width: 750px;
margin: 30px 0 0 20px;
}

	div#content_home p{
	text-align: left;
	width: 370px;
	text-align: left;
	float: right;
	padding: 0;
	margin: 0.7em 0 30px 40px;
	}

	div#content_home h2{
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 30px;
	width: 320px;
	text-align: right;
	float:left;
	clear: both;
	margin: 0;
	padding: 0;
	}

		div#content_home h4{
		font-family: georgia, serif;
		margin: 0;
		margin-top: 0.7em;
		padding: 0;
		font-size: 15px;
		width: 370px;
		float: right;
		clear: right;
		}
		
		div#content_home ul{
			margin: 5px 0 0 0;
			padding: 0;
			width: 370px;
			float: right;
			clear: right;
			position: relative;
		}
		
			div#content_home ul li{
				background: url('../img/bullet.jpg') no-repeat 1px 5px;
				list-style-type: none;
				padding-left: 25px;
				margin: 0 0 10px 0;
			}
			
			div#content_home ul li.special{
				background: url('../img/bullet_special.jpg') no-repeat 0 5px;
			}
			
			div#content_home a,
			div#content_home a:hover{
				border: 0px none;
			}

.leftcolumn{
	float: left;
	width: 49%;
}
.rightcolumn{
	float: right;
	width: 49%;
}


/*NORMAL CONTENT*/		
	#content a:link, #content a:visited, #content a:hover ,#content a:active	{
		color: #369;
		border-bottom: 1px solid #369;
		text-decoration: none;
	}
	#portfolio a:link, #portfolio a:visited, #portfolio a:hover ,#portfolio a:active	{
		border-bottom: none;
		text-decoration: none;
	}
	#content h2 a:link, #content h2 a:visited, #content h2 a:hover ,#content h2 a:active	{
		color: #000;
	}
	
	#content a:hover {
	color: #369;
	border-bottom: 1px dotted #369;
	text-decoration: none;
	}

#content{
	width: 820px;
	margin: 0 auto;
	padding: 10px 10px 30px 10px;
}

	#content img{
		border: 1px solid #000;
	}

	#content img.right{
		margin-left: 20px;
		float: right;
	}

	#content img.left{
		margin-right: 20px;
		float: left;
	}

	#content h2{
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 30px;
		margin: 0;
		padding: 0;
		float: left;
		clear: left;
		width: 650px;
	}

	#content p.time_stamp{
		display: block;
		width: 140px;
		float: right;
		text-align: right;
		margin: 0 0 1.5em 0;	
		padding: 1.0em 0 0 0;
	}
	

div.nieuws_item{
	border-bottom: 1px dashed #bfbfbf;
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
}

	div.nieuws_item img{
		float: right;
		margin-left: 20px;
		width: 140px;
		border: 1px solid #000;
	}

		#content div.first_item div.nieuws_item{border-bottom: 3px double #bfbfbf;} 
		#content div.first_item div.nieuws_item h2,
		#content div.first_item div.nieuws_item h2 a{color: #336699;text-decoration:none;border:none;} 


/*PORTFOLIO*/

#portfolio{
	margin-top: -35px;
}

	#portfolio div.portfolio_cat{
		border-bottom: 1px dashed #bfbfbf;
		padding: 10px 0;
	}
	
		#portfolio h2{
			float: left;
			font-family: Georgia, serif;
			font-size: 30px;
			font-weight: normal;
			position: relative;
			top: 42px;
			padding: 0;
			width: 190px;
			display: block;
		}

	
				
/*CAROUSEL*/
#content .carousel-component.overview{
    float: left;
    width: 580px;
    height: 129px;
}
	#content .carousel-component.overview li{ 
		float: left;
		list-style-type: none;
		margin: 0;
		position: relative;
	}

		#content .carousel-component.overview li a{
			margin: 0 20px 0 0;
			height: 121px;
			width: 121px;
			display: block;
			text-decoration: none;
			border: 3px solid #fff;
		}

		#content .carousel-component.overview a:hover{
			border: 3px solid #EBF1F7;
		}
	
			#content .carousel-component.overview li a span.label{
				display: none;
			}

			#content .carousel-component.overview li a:hover span.label{
				display: block;
				font-size: 10px;
				font-family: Arial, sans-serif;
				font-weight: bold;
				padding: 2px 5px 2px 5px;
				background-color: #FFEC00;
				position: absolute;
				bottom: 10px;
				right: 10px;
				color: #000;
				text-align: right;
			}
				#content .carousel-component.overview li a:hover span.label em{
					font-size: 9px;
					font-weight: normal;
				}
				

/* CAROUSEL ANCHORS */
#content img.prev-arrow,
#content img.next-arrow{
	width: 20px;
	height: 127px;
	display: block;
	margin-right: 10px; 
    cursor:pointer; 
	border: 0;
}
#content img.next-arrow{
	margin-right: 0; 
}
.prev-arrow-container{ 
    float:left;
    margin: 0px;
    padding: 0px;
}

.next-arrow-container{ 
    float:left;
    margin: 0px;
    padding: 0px;
}

/*LEIGHTBOX CAROUSEL*/
#lightbox_wrapper .carousel-component.detail{
width: 595px;
float: left;
}

#lightbox_wrapper .carousel-component.detail li{
	width: 550px;
	height: 550px;
	padding: 20px;
	text-align: center;
}
	
	#lightbox_wrapper .carousel-component.detail li span.link{
		display: block;
		color: #39c;
		font-family: Georgia, serif;
		font-size: 18px;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	#lightbox_wrapper .carousel-component.detail li div.description{
		font-family: Georgia, serif;
		margin: 0 auto;
		padding: 0;
		color: #000;
		font-size: 1.5em;
		text-align: center;
	}
		#lightbox_wrapper .carousel-component.detail li div.description p{
			margin: 0;
			padding: 0;
			margin-bottom:0.6em;
		}	
	
	#lightbox_wrapper .carousel-component.detail li a.lbAction{
		display: block;
		width: 550px;
		border-bottom: none;
	}
	
	#lightbox_wrapper .carousel-component.detail li a img{
		margin: 0 auto 0 auto;
		max-width: 550px;
		max-height: 550px;
	}

#lightbox_wrapper .prev-arrow-container-detail{
	float: left;
	padding-top: 250px;
}

#lightbox_wrapper .prev-arrow-detail{ 
    cursor: pointer;	
	margin-right: 10px;
}

#lightbox_wrapper .next-arrow-container-detail{
	float: left;
	padding-top: 250px;
}

#lightbox_wrapper .next-arrow-detail{ 
    cursor:pointer;
}

/* CONTACT */
.contact_columns{
	margin-top: 2em;
}

	#content .contact_columns h2{float: none;}
	.contact_columns div{clear: both;padding-bottom: 10px;}
p.contact_image{
	margin:0 0 25px 0;
	zoom: 1;
	padding: 0;
	width: 260px;
	float: left;
}
	p.contact_image{margin-right: 20px;}
	p.last{margin-right: 0;}

p.contact_image span.caption{
	display: block;
	width: 260px;
	font-size: 0.8em;
	color: #666;
}

/*FOOTER*/

	#contact_details p#la_gazetta{
	float: left;
	font-size: 12px;
	font-family: Georgia, serif;
	display: inline;
	width: 128px;
	margin: 0;
	padding: 0;
	}
	
		#contact_details p#la_gazetta img{
			padding-top: 10px;
		}
	
	#contact_details{
	width: 860px;
	margin: 20px auto 0 auto;
	border-top: 1px solid #D9D9D9;
	padding-top: 10px;
	font-size: 12px;
	}
	
		#contact_details div{
			float: right;
			clear: right;
			width: 170px;
			text-align: left;
			padding: 0;
			margin: 0 2em 0 0;
		}
		
			#contact_details div p{
				font-family: Arial, sans-serif;
				padding: 0 5px;
				margin: 0;
				background:#ffec00;
				display: inline;
			}
	
	#TEbanner{
			position: fixed;
			bottom: 0; right:0;
			display: block;
			width: 156px;
			height: 160px;
			background: transparent url('../img/total_experience_logo.gif') no-repeat right bottom;
	}

	
/*CLEARFIX*/
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */