* { margin: 0; outline: 0; }
ul, ol { padding:  0; }
a, img { border: 0; }
div.clear { clear: both; line-height: 0; height: 0; font-size: 0; border: 0; padding: 0; margin: 0; }



body {
	font-family: 'Courier New', Courier, monospace;
	font-size: 12px; line-height: 15px;
}

h1, h2, h3, h4, #menu a {
	font-size: 12px; line-height: 15px;
	font-weight: normal;
	text-transform: uppercase;
}

h1 a, #menu a, ul.menu a { 
	color: #000;
	text-decoration: none;
}

h1 a:hover, 
#menu a:hover, #menu a.active, 
ul.menu a:hover, ul.menu a.active {
	text-decoration: underline;
}

h1 {
	position: absolute;
	left: 20px; top: 16px;
	z-index: 3;
/*
	position: fixed;
	left: 0; top: 0;
	padding: 16px 20px 14px 20px;
	background: #fff;
*/
}

h2 a { text-decoration: none; }
h2 a:hover { text-decoration: underline; }

h3 { margin: 30px 0 10px 0; }
h3:first-child { margin-top: 0; }

h4 { margin: 15px 0 0 0; }
h4:first-child { margin: 0; }

p { margin: 0 0 15px 0; }
p:last-child { margin-bottom: 0; }
p.caption { margin: 5px 0 0 0; }

a { text-decoration: underline; color: #000; }

img, object { display: block; }

ul { list-style: none; }


/* MENU */

#menu {
	position: absolute;
	left: 265px; top: 16px;
}
#menu li { 
	float: left; 
	margin-right: 15px; 
}


/* HEADER */

#header {
	position: absolute;
	left: 20px; top: 150px;
	width: 215px;
	z-index: 3;
}

/* CONTENT */

#content {
	position: absolute;
	left: 20px; top: 150px;
	width: 950px;
	padding-bottom: 120px;
	z-index: 2;
	
	width: 980px; /* ie6 du hur3nk1nd */
}

/* GRID */

div.col {
	float: left;
	width: 215px;
	margin: 0 0 30px 30px;
}

div.first { margin-left: 0; }
div.nobottom { margin-bottom: 0; }
div.indent { padding-left: 215px;}

div.two { width: 460px; }
div.three { width: 705px; }
div.four { width: 950px; }

div.related { margin-top: 60px; }
div.related p { margin: 0; }

/* work */
div.project { margin: 0 0 75px 0; }
div.desc { margin: 0 0 30px 0; } /* description in head */

/* news on homepage */
div.news { width: 337px; }
#homepagenews p { margin: 0; }

/* overview lists: archive, texts */
div.archive a { text-decoration: none; }
div.archive a:hover { text-decoration: underline; }
div.archive a:visited { text-decoration: line-through; }

/* texts */
ul.texts li { margin: 0 0 15px 0; }