/* HEADER */
div#header {
	position: relative;
	background: #000 url(../img/bg/bg_header.gif) repeat-x;
	height: 300px;
	font-size: 0px;
}

div#headerpic {
	position: relative;
	width: 900px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}

/* LOGO */
#logo {
	position: relative;
	top: 21px;left: 0px;
}

#logo img {
	border-style: none;
}

/* NAVIGATION */
div#navigation {
	position: relative;
	height: 100px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


ol {
	position: absolute;
	right: -10px; top: 38px;
	list-style: none;
}

ol li {
	float:left;
}

ol a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 100px;
	height: 25px;
	background: transparent url(../img/bg/bg_navigation.gif) no-repeat;
}

ol a.infos {
	background-position: 0px 0px;
	width: 113px;
}

ol li a.infos:hover, body.infos ol li a.infos {
	background-position: 0px -25px;
}

ol a.events {
	background-position: -113px 0px;
	width: 95px;
}

ol li a.events:hover, body.events ol li a.events {
	background-position: -113px -25px;
}

ol a.projects {
	background-position: -208px 0px;
	width: 103px;
}

ol li a.projects:hover, body.projects ol li a.projects {
	background-position: -208px -25px;
}

ol a.media {
	background-position: -311px 0px;
	width: 82px;
}

ol li a.media:hover, body.media ol li a.media {
	background-position: -311px -25px;
}

ol a.links {
	background-position: -393px 0px;
	width: 74px;
}

ol li a.links:hover, body.links ol li a.links {
	background-position: -393px -25px;
}

ol a.contact {
	background-position: -467px 0px;
	width: 100px;
}

ol li a.contact:hover, body.contact ol li a.contact {
	background-position: -467px -25px;
}