@charset "UTF-8";

/*GENERAL*/

*{
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

html,body{
	width:100%;
	height:100%;
}
body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#666;
	background-color:#fff;
}
#x-top{
	width:100%;
	height:300px;
	overflow:hidden;
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
}
#x-top:after{
	content:"";
	display:block;
	position:absolute;
	width:104%;
	height:240px;
	background-color:#19407d;
	left:-10px;
	top:-110px;
	transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
}
#x-wrapper{
	width:960px;
	margin:auto;
	padding-bottom:40px;
}
#x-header{
	padding-top:50px;
	height:130px;
}
#x-logo {
	display: block;
	width: 199px;
	height: 79px;
	background: url(../images/EXTRA-Computer_S_wht.png) no-repeat;
}
#x-content h1{
	font-family:'exone', Helvetica, Arial, sans-serif;
	font-size:52px;
	font-weight:300;
	color:#19407d;
	text-transform:uppercase;
}

#x-content p{
	margin:6px 0;
	font-size:14px;
	line-height:18px;
}

#x-bottom{
	position:fixed;
	width:100%;
	height:10px;
	background-color:#19407d;
	left:0;
	bottom:0;
}

a {
  text-decoration: none;
}

a .xbtn-big {
  background-color: #19407D;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 3.5;
  font-family: 'exone', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 20px;
  text-align: center;
  padding: 12px 30px;
  width: 300px;
  margin: 0 0 20px 0;
}

a:hover .xbtn-big,
a:focus .xbtn-big {
  background-color: #222222;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 3.5;
  font-family: 'exone', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 20px;
  text-align: center;
  padding: 12px 30px;
}