#container { width:1090px; position:absolute; left:0; top:0; }

body {
}

p { line-height:135%; color:#333; line-height:22px; }
/*	a:hover { text-decoration:underline; }*/
h1 { width:640px; width:690px; height:60px; /*height:55px;*/ background:#fff; line-height:27px; position:relative; z-index:110; font-weight:normal; }
	h1 a { color:#777; display:block; padding:33px 0 0 7px; padding-top:27px; color:#999; }
	h1 strong { color:#000; display:block; float:left; margin-right:15px; }
	h1 span { display:none; }
h2 {}
	a h2 { color:#000; }
h3 { font-size:26px; font-weight:normal; }
/*h4 { font:bold 13px Helvetica, Arial, sans-serif; line-height:130%; line-height:20px; }*/

h3 {
	font-size:36px; font-weight:600;
}

/* typography */
body {
	/*font:16px "Times New Roman", serif;*/
	line-height:1;
	font:16px "proxima-nova";
}

.menu li li, .contact, .slides .caption,
.article .tags a, .sidebar-list, .article .date,
.project-list p, .interface .status, .social .follow {
	/*font:13px Helvetica, Arial, sans-serif;*/
	font:16px "proxima-nova", sans-serif;
	line-height:20px;
}
	h1 { line-height:27px; }

h1, .menu a.head, .project-categories a, .blog-sidebar h2 {
	/*font:19px "droid-sans-mono-1","droid-sans-mono-2", sans-serif;*/
	/*text-transform:uppercase;*/
	/*letter-spacing:1px;*/
	font:25px "proxima-nova", sans-serif;
}

h4 {
	/*font:bold 13px Helvetica, Arial, sans-serif;*/
	font:bold 16px "proxima-nova", sans-serif;
	line-height:20px;
}

.label, h4.info {
	font:16px "droid-sans-mono-1", "droid-sans-mono-2", sans-serif;
	text-transform:uppercase;
}

.menu li li li a, .menu li em {
	font:14px "droid-sans-mono-1", "droid-sans-mono-2", sans-serif;
	text-transform:uppercase;
}

h2 {
	font:36px "droid-sans-mono-1", "droid-sans-mono-2", sans-serif;
	text-transform:uppercase;
	line-height:36px;
}

/* links */
a { color:#3389ff; outline:none; }

.menu li li a:hover, .contact a:hover, .sidebar-list a:hover,
.slides .caption a:hover, .social a:hover {
	text-decoration:underline;
}

#header { position:absolute; top:0; left:120px; z-index:200; }

.menu { position:absolute; top:60px; top:55px; left:0; background:#fff; padding:2px 5px 5px; top:57px; }
	.menu li { float:left; position:relative; }
	.menu li li li a { display:block; padding:0 4px; }
	.menu li em { padding:0 4px; font-style:normal; }
	.menu li em a { color:#fff; }
	.menu li ul { position:absolute; background:#000; color:#fff; display:none; }
	.menu li:hover ul { display:block; }
	.menu li ul ul { position:static; /*background:#000;*/ padding-top:0; padding-bottom:5px; }
	.menu li li { float:none; /*font:13px Helvetica, Arial, sans-serif; line-height:20px;*/ padding-top:20px; }
	.menu li li li { padding-top:0; }
	.menu a.head { /*font:19px "droid-sans-mono-1", "droid-sans-mono-2", sans-serif; text-transform:uppercase;*/ color:#000; display:block; padding:0 2px; margin-right:10px; /*letter-spacing:1px;*/ color:#777; font-weight:normal; margin-right:4px; }
	.menu a.last { margin-right:0; }
	.menu li:hover a.head { background:#000; color:#fff; }
	.menu .project-link { text-transform:uppercase; }
	
	.menu .current a.head {
		color:#000;
		font-weight:600;
	}

.contact { position:absolute; left:0; top:33px; top:28px; top:33px; /*font:13px Helvetica, Arial, sans-serif;*/ color:#777; text-align:right; width:970px; line-height:27px; z-index:100; }
	.contact { top:30px; left:420px; width:auto; white-space:nowrap; z-index:150; color:#999; }
	.contact a { color:#999; }

.project-title { position:absolute; top:260px; left:620px; z-index:120; }

	.label { background:#000; color:#fff; float:left; padding:2px 6px; }
	.project-title h2 { clear:both; width:440px; height:190px; background:#393939; color:#fff; padding:5px 15px;}
	h2.title-replaced { text-indent:-5000px; white-space:nowrap; }

	.label {
		background:#fff; color:#000;
		font:16px "proxima-nova", sans-serif; text-transform:none;
	}

.project-slideshow { width:760px; height:620px; height:610px; overflow:hidden; }

	.slideshow { width:760px; height:620px; }
	.slides { width:760px; height:620px; position:relative; top:0; left:0; }
	.slides li { position:relative; float:left; }
	.slides img { width:760px; height:550px; background:#e5e5e5; display:block; }
	.slides .caption { width:760px; height:50px; text-align:right; /*font:13px Helvetica, Arial, sans-serif;*/ color:#777; padding-top:17px; padding-top:20px; padding-top:15px; }
	.interface { position:absolute; top:565px; left:120px; display:none; z-index:140; top:560px; }
		.interface a { display:block; width:16px; height:30px; background:#e5e5e5; position:absolute; top:0; left:0; text-indent:-5000px; }
			.interface a.next { /*left:60px;*/ left:64px; background:url(../images/slideshow-next.gif) top left no-repeat; }
			.interface a.previous { background:url(../images/slideshow-previous.gif) top left no-repeat; }
		.interface .status { position:absolute; left:20px; /*width:40px;*/ width:44px; top:5px; text-align:center; color:#777; }

.project-content { margin-left:120px; width:480px; margin-bottom:60px; }
	.project-content h4 { margin-bottom:5px; }
.blog-content { margin-left:120px; width:480px; margin-top:110px; margin-bottom:60px; }

	.blog-content {
		margin-left:128px;
	}

	.articles { margin:40px 0; }
	.article { border-top:1px dashed #999; position:relative; margin-bottom:40px; }
	.article {
		padding-top:10px;
	}
	.article h3 { margin-top:30px; margin-bottom:20px; margin-top:24px; }
		.tweet h3 { font-weight:normal; font-size:25px; }
		.article h3.info { margin-top:10px; }
			h4.info { margin-top:5px; color:#ccc; margin-bottom:10px; }
			h4.info span { color:#000; }
	.article p { color:#888; }
	.article p {
		color:#333;
	}
	.article img { width:480px; /*margin-bottom:14px;*/ background:#e5e5e5; }
	.article img, .article object, .article embed, .article iframe { margin-bottom:14px; }
	.article .meta { position:absolute; top:8px; left:0; }
	.article .date { float:left; /*font:13px Helvetica, Arial, sans-serif;*/ color:#777; line-height:17px; color:#000; }
	.article .tags { float:left; margin-left:6px; }
	.article .tags li { float:left; margin-right:2px; }

	.article .tags a:hover, .article .tags li.current a { background:#fff; color:#3389ff; }
	.article .tags a { background:#3389ff; color:#fff; /*font:13px Helvetica, Arial, sans-serif;*/ text-transform:lowercase; padding:1px 3px 2px 3px; display:block; /*font-weight:bold; letter-spacing:.5px;*/ line-height:13px; }

	.article .tags a { background:#fff; color:#3389ff; }
	.article .tags a:hover, .article .tags li.current a { background:#3389ff; color:#fff; /*font:13px Helvetica, Arial, sans-serif;*/ text-transform:lowercase; padding:1px 3px 2px 3px; display:block; /*font-weight:bold; letter-spacing:.5px;*/ line-height:13px; }
	
	.tweet .hash { color:#999; }
	
	.pagination {
		border-top:1px dashed #999; padding-top: 5px;
	}
	
	.pagination a, .pagination span {
		float: left;
	}
	
	.pagination a {
		width: 120px;
	}
		
		.pagination a.next {
			text-align: right;
		}
	
	.pagination span {
		width: 240px;
		text-align: center;
	}

.project-sidebar { position:absolute; top:620px; top:610px; left:620px; }
	.project-sidebar h4 {
		margin-bottom:4px
	}
.blog-sidebar { position:absolute; left:620px; width:300px; top:110px; }

	.blog-sidebar {
		left:628px;
	}

	.sidebar-list { margin-bottom:20px; line-height:20px; /*font:13px Helvetica, Arial, sans-serif;*/ }
	.sidebar-list li { line-height:20px; text-transform:lowercase; line-height:22px; }
	.sidebar-list a { /*text-transform:lowercase;*/ }
	.sidebar-list a.project-link { color:#000; }
	.sidebar-list li.current a { color:#000; }
	
		.grey.sidebar-list li { color:#999; }
	
	.blog-sidebar h2 { margin-bottom:40px; line-height:28px; }
	.blog-sidebar .social { margin-bottom:40px; }
	.social .tweet { line-height:20px; font-style:italic; font-size:18px; }
	.social .follow { margin-top:10px; }
		a.twitter { background:url(../images/icon-twitter.gif) top left no-repeat; padding-left:25px; height:17px; line-height:17px; padding-bottom:3px; }
		a.facebook { background:url(../images/icon-facebook.gif) 0px 2px no-repeat; padding-left:15px; }
	
.projects { position:absolute; left:120px; top:120px; width:996px; overflow:hidden; width:970px; }
.projects { left:127px; }

/*	.project-list { width:996px; }
	.project-list a { width:306px; height:344px; display:block; position:relative; }
	.project-list li { width:306px; height:344px; position:relative; float:left; margin-right:26px; }
	.project-list img { width:306px; height:206px; background:#e5e5e5; position:absolute; top:0; left:0; z-index:100; }
	.project-list .label { position:absolute; top:0; left:0; z-index:110; }
	.project-list h2 { padding-top:210px; font-size:30px; line-height:32px; }
	.project-list p { color:#777; margin-top:4px; line-height:18px; }
*/
	.project-list { width:960px; }
	.project-list a { width:310px; height:276px; display:block; position:relative; }
	.project-list li { width:310px; height:276px; position:relative; float:left; margin-right:15px; margin-bottom:15px; background:#000; }
	.project-list img { width:310px; height:206px; background:#e5e5e5; display:block; }
	.project-list .label { position:absolute; top:0; left:0; z-index:110; display:none; }
	.project-list h2 { font:25px "proxima-nova", sans-serif; text-transform:none; color:#fff; background:#000; line-height:30px; padding:5px 10px; }
	.project-list p { display:none; }
	.project-list .no-margin { margin-right:0; }
	
	.project-list .date {
		position:absolute; left:0; bottom:70px;
		background:#fff; color:#000;
		padding:0 10px;
	}
	
	.project-list .now {
		position:absolute; left:0; top:0;
		background:#fff; color:#000;
		font-size:25px; line-height:30px; text-transform:uppercase;
		padding:0 5px 0 0;
	}

	.small.project-list a { width:180px; height:168px; }
	.small.project-list li { width:180px; height:168px; }
	.small.project-list img { width:180px; height:120px; }
	.small.project-list h2 { font:16px "proxima-nova", sans-serif; line-height:18px; }

	.small.project-list .date {
		bottom:48px;
		font-size:13px;
	}

	.project-categories { height:50px; }
	.project-categories a { display:block; float:left; color:#bbb; padding:3px 10px; border-top:1px solid #000; }
	.project-categories a.current { color:#000; border-top:1px solid #fff; border-bottom:1px solid #000; border-right:1px solid #000; }
	.project-categories a:hover { color:#000; }
/*	a.in-opdracht { padding-left:0; border-bottom:1px solid #000; border-right:1px solid #000; }*/
/*	a.eigen-initiatief { border-top:1px solid #000; padding-right:0; }*/

#home {}

/*

	.draggable { position:absolute; z-index:100; }
	.draggable a { display:block; width:660px; width:520px; cursor:move; }
	.draggable h4 { margin:0; position:absolute; top:0; left:0; background:#fff; padding:4px 8px; z-index:120; }
	.draggable li { position:absolute; z-index:110; display:none; }
	.draggable img { width:660px; width:520px; }
	.draggable li.current { display:block; }
	.draggable li.tweet { font:36px 'Helvetica', Arial, sans-serif; background:#F3A87E; color:#fff; line-height:100%; }
	.draggable li.tweet div.frame { padding:40px 20px; }
	.draggable li.tweet div.date { color:#999; }
	
	#draggable-1 { z-index:100; }
	#draggable-2 { z-index:102; }
	#draggable-3 { z-index:101; }

*/




#network {
	width:960px; margin:110px 0 60px 128px;
}

	.network-column {
		width:180px; margin-right:15px;
		float:left;
	}
	
		.last.network-column {
			margin-right:0;
		}
	
		.network-item {
			background:#000; color:#fff;
			width:180px; margin:0 0 15px 0; padding:0 0 15px 0;
		}
	
			.network-item .network-website-link {
				
			}
	
				.network-item img {
					display:block;
					width:180px; height:120px;
				}
				
				.network-item h5 {
					font-weight:bold;
					padding:2px 5px;
					color:#fff;
				}
	
			.network-list {
				padding:2px 5px;
			}
			
				.network-list li {
					
				}
				
				.network-list a {
					
				}
				
.home-block {
	background:#fff;
	padding:10px;
	position:absolute; z-index:100;
}

	.home-container {
		width:500px;
		position:relative;
	}
	
		.home-label {
			position:absolute; top:0; left:0;
			padding:0 10px 5px 0;
			background:#fff;
		}
		
			.home-label .date {}
			.home-label .title {}

.home-tweet {}

	.home-tweet .home-container {
		background:#F3A87E; color:#000;
	}
	
	.home-tweet .date { display:none; }
	
	.home-tweet p {
		padding:30px 10px 60px 10px;
		font-size:36px; line-height:40px;
	}

.home-blog {
	z-index:102;
}

	.home-blog .title {
		font-size:25px;
	}

.home-project {
	z-index:101;
}

	.home-project .title {
		font-size:36px; font-weight:bold;
	}
	
	.home-project p {
		position:absolute;
		bottom:0; left:0;
		background:#fff; padding:5px 10px 0 0;
	}