/*----------------------- Overall ----------------------*/

body {
  color: #ffffff;
  width:100%;
  margin:auto;
  background: #000000;
  font-family: 'Ubuntu', sans-serif;
}

a {
  text-decoration: none;
  color: #ffffff;
}

.wrapper {
  margin: auto;
  width: 100%;
  background: url('../img/background.png') repeat-y center top;
}

.home {
  width: 100%;
  height: 850px;
  background: url('../img/backgroundhome.png') no-repeat center center;
  position: relative;
  border-bottom: 5px solid #8b0000;
}

.navibg {
  background: #000000;
  width: 100%;
  height: 100px;
  border-bottom: 5px solid #8b0000;
}

#navi {
  width: 1000px;
  height: 100px;
  margin: auto;
}

nav {
  position: relative;
}

#logo-navi {
  position: absolute;
  left: 0;
}

#logo-text {
    font-size: 2.5em;
    text-transform: uppercase;
    line-height: 2.5em;
}

nav ul {
  float:right;
  margin: 0px;
  padding: 0px;

}

nav ul#small-navi {
  font-size: 1em;
  margin-top: 1.5em;
}

nav ul#big-navi {
  font-size: 1.3em;
}

nav ul li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  float:left;
  padding-right: 20px;
}
nav ul:last-child {
  clear:both;
  padding-right: 0px;
}

nav ul li a {
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
}

nav ul#big-navi li:last-child {
  background: #8b0000;
  padding: 0px 5px 3px 5px;
}
nav ul#small-navi li:last-child {
  padding-right: 5px;
}


/*----------------------- Index ----------------------*/

.home-inner {
  width: 1000px;
  margin: auto;
}

#welcome {
  width: 1000px;
  position: absolute;
  bottom: 20%;
  left: 50%;
  margin-left: -500px;
}

#main-button-container {
  width: 60%;
  margin: auto;
}

span#download-button{
  height: 70px;
  width: 100%;
  border: 3px solid #8b0000;
  background-color: rgba(55, 0, 0, 0.5);
  margin-top: 20px;
  display: block;
}

a#download-link {
  width: 280px;
  line-height: 70px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-size: 25px;
  display: block;
  margin: auto;
  float: left;
}

span#play-button {
  height: 70px;
  width: 100%;
  border: 3px solid #0f5430;
  background-color: rgba(15, 84, 48, 0.5);
  margin-top: 20px;
  display: block;
}

a#play-link {
  width: 280px;
  line-height: 70px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-size: 25px;
  display: block;
  margin: auto;
  float: right;
}

#game {
  background:url('../img/logo_bg.png') no-repeat top right;
  height: 700px;
  border-bottom: 5px solid #8b0000;
}

#shipyard {
  background:url('../img/ship.png') no-repeat top left;
  height: 700px;
  border-bottom: 5px solid #8b0000;
}

#solarsystem {
  background:url('../img/arc.png') no-repeat top right;
  height: 700px;
}

#outer-content {
  background:url('../img/logo_bg.png') no-repeat top right;
  height: 645px;
}

.content {
  width: 1000px;
  margin: 0 auto;
}

h2 {
  margin: 0px;
  padding: 0px;
  padding-top: 30px;
  font-family: 'Roboto', sans-serif;
  font-size: 45px;
  text-transform: uppercase;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.text {
  padding-top: 50px;
  width: 60%;
  font-size: 1.1em;
}

.text.right {
  float: right;
}

.text.left {
  float: left;
}

.clear {
  clear:both;
}

span.cta-button {
  height: 70px;
  width: 100%;
  border: 3px solid #8b0000;
  background-color: rgba(55, 0, 0, 0.5);
  margin-top: 60px;
  display: block;
}

a.cta-link {
  width: 280px;
  line-height: 70px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  margin: auto;
}

/*----------------------- Team ----------------------*/

.team {
  padding-top:100px;
}

span.head {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-size: 30px;
}

span.position {
  font-size: 20px;
}

span.contact A {
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
}



/*----------------------- Gallery ----------------------*/

#gallery {
  padding-top: 100px;
  width: 1015px;
  height: 400px;
}


/*----------------------- Footer ----------------------*/

footer {
  border-top: 5px solid #8b0000;
  background: #000000;
  height: 180px;
}

#foowrap {
  margin: 0 auto;
  width: 1000px;
  text-align: center;
  padding-top:30px;
}

.footerimg {
  height: 80px;
}