@font-face {
	font-family: 'Calibri';
	src: url('../../gfx/fonts/calibri.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibri';
	src: url('../../gfx/fonts/calibrii.woff');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Calibri';
	src: url('../../gfx/fonts/calibrib.woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Calibri Light';
	src: url('../../gfx/fonts/calibri-light.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Century Gothic';
	src: url('../../gfx/fonts/century_gothic.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Century Gothic';
	src: url('../../gfx/fonts/century_gothicb.woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'MS Reference Sans Serif';
	src: url('../../gfx/fonts/MS_reference_sans_serif.woff');
	font-weight: normal;
	font-style: normal;
}

* {
  margin: 0;
  padding: 0;
}

img { text-decoration: none; border: 0px; }
input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

body {
  margin: 0; 
  padding: 0;
  font: normal 16px Calibri, Arial, Verdana, sans-serif;
  background-color: #313131;
}

div#page {
  /*width: 75em; /* 1200px / 16px = 75em */
  margin: 0 auto;
}
div#page div#wrapper {
  position: relative;
}

/* Header */
header {
  margin: 0;
  padding: 0;
  
  width: 100%;
  height: 7.5625em; /* 121px / 16px = 7.5625em */
  
  position: relative;
}

header div.header_logo {
  position: absolute;
  top: 0;
  left: 0;
  
  width: 48.083333333333%; /* 577px / 1200px = 48.083333333333%; */
  height: 100%;
  
  background-color: #FFFFFF;
  
  -webkit-box-shadow: 0.4375em 0.375em 0.3125em 0 rgba(0, 0, 0, 0.51); /* 7px / 16px = 0.4375em */
  -moz-box-shadow:    0.4375em 0.375em 0.3125em 0 rgba(0, 0, 0, 0.51); /* 6px / 16px = 0.375em */
  box-shadow:         0.4375em 0.375em 0.3125em 0 rgba(0, 0, 0, 0.51); /* 5px / 16px = 0.3125em */
}
header div.header_logo img {
  position: absolute;
  
  top: 20.661157024793%; /* 25px / 121px = 20.661157024793% */
  right: 5.199306759099%; /* 30px / 577px = 5.199306759099% */
  
  height: 57.851239669421%; /* 70px / 121px = 57.851239669421% */
}
header div.header_logo div.bar {
  position: absolute;
  
  top: 84.297520661157%; /* 102px / 121px = 84.297520661157% */
  left: 1.55979202773%; /* 9px / 577px = 1.55979202773% */
  
  width: 96.707105719237%; /* 558px / 577px = 96.707105719237% */
  height: 8.264462809917%; /* 10px / 121px = 8.264462809917% */
  
  background-color: #272727;
}
header img.tires {
  position: absolute;
  
  top: 0;
  right: 0;
  
  height: 100%;
  width: 51.916666666667%; /* 623px / 1200px = 51.916666666667% */
  
  z-index: -1;
}
header img.back {
  position: absolute;
  
  top: 0;
  right: 0;
  
  height: 49.586776859504%; /* 60px / 121px = 49.586776859504% */
  
  z-index: -2;
}

nav {
  position: absolute;
  top: 0;
  right: 0;
  height: 49.586776859504%; /* 60px / 121px = 49.586776859504% */
  width: 51.916666666667%; /* 623px / 1200px = 51.916666666667% */
}
nav ul {
  font-family: 'MS Reference Sans Serif';
  font-size: 1.25em; /* 20px / 16px = 1.25em */
  line-height: 3em; /* 60px / 20px = 3em */
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
nav ul li {
  display: block;
  float: left;
  position: relative;
  width: 16.66%;
}
nav ul li a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  white-space: nowrap;
}
nav ul li a:hover {
  color: #57A13D;
}
nav ul li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 1em;
  min-width: 80%;
  width: auto;
  background-color: #313131;
  padding: 0 10%;
}
nav ul li ul li {
  line-height: 2em;
  float: none;
}
nav ul li ul li a {
  
}
nav ul li ul li a:hover {
  
}
nav ul li:hover ul {
  display: block;
  position: absolute;
  left: 0;
}

footer {
  position: relative;
  margin: 1.5em 5%; /* 50px / 16px = 3.125em */ /* 60px / 1200px = 5% */
  width: 90%; /* 1080px */
  
  overflow: auto;
}
footer div {
  float: left;
  width: 25%; /* 270px */
  color: #FFFFFF;
  
  font-family: 'Calibri';
  font-size: 1.119375em; /* 17.91px / 16px = 1.119375em */
}
footer div#block_1 { width: 23%; }
footer div#block_2 { width: 23%; }
footer div#block_3 { width: 23%; }
footer div#block_4 { width: 31%; }