/*** Reset ***/
a { outline: none;}
img {border:0}
table {border-collapse: collapse;border-spacing: 0;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,p,td{ margin: 0; padding: 0;}
em {font:inherit;}
em {font-style: normal;}
i{font-weight: normal; font-style: normal; font-weight: bold;}

body {
  font-family: arial,sans-serif !important;
  font-size: 18px;
  color: #646464;
  line-height:19px;
  background: #f0f0f0 url(../images/bg.jpg) no-repeat center top;
}

a { color: #84a5c6; }

a:hover{color:#8BB4D3;}
.hide { visibility:hidden; }
.small { font-size:60% !important; }
.gray { color:#666666; }
.dark-blue { color: #25435e; }
.center { text-align:center; }

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.push-10 { padding-left:10px; }
.push-20 { padding-left:20px; }
.push-30 { padding-left:30px; }
.push-40 { padding-left:40px; }
.push-60 { padding-left:60px; }
.down-10 { margin-bottom:10px; }
.down-20 { margin-bottom:20px; }
.down-30 { margin-bottom:30px; }
.top-10 { margin-top:10px; }
.top-20 { margin-top:20px; }
.top-30 { margin-top:30px; }
.top-40 { margin-top:40px; }
.top-50 { margin-top:50px; }
.normal { font-weight:normal; }
.font-14 { font-size: 14px;}
.font-15 { font-size: 15px;}
.font-16 { font-size: 16px;}
.noborder { border:none; }


h1 {
  font-style: normal;
  font-weight: normal;
  font-size: 34px;
  margin: 40px 0 33px 0;
}
h2 {
  font-size: 30px;
  font-weight: normal;
}

/*** Fixes ***/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
}
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*** Layouts ***/
.b {
  display:inline;
  float: left;
  position: relative;
}
.box {
  display:inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
#page-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
}
#logo {
  display: block;
  width: 397px;
  height: 123px;
  margin: 50px auto 0 auto;
}
#frame {
  display: block;
  position: relative;
  width: 736px;
  height: 370px;
  margin: 29px auto 0 auto;
  background: transparent url(../images/box-bg.png) no-repeat;
}
#playButtonBox {
  display: block;
  position: absolute;
  width: 100%;
  height: 87px;
  line-height: 87px;
  text-align: center;
  bottom: -28px;
}

/*** Slider ***/
#slider {
  display: none;
  display: block;
  width: 329px;
  height: 233px;
  position: absolute;
  right: 45px;
  top: 35px;
  overflow: hidden;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
}
#carousel_dots {
  position: absolute;
  display: block;
  right: 45px;
  bottom: 75px;
  cursor: pointer;
}

#top_content {
  font-size: 17px;
  font-weight: bold;
  color: #509ed4;
  width: 270px;
  margin-left: 30px;
  padding-top: 20px;
}
#top_content ul li { list-style: none; }
#top_content ul li:hover
{ list-style: none;
  color: #8BB4D3;
}
#top_content .top-item {
  padding: 14px;
  line-height: 25px;
  border-top: 2px solid #dadddd;
  cursor: pointer;
}
#top_content ul li:first-child {
  border: none;
  color: #0e5d94;
}

.pagination li {list-style: none; display: inline;}
.pagination li a  {
  overflow: hidden;
  width: 13px;
  height: 13px;
  margin-left: 15px;
  background: transparent url(../images/dots-sprite.png) no-repeat 0 0;
  cursor: pointer;
  float: left;
}

.pagination li.current a {
  background-position: -16px 0;
}

#footer {
  display: block;
  position: relative;
  width: 800px;
  height: 70px;
  margin: 10px auto 10px auto;

}
#cup {
  display: block;
  position: absolute;
  top: -100px;
  left: -50px;
}
#nekki {
  display: block;
  position: absolute;
  bottom: 0;
  right: -15px;
}