/* @override 
	http://sites/daan/css.php?s=style.css
*/

html{
	margin: 0;
	padding: 0;
	background: #ddd url(http://code.danalog.nl/dmk/images/image.php?img=bg.gif);
}

body{
	margin: 0;
	padding: 30px 0;
	background: url(http://code.danalog.nl/dmk/images/image.php?img=bar.gif) 0px 280px repeat-x;
	color: #666;
}
.tiles{
	width: 960px;
	height: 219px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.tiles li{
	width: 219px;
	height: 219px;
	margin: 0 10px;
	float: left;
	display: inline;
	background: url(http://code.danalog.nl/dmk/images/image.php?img=tile.png);
}
.tiles a{
	display: block;
}
.tiles img{
	display: block;
	border: none;
}
#about-above{
	width: 960px;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-family: arial;
}
#about-above h1{
	display: inline;
	font-size: 13px;
	margin: 0 .4em 0 0;
	padding: 0;
	font-weight: normal;
}
#about-above h3{
	display: inline;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#about-below{
	clear: both;
	height: 118px;
	margin: 0 auto;
	font-family: courier;
	font-size: 13px;
	line-height: 20px;
	word-spacing: 1.8em;
	width: 960px;
	text-align: center;
}
#about-below p{
	margin: 0;
	padding: 20px 10px 0 10px;
}
#about-below a{
	color: #666;
	text-decoration: none;
}
#about-below a:hover{
	color: #fff;
	text-decoration: underline;
}
#portfolio{
	width: 960px;
	margin: 0 auto;
	height: 20px;
	text-align: center;
	font-family: arial;
	font-size: 13px;
}
#portfolio p{
	line-height: 40px;
	display: block;
	margin: 0;
	padding: 0;
}
#portfolio .tiles{
	padding-top: 0;
	height: auto;
}
#portfolio .tiles li{
	margin-bottom: 20px;
}
#portfolio .tiles img{
	margin: 13px 0 0 13px;
	width: 193px;
	height: 193px;
	float: left;
	display: inline;
}
#theend{
	clear: both;
	width: 960px;
	margin: 20px auto;
}
#theend p{
	line-height: 20px;
}
#theend a{
	display: block;
	color: #666;
	text-decoration: none;
}
#theend a:hover{
	color: #ccc;
}