/* RESET */

html {
  color: #fff;
  background: #2C3E50;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img { border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del,
ins { text-decoration: none; }

li { list-style: none; }

caption,
th { text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after { content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

legend { color: #000; }

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input,
button,
textarea,
select { *font-size:100%;
}

/* GRIDSYSTEM */

.container {
  width: 960px;
  margin: 0auto;
}

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.alpha { margin-left: 0; }

.omega { margin-right: 0; }

.grid-1 { width: 60px; }

.grid-2 { width: 140px; }

.grid-3 { width: 220px; }

.grid-4 { width: 300px; }

.grid-5 { width: 380px; }

.grid-6 { width: 460px; }

.grid-7 { width: 540px; }

.grid-8 { width: 620px; }

.grid-9 { width: 700px; }

.grid-10 { width: 780px; }

.grid-11 { width: 860px; }

.grid-12 { width: 940px; }

#slider {
  background: #2C3E50;
  float: left;
  margin-left: -0px;
  padding: 100px 0;
}

#slider li {
  width: 720px;
  background: #E95546;
  height: 330px;
  margin: 0 125px;
  float: left;
  text-align: center;
  font: bold 120px/330px Arial, sans-serif;
}