/* font */
* {
	font-family:		"Verdana", "Bitstream vera sans", sans-serif;
}

h1, h2, h3, div#menu ul li a, span.duekin {
	font-family:		"Georgia", "Bitstream vera serif", serif;
}

html {
	font-size:		12px;
}

div#company, div#footer p {
	font-size:		90%;
}

div#company {
	font-style:		italic;
}

h1, h2, h3, div#menu ul li a, span.duekin {
	font-variant:		small-caps;
}

a, span.duekin {
	font-weight:		bold;
}

div#footer p a {
	font-weight:		normal;
}

div#lang {
	position:		fixed;
	right:			2px;
	top:			4px;
}

/* text */
* {
	text-align:		justify;
}

div#menu ul li a {
	text-align:		right;
}

div#footer p {
	text-align:		center;
}

a {
	text-decoration:	none;
}

div#title h1, a:hover, span.duekin {
	text-decoration:	underline;
}

/* lists */
div#menu ul li {
	list-style-type:	none;
}

/* color */
div#company {
	background-color:	#f8f8f8;
	color:			black;
}

html, h1, div#menu ul li a, div#service, div#knowledge, div#research,
div#contact {
	background-color:	#f8f8f8;
	color:			black;
}

body {
	background-color:	#e0e0e0;
	color:			black;
}

h2, div#menu ul li a:hover, div#footer, div#footer p a {
	background-color:	#606060;
	color:			#f0f0f0;
}

a {
	color:			#606060;
}

/* border */
div#title h1, div#menu ul li, div#service, div#knowledge, div#research,
div#contact {
	border:			1px solid #000000;
}

div#footer {
	border-top:		1px solid #000000;
}

img {
	border:			0;
}

/* position */
* {
	margin:			0;
	padding:		0;
}

div#service, div#knowledge, div#research, div#contact {
	margin:			2%;
}

h2 {
	margin-left:		-1em;
}

img  {
	vertical-align:		middle;
}

ul li {
	margin-left:		2em;
}

div#service, div#knowledge {
	margin-right:		0;
}

div#menu ul li {
	margin-top:		4px;
}

h2, div#title h1, div#menu ul li a {
	padding:		4px;
}

div#company p, div#service, div#knowledge, div#research, div#contact {
	padding:		8px;
}

div#company {
	padding-bottom:		0;
}

div#company p, div#footer p {
	padding-bottom:		4px;
}

body, h3, h4, p, ul {
	padding-top:		4px;
}

ol > li {
	margin-left:		2em;
	margin-top:		1ex;
}

/* specifics */
body {
	margin:			8px;
	margin-left:		5%;
	margin-right:		5%;
	position:		relative;
}

div#title h1 {
	background-image:	url('duekin.png');
	background-position:	4px 4px;
	background-repeat:	no-repeat;
	font-size:		32px;
	margin:			8px;
	height:			48px;
	overflow:		hidden;
	padding-left:		56px;
}

div#menu ul li a {
	background-image:	url('menu.png');
	background-position:	0 0;
	background-repeat:	repeat-x;
}

div#company, div#company div {
	background-repeat:	no-repeat;
}

div#company div.bl {
	background-image:	url('company-bl.png');
	background-position:	0% 100%;
}

div#company div.br {
	background-image:	url('company-br.png');
	background-position:	100% 100%;
}

div#company.tl {
	background-image:	url('company-tl.png');
	background-position:	0 0;
}

div#company div.tr {
	background-image:	url('company-tr.png');
	background-position:	100% 0;
}

div#menu {
	margin-top:		64px;
	min-width:		30%;
	max-width:		45%;
	position:		absolute;
	right:			8px;
}

div#menu ul li a {
	display:		block;
	letter-spacing:		0.5ex;
}

div#company {
	margin-left:		3%;
	width:			50%;
}

div#service, div#knowledge {
	float:			left;
	width:			44%;
}

div#research {
	clear:			both;
}