#menu {
  display: block;
  width: 100%;
  height: 57px;
  position: fixed;
  top: 0px;
  left: 0px;
  background: transparent url(images/header-bg.png) no-repeat scroll center top;
  margin-top: 35px;
  padding-left: 1px;
  z-index: 65533;
}

#menu-inner {
  display: block;
  width: 920px;
  margin: 8px auto 0px;
}

#menu-inner .menu-item {
  display: block;
  height: 21px;
  width: 181px;
  margin-right: 3px;
  float: left;
}

#menu-inner .menu-item a {
  display: block;
  height: 21px;
  background: transparent none no-repeat scroll 0 0;
  margin: 8px auto 0px;
  position:relative;
}

#menu-inner .menu-item #games-menu-item-button {
  width: 100%;
  height:100%;
  background-image: url(images/menu-games.png);
  background-position:center -2px;
}
#menu-inner .menu-item #games-menu-item-button:hover, #menu-inner #games-menu-item a.selected {background-image: url(images/menu-games-HOV.png);}

#menu-inner .menu-item #news-menu-item-button {
  width: 100%;
  height:100%;
  background-image: url(images/menu-news.png);
  background-position:center -2px;
}
#menu-inner .menu-item #news-menu-item-button:hover, #menu-inner #news-menu-item a.selected {background-image: url(images/menu-news-HOV.png);}

#menu-inner .menu-item #company-menu-item-button {
  width: 100%;
  height:100%;
  background-image: url(images/menu-company.png);
  background-position:center -2px;
}
#menu-inner .menu-item #company-menu-item-button:hover, #menu-inner #company-menu-item a.selected {background-image: url(images/menu-company-HOV.png);}

#menu-inner .menu-item #careers-menu-item-button {
  width: 100%;
  height:100%;
  background-image: url(images/menu-careers.png);
  background-position:center -2px;
}
#menu-inner .menu-item #careers-menu-item-button:hover, #menu-inner #careers-menu-item a.selected {background-image: url(images/menu-careers-HOV.png);}

#menu-inner .menu-item #contact-menu-item-button {
  width: 100%;
  height:100%;
  background-image: url(images/menu-contact.png);
  background-position:center -2px;
}
#menu-inner .menu-item #contact-menu-item-button:hover, #menu-inner #contact-menu-item a.selected {background-image: url(images/menu-contact-HOV.png);}

#menu-inner .menu-item .chevron {
  display: block;
  width: 19px;
  height: 20px;
  background: transparent url(images/menu-chevron.png) no-repeat scroll 0 0;
  margin: 0px auto 0px;
  position: absolute;
  top:20px;
  left:80px;
}

#menu-inner .menu-item a:hover .chevron,#menu-inner .menu-item a.selected .chevron{
  top:22px;
  background: transparent url(images/menu-chevron-HOV.png) no-repeat scroll 0 0;
}

/*******************/
/* Submenus        */
/*******************/

#submenu-outer {
  width: 100%;
  position: fixed;
  display: block;
  z-index: 32767;
}

#submenu-container {
  position: absolute;
  top: -60px;
  display: block;
  width: 920px;
  padding-bottom:20px;
  height:52px;
  margin: 0px auto 20px auto;
  position: relative;
  color:#b49220;
  line-height:150%;
}

.specular{
  position:absolute;
  left:0px;
  top:25px;
  width:181px;
  height:30px;
  background-image:url(images/submenu-background-top.png);
}

#submenu-container .submenu-item {
  position: relative;
  width: 185px;
  padding:30px 0 20px 0;
  z-index: 32000;
  background: transparent url(images/menu-bottom.png)no-repeat bottom left;
  position: absolute;
  box-shadow:0px -7px 3px #201D18;
}



/* Remove below in case of emergency*/
#submenu-container .games-submenu-bottom{
  position: relative;
  width: 185px;
  padding: 0px 0 20px 0;
  background: transparent url(images/menu-bottom.png)no-repeat bottom left;
  position: absolute;
}

.games-submenu-top{
  position: relative;
  width: 185px;
  padding:0px 0 50px 0;
  background: transparent url(images/menu-top.png)no-repeat top left;
  position: absolute;
}


/*.submenu-item .footer{
  position:absolute;
  bottom:0;
  left:0;
  background-image:url(images/menu-bottom.png);
}*/

#games-submenu{top:-263px;margin-left:184px;}
#news-submenu{top:-75px;}
#company-submenu{top:-170px; margin-left:368px;}
#careers-submenu{top:-174px; margin-left:552px;}
#contact-submenu{top:-75px;}

#submenu-container .submenu-item-chevron {
  display: block;
  width: 19px;
  height: 20px;
  background: transparent url(images/submenu-chevron.png) no-repeat scroll 0 0;
  position: absolute;
  top: 82px;
}

.submenu-item li{
  height:100%;
  padding:10px 0px;
  text-align:center;
  background: transparent url(images/submenu-seperator.png) no-repeat scroll top center;
  position:relative;
}

.submenu-item a{
  position:absolute;
  top:0;left:0;
  display:block;
  width:100%;
  height:100%;
}

.submenu-item a{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
}

#submenu-container ul{
  display:block;
  width:100%;
  background: transparent url(images/menu-back.png);
}

#submenu-container a:hover{
  background-image: url(images/submenu-hover.png);
  background-position:3px bottom;
  background-repeat:repeat-x;
}

#submenu-container li a{
  color:#b49220;   
  text-decoration: none;
}

#submenu-container li.disabled:hover {
  color:#b49220;
}

#submenu-container ul li:hover{
  width:100%;
  height:100%;
  background-image: url(images/submenu-hover.png);
  background-position:3px bottom;
  background-repeat:repeat-x;
  color: #FFFFFF;
}

#submenu-container ul ul{
	display:none;
	position:absolute;
  color: #b49220;
	top:100%;
	left:0;
	padding:0;
}

#submenu-container ul li ul li:hover{
  color: #FFFFFF;
}

#submenu-container ul li:hover > ul
{
	display:block;
}
#submenu-container ul ul
{
	top:0;
	left:100%
}

.disabled{
  color:#777777;
}

.disabled:hover{
  color:#777777;
} 

#games-submenu .submenu-item-chevron {left: 82px; top: 155px;}
#news-submenu .submenu-item-chevron {left: 266px;}
#company-submenu .submenu-item-chevron {left: 450px; top: 95px;}
#careers-submenu .submenu-item-chevron {left: 634px;}
#contact-submenu .submenu-item-chevron {left: 818px;}

.square-button{
  width: 100px;
  height: 100px;
}

.square-button img{
  width: 100%;
  height: auto;
}

#gog-button{
  float:left;
  padding-left: 100px;
}

#steam-button{
  float:right;
  padding-right: 100px;
}

#buy-now{
  font-weight: bold;
  font-size: 24px;
  padding-left:233px;
}