*{border:0;margin:0;padding:0;list-style:none;outline:0;-webkit-font-smoothing:antialiased;}

body{color:#a99d93;cursor:default;background:#000 url(bg13.jpg) no-repeat;font:17px/25px "Georgia",Times,serif;text-shadow: 2px 2px 3px #000;background-position: top center;font-style:italic;}
a{color:#00467d;text-decoration:none}
a:hover,a:focus{text-decoration:underline}

#wrap{width:960px;margin:0 auto;overflow:visible;padding-top:420px}
#cont{background-image:url('contbg.png');background-repeat:repeat-y;overflow: visible;height: 2000px;font:16px/22px "Georgia",Times,serif;text-shadow:none;color:#2e220a}
#title {text-indent:-9999px}
#footer{display: block;float: left;font-size:12px;margin:40px 0 20px;width:960px}
#footer img{float:right;margin:-20px 10px 20px 0}
#signupBox{background-image:url('signupBox.png');height:80px;color:#18130e;display: block;overflow:hidden;clear:both;padding:60px 70px;margin:50px 0}

#social{position:fixed;top:20px;right:20px}
.fade {display: inline-block;position: relative;text-indent:-9999px;width:40px;height:40px;background: url(socialSprite.png) no-repeat;}
.facebook{background-position:-40px 0}
.youtube{background-position:-80px 0}
.fade span {position: absolute;top:0;left:0;bottom:0;right:0;background: url(socialSprite.png) no-repeat;background-position:0 -40px;opacity:0;-webkit-transition: opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s}
.facebook span{background-position:-40px -40px}
.youtube span{background-position:-80px -40px}
.fade:hover span {opacity:1}

.i{font-size:26px;line-height:32px;color:#fff;padding-bottom:30px}
.ii{font-size:28px;line-height:26px;text-shadow:none}
.iii{font-style: normal;text-shadow:none}
.b{font-weight:bold}
.source{color:#a56b3f}
.center{text-align: center}
.clear{clear:both}

.colN{width:345px;float:left}
.colPress{width:345px;float:left;margin-left: 40px;padding-top: 20px}
.colPress p{margin-top: 20px;border-bottom: 1px dashed #181d3d;}
.colW{width:520px;float:left}
.screenshots{padding:30px 0 0 0}
.colSub{width:400px;float:right;padding:0 130px 100px 0;clear:both}
p{line-height:20px;padding-bottom:15px;display:inline-block}

ul li img{border:1px solid #211e1c;float:left;margin:0 18px 18px 0}
ul li img:hover{border:1px solid #322d2a}

#newslettersignup{float:right;width: 375px;height: 75px;}
.subscribe-button{width:150px;height:65px;background:url(signupbtn.png) no-repeat;opacity:.8;cursor:pointer;margin-top:-50px;text-indent:-999px;float:right;}
.subscribe-button:hover{opacity:1}
.email{font:16px "Georgia", Times, serif;color:#000;padding:10px 20px;width: 190px;height:24px;background: url(inputBG.png) no-repeat;margin-left:.10px;margin-top:22px;}

#distribution-button{opacity:0.7;display:block;width:auto;height:auto;float:left!important;cursor:pointer;}
#distribution-button:hover{opacity:1}


.steamLogo{margin-left:-30px}

#teaserFrame{-moz-box-shadow: 0px 0px 5px #000;-webkit-box-shadow: 0px 0px 5px #000;box-shadow: 0px 0px 5px #000}

/*--- Modal window ---*/
label {
  color:#00467d;
}

label:hover {
  cursor: pointer;
  text-decoration: underline;
}

input#toggle {
   position: absolute;
   left: -9999px;
}

input#toggle_preorder {
   position: absolute;
   left: -9999px;
}

.modal {
  position: absolute;
  top: 1000px;
  right: 0;
  left: 0;	
  z-index: -100;
  margin: auto;
  padding: 20px;
  width: 240px;
  height: 160px;
  border-radius: 10px;
  background-color: #000;
 
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
 
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.modal_preorder {
  position: fixed;
  top: 0px;
  right: 0;
  left: 0;	
  z-index: -100;
  margin: auto;
  padding: 0px;
  width: 540px;
  height: 250px;
  border-radius: 0px;
  background-color: #000;
 
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
 
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.modal h2 {
  color: #fff;
  text-align: left;
  margin: 10px;
  font-weight: normal;
}
 
.modal p {
  color: #444;
  text-align: left;
  margin: 10px;
  padding-bottom:0px;
}

input#toggle:checked + .modal {
  opacity: 1;
  z-index: 1;
}

input#toggle_preorder:checked + .modal_preorder {
  opacity: 1;
  z-index: 1;
}