/* ***************************************************************************************
** These rules apply to all pages of the website
------------------------------------------------------------------------------------------ */

/* General rules
------------------------------------------------------------------------------------------ */
	body {
		margin:0;
		padding:0;
		font:normal 62.5% tahoma, sans-serif;
		background:#e1e2e3;
	}

	div#container {
		margin:0 auto;
		width:941px;
	}

/* Logo
------------------------------------------------------------------------------------------ */
	h1#logo {
		margin:0;
		padding:0;
		line-height:0;
		float:left;
	}

	h1#logo img {
		border:none;
	}

	h1#logo a {
		display:block;
		margin:0 0 17px 0;
	}

	h1#logo a#companeros {
		margin:0 0 0 39px;
	}

/* Layout: Content div
------------------------------------------------------------------------------------------ */
	div#content {
		float:right;
		width:779px;
		background:#fff url(images/global/content-top-bg.jpg) repeat-x top left;
	}

/* Navigation
------------------------------------------------------------------------------------------ */
	ul#navigation {
		margin:0 0 33px 38px;
		padding:37px 0 38px 0;
		list-style:none;
		display:inline;
		float:left;
		width:699px;
		border-bottom:1px solid #e1e2e3;
	}

	ul#navigation li {
		float:left;
		height:31px;
		padding:1px 5px 0 4px;
		margin:0;
		position:relative;
		left:-9px;
		line-height:21px;
		text-align:center;
		background:url(images/global/nav-separator.jpg) no-repeat top right;
	}

	ul#navigation li a:link, ul#navigation li a:visited {
		display:block;
		width:100%;
		height:29px;
		position:relative;
		overflow:hidden;
		color:#484848;
		text-decoration:none;
		font-size:1.5em;
	}

	ul#navigation li a span {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		cursor:pointer;
	}

	ul#navigation li#portfolio-nav {
		width:93px;
	}

	ul#navigation li#portfolio-nav span {
		background:url(images/global/portfolio-nav-bg.gif) no-repeat top left;
	}

	ul#navigation li#portfolio-nav a:hover span {
		background:url(images/global/portfolio-nav-bg.gif) no-repeat bottom right;
	}

	ul#navigation li#portfolio-nav a#current span {
		background:url(images/global/portfolio-nav-bg.gif) no-repeat center left !important;
	}

	ul#navigation li#om-eighty-sixed-nav {
		width:169px;
	}

	ul#navigation li#om-eighty-sixed-nav span {
		background:url(images/global/om-eighty-sixed-nav-bg.gif) no-repeat top right;
	}

	ul#navigation li#om-eighty-sixed-nav a:hover span {
		background:url(images/global/om-eighty-sixed-nav-bg.gif) no-repeat bottom left;
	}

	ul#navigation li#om-eighty-sixed-nav a#current span {
		background:url(images/global/om-eighty-sixed-nav-bg.gif) no-repeat center left !important;
	}

	ul#navigation li#kontakt-nav {
		width:89px;
		background:none;
	}

	ul#navigation li#kontakt-nav span {
		background:url(images/global/kontakt-nav-bg.gif) no-repeat top left;
	}

	ul#navigation li#kontakt-nav a:hover span {
		background:url(images/global/kontakt-nav-bg.gif) no-repeat bottom left;
	}

	ul#navigation li#kontakt-nav a#current span {
		background:url(images/global/kontakt-nav-bg.gif) no-repeat center left !important;
	}

/* Layout: Footer
------------------------------------------------------------------------------------------ */
	div#footer {
		clear:both;
		background:#e1e2e3 url(images/global/footer-bg.jpg) no-repeat top left;
		text-align:right;
		padding:0 0 100px 0;
		margin-top:50px;
		height:1%;
	}

	div#footer img#copyright {
		margin:0 37px 0 0;
	}