@charset "utf-8";
@import "reset.css";
@import "base.css";
@import "webkit.css";
html{
	font-size:100.01%;
	}

body{
	color:#6b6868;
	font-size:12px;
	font-family:Arial;
	background:#ffffff;
	}
a{color: #da0000;}
a {color: #8bb5d5;}
a:hover{text-decoration: none;}
.nm, .nm dd{margin:0;}
.nm li{list-style: none;}
.bone{
	width:100%;
	margin:0 auto;
	position: relative;
}
.logo{
	position: absolute;
	top:40px;
	left: 77px;
}
.middle{text-align: center; min-height: 600px;}
.animation{display: none;}
.main-img{margin-top: 100px;}
.real-browser .animation{display: block;}
.real-browser .main-img{display: none;}
.footer{
	height:82px;
	padding-top:18px;
	text-align: center;
    color: #8bb5d5;
}
.footer p{margin:0 0 4px;}
.real-browser .footer p{display: none;}
.developers{
    position: absolute;
    top:0;
    right:0;
}
.logo-f {
    position: absolute;
    top: 0;
    left: 77px;
}
.logo-f img {
    vertical-align: middle;
    margin-right: 10px;
}

.social {
    position: absolute;
    text-align: center;
    top: -30px;
	left: 50%;
    width: 300px;
	margin-left: -150px;
}
.social .item {
    display: inline;
    margin: 0 5px;
    vertical-align:top;
}
.social .item iframe{
    height: 21px !important;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
}
.bone { padding-bottom: 100px;}
.footer {
  width: 100%;
  position: absolute;
  bottom: 0;
}