
HTML
{
  overflow-x:hidden;
}

BODY
{
  background: #000 url(i/bg-body.jpg) no-repeat 0 50px;
}

BODY.news .character
{
  background-image: url(i/bg-news.gif);
}

.holder
{
  height:870px;
}

.logo
{
  position:absolute;
  left:25px;
  top:68px;
}

.back
{
  z-index:1;
}

.indent-bottom-triple
{
  margin-bottom:3em;
}

.stuff
{
  z-index:2;
}

.nav
{
  position:absolute;
  z-index:2;
  left:140px;
  top:12px;
}

.nav UL
{
  list-style-type:none;
  display:block;
}

.nav UL LI
{
  float:left;
  margin-right:35px;
}

.nav UL LI A
{
  color:#646464;
  font: 18px/1.3em Arial;
  text-decoration:none;
}

.nav UL LI A:hover
{
  color:#FFF;
}

BODY.news .nav UL LI.news A,
BODY.about .nav UL LI.about A,
BODY.video .nav UL LI.video A,
BODY.screens .nav UL LI.screens A,
BODY.shops .nav UL LI.shops A
{
  cursor:default;
  color:#FFF;
}

.content
{
  position:absolute;
  z-index:2;
  left:300px;
  top:51px;
  height:746px;
  width:460px;
  border-color:#4C4C4C;
  border-style:solid;
  border-width:0 1px 0 1px;
}

.content .back,
.content .stuff
{
  position:absolute;
  left:1px;
  top:0;
  width:458px;
}

.content .back
{
  width:458px;
  height:746px;
  background-color:#030201;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  opacity: 0.8;
}

.content .stuff
{
  width:398px;
  width:398px;
  padding:15px 30px 0 30px;
}

.character
{
  position:absolute;
  z-index:1;
  background-repeat:no-repeat;
}

BODY.news .character,
BODY.shops .character
{
  top:0;
  left:615px;
  width:559px;
  height:867px;
  background-image: url(i/bg-news.gif);
}

BODY.about .character
{
  top:0;
  left:650px;
  width:422px;
  height:867px;
  background-image: url(i/bg-about.gif);
}

BODY.video .character
{
  top:0;
  left:620px;
  width:636px;
  height:867px;
  background-image: url(i/bg-video.gif);
}

BODY.screens .character
{
  top:0;
  left:660px;
  width:653px;
  height:867px;
  background-image: url(i/bg-screen.gif);
}

.pack-box
{
  position:absolute;
  width:210px;
  height:241px;
  border:1px solid #4c4947;
}

.pack-box .back,
.pack-box .stuff
{
  position:absolute;
  left:1px;
  top:1px;
  width:208px;
  height:239px;
}

.pack-box .back
{
  background-color:#030201;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  opacity: 0.8;
}

.pack-box .stuff
{
  padding-top:19px;
  text-align:center;
}

.pack-ps3
{
  left:44px;
  top:291px;
}

.pack-x360
{
  left:44px;
  top:544px;
}

.pack-rule
{
  position:absolute;
  left:255px;
  top:513px;
  width:46px;
  height:50px;
  border-top:1px solid #4c4947;
  border-bottom:1px solid #4c4947;
}

.footer
{
  position:absolute;
  top:800px;
  left:0px;
  font: 9px/10px Tahoma, Arial;
  color:#646464;
  background: #000 url(i/logo-rockstar.gif) no-repeat;
  margin:10px;
  padding-left:70px;
  width:1030px;
  height:57px;
  padding-top:2px;
}

.screen-block
{
  height:595px;
}

.screen-block IMG,
.screen-block A
{
  width: 118px;
  height: 66px;
}

.screen-block A
{
  float:left;
  padding:1px;
  border:1px solid #4c4c4c;
  margin:0 15px 15px 0;
}

.screen-block A:hover
{
  border-color:#EEE;
}

.screen-block A.last
{
  margin-right:0;
}

.pager B, .pager A
{
  display:block;
  font-weight:bold;
  float:left;
  padding:0 .5em;
  text-decoration:none;
}

