/* Custom Stylesheet */
body, html {
      margin: 0;
      -webkit-font-smoothing: antialiased;
      background:#221E1F;
      text-align: center;
      -webkit-transition: opacity 400ms;
      -moz-transition: opacity 400ms;
      transition: opacity 400ms;
	  font-family: 'Roboto',Arial,sans-serif;
}

body .header{
  color: #000;
}
html {
	height: 100%;
    min-height: 100%;
}
body {
	height: 100%;
    margin: 0;
    min-height: 580px;
    padding: 0;
    position: relative;
}
.main  {
  margin: 25px auto;
  max-width: 400px;
  position:relative;
}


.bg {
  border:3px #221E1F solid;
  width: 390px;
  height: 490px;
  margin: auto;
  position: absolute;

}

.logo{
	background: rgba(0, 0, 0, 0) url("../logo.png") repeat scroll 0 0;

    height: 500px;
    position: absolute;
    width: 400px;
    z-index: 1;
	pointer-events:none;
}
.footerOutter
{
	position: absolute;
	width:100%;

}
.footer{
	bottom: 60px;
    color: #414141;
    font-size: 11px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.footer *{
	padding-right:10px;
	padding-left:10px;
	text-decoration: none;
	color:#414141 !important;
}


.footer a:hover{
	color:#FFF !important;
}