/*** General ***/
html, body {
	background: url(./images/bg_site.jpg) repeat;
	padding: 0px;
	margin: 0px;
}

img
{
  border:none; /* Removes border from images in ff */
}

/*** Major containers ***/

#site
{
  position:relative;
/*  height: 1451px; */ /*WITHOUT BANNER */
  height: 1516px;  /*WITH BANNER */
  width: 1000px;
  margin: 0px auto;
}

#header
{
  position:relative;
  width: 1000px;
  height: 66px;
  margin: 0px auto;
  background:url(images/bg_header.png);
}

#content
{
  width: 916px;
  /*height: 1250px;*/
  height: 100%;
  margin: 0px auto;
  background:url(images/bg_content.png) repeat-y;
}

#footer
{
  clear: both;
  position: relative;
  width: 295px;
  height: 12px;
  top:20px;
  margin: 0px auto;
  background:url(images/bg_footer.png) no-repeat;
}

/*** Navigation bar ***/
#logo
{
  position:relative;
  left: 60px;
  text-decoration: none;
  margin: 0px;
}

#logo :link
{
  text-decoration: none;
}

#logo :visited
{
  text-decoration: none;
}

#navbar{
position:absolute;
bottom:18px;
right: 79px;
}

.navbaritem
{
  position: relative;
  float:left;
}

.navbaritem a{
display:block;
width: 100px;
margin:0px;
padding: 10px 0px;
text-align: center;
color:white;
font-size: 10pt;
font-family: 'helvetica', 'helveticaneue-light', 'helvetica neue light', 'verdana', 'arial', 'sans-serif';
font-weight: normal;
letter-spacing:0px;
text-decoration: none;
}

.navbaritem a:hover{
color: black;
background-color:white;
}

/*** iframe container ***/

#showcase
{
  position:relative;
  width: 844px;
  height:406px;
  padding: 0px;
  margin: 0px auto;
}

#frontframe
{
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:1;
  opacity: 1;
  filter:alpha(opacity=100);
}

#backframe
{
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:0;
  opacity: 1;
  filter:alpha(opacity=100);
}

#selector
{
  position: relative;
  width: 456px;
  height: 54px;
  top: 356px;
  z-index: 2;
  padding-left: 14px;
  padding-top: 0px;
  margin: 0px auto;
}

#selector a
{
  display: block;
  float: left;
  width: 42px;
  height: 44px;
  padding: 2px 3px 2px 2px;
  margin-right: 3px;
}

#selector a:hover
{
  opacity: 0.8;
  /*filter:alpha(opacity=80);*/
  -moz-opacity:0.50;
}



/*** twitter stuff ***/
#twittercontainer
{
  position: relative;
  margin-top: 18px;
  margin-bottom: 18px;
  margin-left: 1px;
}

#twitter_header
{
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px auto;
  height: 6px;
  width: 823px;
  background-image: url('images/bg_twitter_header.png');
  background-repeat: no-repeat;
}

#twitter
{
  margin: 0px auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  width: 823px;
  min-height: 40px;
  background-image: url('images/bg_twitter_middle.png');
  background-repeat: repeat-y;
  font-family: 'helvetica', 'helveticaneue-light', 'helvetica neue light', 'verdana', 'arial', 'sans-serif';
  font-size: 11pt;
  color: #666666;
}

#twitter a 
{
  text-decoration: none;
}

#twitter a:link 
{ 
  color: #b31f1f;
}

#twitter a:visited 
{ 
  color: #b31f1f;
}


#twitter_footer
{
  margin: 0px auto;
  padding-left: 10px;
  padding-right: 10px;
  height: 4px;
  width: 823px;
  background-image: url('images/bg_twitter_footer.png');
  background-repeat: no-repeat;
}

span.twitter_follow
{
  display:block;
  float: left;
  height: 32px;
  line-height: 34px;
  border-right: 1px solid gray;
  padding-right: 10px;
  margin-bottom: 4px;
  margin-right: 10px;
}

span.twitter_feed
{
  position: relative;
  float: left;
  font-family: 'helvetica', 'helveticaneue-light', 'helvetica neue light', 'verdana', 'arial', 'sans-serif';
  font-size: 11pt;
  color: #7b7b7b;
}

/*** Banner ***/
#banner
{
  position: relative;
  width: 844px;
  height: 65px;
  margin: 0px auto;
  /* padding-bottom: 16px; */
  /*background-image: url('images/bnr_01.jpg');*/
  /*background-repeat: no-repeat;*/
}


/*** Our games and press kit ***/

.customlist
{
  position: relative;
  top: 0px;
  padding: 0px 28px;
  width: 910px;
}

.customlistelement
{
  /*display: inline;*/
  float: left;
  width: 200px;
  height: 294px;
  border-bottom: 1px solid #ccc;
  padding:0px 8px;
}


.customlistcontent
{
  position:relative;
  height: 119px;
  font-size: 9pt;
  font-family: 'helvetica', 'helveticaneue-light', 'helvetica neue light', 'verdana', 'arial', 'sans-serif';
  line-height: 110%;
  color: #5E5E5E;
  
  padding: 0px 3px;
}

.customlistcontent img
{
  border: none;
  
}

.customlistcontent h2
{
  font-size: 11pt;
  font-style: bold;
  font-family: 'helvetica', 'helveticaneue-light', 'helvetica neue light', 'verdana', 'arial', 'sans-serif';
  margin: 2px 0px 6px 0px;
}

.customlistcontent p
{
  margin: 0px;
}

.customlistcontent a
{
  color:red;
  outline: none;
}

.customlistcontent .btncontainer
{
  position: absolute;
  bottom: 10px;
}

/*** Buttons view trailer/appstore/Website ***/

a.button
{
  position:relative;
  display:block;
  float:left;
  text-align: center;
  width: 92px;
  height: 23px;
  padding-top: 4px;
  background: url("images/btn_black.png") no-repeat;
  color:white;
  text-decoration:none;
}

a.button:hover
{
  background: url("images/btn_black_hover.png") top left no-repeat;
}

a.button:active
{
  
}

/*** Presskit stuff (title, buttons ...) ***/

#presskit
{
}

#presskit h2
{
  font-size: 11pt;
  font-style: bold;
  font-family: 'helvetica', 'helveticaneue-light', 'helvetica neue light', 'verdana', 'arial', 'sans-serif';
  color: #85A91F;
  margin-bottom: 8px;
}

#presskit a
{
  display:block;
  color: #fff;
  text-decoration: none;
  width: 190px;
  height: 23px;
  background-image: url("images/btn_download_l.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 4px 0px 0px 5px;
  margin: 0px 0px 2px 0px;
  
}

#presskit a:hover
{
  background-image: url("images/btn_download_l_hover.png");
  
}

#presskit a:active
{
  background-image: url("images/btn_download_l_down.png");
  
}

#presskit a.newbtn
{
  color: #85A91F;
  background-image: url("images/btn_download_l_new.png");
}

#presskit a.newbtn:hover
{
  background-image: url("images/btn_download_l_new_hover.png");
}

#presskit a.newbtn a:active
{
  background-image: url("images/btn_download_l_new_down.png");
  
}