* { 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: Times New Roman, serif;
	font-size: 14px; line-height: 18px;
	color: #667;
}

h1, h2, h3 {
	font-size: inherit; line-height: inherit;
	font-weight: normal;
}

h1 { position: absolute; left: 40px; top: 25px; text-transform: none; z-index: 10; }
h1 a { text-decoration: none; color: #000; border: none; }

h2 { margin: 0 0 18px 0; color: #000; }
h2 a { border-bottom: 1px solid #000; }
h3 { color: #000; }

p { margin: 0 0 9px 0; }


a { 
	color: inherit;
	border-bottom: 1px solid;
	text-decoration: none;
}

a:active { color: #f00 !important; }

#content {
	position: absolute;
	left: 40px; top: 120px;
	padding-bottom: 160px;
	width: 920px;
}

/* MENU */

#menu { 
	position: absolute;
	left: 520px; top: 25px;
	z-index: 9;
}

#menu li { display: block; float: left; margin: 0 12px 0 0; }
#menu li a,
#lang a { color: #000; text-decoration: none; border: none; }
#lang a.active,
#lang a:hover,
#menu li a.active,
#menu li a:hover { color: #000; border-bottom: 1px solid #000; }

#lang {
	position: absolute;
	left: 860px; top: 25px;
	width: 100px; text-align: right;
	z-index: 8;
}

/* PROJECT LIST */

ul#project_list { list-style: none; width: 440px; overflow: hidden; }
ul#project_list li { margin: 0 0 18px 0; }
ul#project_list a { color: #000; text-decoration: none; border: none; }
ul#project_list a:hover { border-bottom: 1px solid #000; }

/* COLS */

div.col {
	width: 200px;
	margin: 0 0 20px 40px;
	float: left;
}

div.two { width: 440px; }
div.three { width: 680px; }
div.four { width: 920px; }
div.first { margin-left: 0; }

/* HP: NEWS ENTRIES */

div.entry { 
	margin: 0 0 18px 0; 
	width: 385px;
}
div.entry p { margin: 0; }



/* PROJECT */

#project_page h1,
#project_page #menu,
#project_page #lang {
	position: fixed;
}


#project_page {
	width: 100%; overflow: hidden;
	padding-bottom: 100px;
}


#project_title { 
	position: fixed; 
	left: 40px; top: 120px; 
	z-index: 8;
}

#project_title h2 { margin: 0; color: #000; }

#project {
	position: absolute;
	left: 0; top: 180px;
	width: 100%;
}

#text_container {
	width: 400px;
	margin: 0 0 10px 0;
	padding-left: 40px;
}

#image_container {
	width: 100%; height: 510px;
	margin-left: 0;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
	/*background: #f8f8f8;*/
}

#images {
	width: 9999em; /* tausend */
	height: 470px;
	background: #fff;
	padding-left: 40px;
}

#images img { display: block; }

#images_inside { position: relative; width: auto; }

div.single_image {
	height: 460px; overflow: hidden;
	float: left; 
	position: relative;
	margin: 0 40px 0 0;
}
div.single_image img { cursor: pointer; }
div.single_image p { position: absolute; bottom: 0; }



#image_navigation { 
	position: absolute; left: 40px; bottom: 120px;
	width: 440px; height: 20px;
}

#image_navigation ul { 
	list-style: none; 
	padding-top: 3px;
	width: auto;
}
#image_navigation ul li { float: left; margin: 0; }
#image_navigation ul li.spc { margin-left: .5em; }


#image_navigation a { 
	display: block; 
	width: auto; margin: 0 .5em 0 0;
	text-decoration: none; 
	border: none;
	text-align: center;
}
#image_navigation a:hover { color: #000; text-decoration: none; }
#image_navigation a.active { border-bottom: 1px solid; }


#debug {
	position: fixed;
	right: 0; top: 0;
	background: #f00;
	width: 50px; height: 20px;
	display: none;
}


/* text */

div.text div.title * { margin: 0; }
div.text div.title { margin: 0 0 18px 0; }
div.text a { border-bottom: 1px solid #778; } /* looks like text colour */



::selection { background: #f00; /* Safari */ }
::-moz-selection { background: #f00; /* Firefox */ }


/* TABLE */
table { margin: 9px 0 27px 0; font-size: inherit; line-height: inherit; width: 440px;}
table td { vertical-align: top; padding: 0 0 4px 0; margin: 0; border: 0; }
table td:first-child { width: 70px; }
table p { margin: 0 !important; }

/* credit */
#credit {
	position: absolute;
	bottom: 36px; left: 40px;
}

#credit a { border: none; }
#credit a:hover { border-bottom: 1px solid; }

#content.page-contact a { border: none; }
#content.page-contact a:hover { border-bottom: 1px solid; }


/* FORM */
fieldset { 
	display: block;
	margin: 0 0 0 0; border: 0; padding: 0; 
}

fieldset label {
	margin: 0;
	clear: both;
}

fieldset input {
/*
	font-family: Times New Roman, serif;
	font-size: 14px; line-height: 18px; 
*/
	height: 16px;
	color: #667;
	margin: 5px 0;
	width: 200px;
}

fieldset input.btn { height: auto; width: auto; }