/*==============================================================================

	This website/webapplication is developed by:
	Occhio BV
	http://www.occhio.nl/
	info@occhio.nl
	+31 (0)20 320 78 70

==============================================================================*/
html {
	overflow-y: scroll;
}

#container,
.tml_default #container {
	margin: 0 auto;
	width: 975px;
	position: relative; 
}

div#logo, a#greyLogo {
	overflow: hidden;
	margin-top: 35px;
}

div#logo,
div#logo img {
	width: 172px;
	height: 89px;
}

ul#languageLink {
	margin: 0;
	position: absolute;
	right: 260px;
	top: 18px;
	width: auto;
	height: auto;
	list-style: none;
}

ul#languageLink li {
	float: left;
}

ul#languageLink li + li {
	border-left: 1px solid #49404a;
}


ul#languageLink li a {
	color: #49404a;
	font-size: 14px;
	line-height: 18px;
	padding: 0 4px;
	font-family: 'GothamLight';
}

ul#languageLink li + li a {
	padding: 0 0 0 4px;
}

.en ul#languageLink li.en a {
	text-decoration: underline;
}

.nl ul#languageLink li.nl a {
	text-decoration: underline;
}

#header {
	overflow: hidden;
}

#content,
.aside  {
	margin-top: 35px;
}

#footer {
	float: left;
	clear: both;
	width: 100%;
	font-family: 'MyriadPro';
	font-size: 10px;
	height: 30px;
}

#footer a {
	color: #000;
}

.aside {
	float: left;
	width: 245px;
}

.portfolio {
	width: 100%;
	height: 340px;
	margin-bottom: 25px;
}

.slider,
.companyInfo,
.latestNews, 
.twitterFeed {
	width: 484px;
	height: 160px;
	float: left;
	margin-bottom: 30px;
	position: relative;
}

.slider,
.slider .content {
	width: 482px;
	overflow: hidden;
	position: relative;
}

.slider .pager {
	display: none;
}

.slider a img.shadow {
	position: absolute;
	left: 0;
	top: 0;
}

.shadow.medium {
	display: none;
}

.companyInfo {
	cursor: pointer;
}

.slider,
.companyInfo {
	overflow: hidden;
}
/*
.slider .pager {
	position: absolute;
	bottom: 7px;
	left: 7px;
	z-index: 700;
}

div.pager a {
	background: url(/images/layout/slider-nav.png) no-repeat;
	display: block;
	width: 12px;
	height: 10px;
	font-size: 0;
	line-height: 0;
	color: transparent;
	text-indent: -100px;
	float: left;
}

div.pager a.activeSlide,
div.pager a:hover {
	background-position: 0 -10px;
}*/

.companyInfo {
	width: 486px;
}

.companyInfo,
.twitterFeed {
	margin-left: 6px;
}

.latestNews, 
.twitterFeed {
	height: 180px;
}

.companyInfo .content,
.companyInfo .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 485px;
	height: 160px
}	

.companyInfo .content {
	z-index: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-family: 'GothamLight';
	padding: 15px;
	width: auto;
	height: auto;
}

