@charset "UTF-8";
/* CSS Document */

body {
	background: rgb(0,66,112);
	text-align: center;
	color: rgb(0,66,112);
	font-family: 'Lato', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

#wrapper {
	display: inline-block;
	margin: 0 auto;
	width: 1000px;
	_width: 1000px;
}

section {
	text-align: left;
}

article {
	width: 400px;
	_width: 400px;
	float: left;
	margin-right: 10px;
}

aside {
	width: 550px;
	_width: 550px;
	float: right;
	margin-top: 1em;
	margin-left: 10px;
	padding: 15px;
	color: rgb(41,71,99);
	background-color: rgba(255,255,255,.7);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-ms-layout-grid: 15px;
	-ms-interpolation-mode: bicubic;
}

h1 {
	font-style: 'light';
	font-size: 1.5em;
	line-height: 1em;
}

li {
	padding-bottom: .3em;
	list-style-type: none;
}

.bold {
	font-weight: 600;
}

.rounded {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-ms-layout-grid: 15px;
	-ms-interpolation-mode: bicubic;
}

.building {
	position: absolute;
	top: 340px;
	z-index: -10;
	width: 1050px;
	_width: 1050px;
}

a {
	border: 0;
	text-decoration: none;
}

.logo {
	border: 0;
	z-index: 10;
	position: absolute;
	width: 375px;
	_width: 375px;
}

img {
	border: 0;
}


/*
------------------- Navigation ------------------ */

nav {
	width: 100%;
	_width: 100%;
	display: block;
}

span.voit-rubber, span.decade1, span.decade2, span.decade3, span.decade4, span.decade5 {
	opacity: 0.7;
	filter: alpha(opacity=70);
	display: block;
	width: 165px;
	_width: 165px;
	position: absolute;
	bottom: 0;
}

span.voit-rubber:hover, span.decade1:hover, span.decade2:hover, span.decade3:hover, span.decade4:hover, span.decade5:hover {
	-webkit-transition: opacity .2s ease-in, bottom .6s ease-in;
	-moz-transition: opacity .2s ease-in, bottom .6s ease-in;
	-o-transition: opacity .2s ease-in, bottom .6s ease-in;
	transition: opacity .2s ease-in, bottom .6s ease-in;
	opacity: 1.0;
	filter: alpha(opacity=100);
	bottom: 30px;
}

span.decade1 {
	margin-left: 180px;
}

span.decade2 {
	margin-left: 355px;
	
}

span.decade3 {
	margin-left: 530px;
}

span.decade4 {
	margin-left: 705px;
}

span.decade5 {
	margin-left: 880px;
}

.clearfix {
	clear: both;
	height: 1%;
}