/* Main Style font-family: "Trebuchet MS";*/
body{
	font-family: "HP Simplified Light";
	background-image: url(../img/bg.jpg);
	background-color: #000;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	
	/* Disable Selection */
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
body a{
	color: #fff;
	text-decoration: none;
}
body a:hover{
	color: #fe8300;
}
#submit{
	color: #fff;
	width: 366px;
}
#submit:hover{
	color: #fe8300;
	opacity: 1;
}
input, textarea, select{
	font-family: 'HP Simplified Light';
	font-size: 16px;
	padding: 0px 15px;
	margin-bottom: 10px;
	background: #000;
	opacity: 0.5;
	color: #fff;
	border: none;
	width: 336px;
	height: 48px;
}
textarea {
	padding-top: 12px;
	resize: none;
	height: 94px;
	margin-bottom: 7px;
}
#wrapper {
    margin: 0 auto;
		text-align: center;
		margin-top: 300px;
		display: none;
}
#project_wrapper{
    margin: 0 auto;
		text-align: center;
		margin-top: 210px;
		display: none;
}
#logo{
}
#footer {
	color: #ff9800;
	line-height: 64px;
  width: 100%;
  text-align: center;
}

/* Fonts */
@font-face {
  font-family: 'HP Simplified Light';
  src: url(../fonts/HPSimplified_Lt.ttf); 
}

/* Scrollbar */
::-webkit-scrollbar
{
	width: 12px;
	background-color: #222;
}
::-webkit-scrollbar-thumb
{
	background-color: #555;
}
::-webkit-scrollbar-thumb:hover
{
	background-color: #777;
}

/* News */
.news{
	background: url(../img/bg_news.png);
	background-repeat: no-repeat;
	width: 430px;
	height: 443px;
	display: inline-block;
}
.news_content{
	text-align: left;
	margin: 48px 18px;
	float: left;
}
.news_image{
	max-width: 640px;
	border-style: solid;
  border-width: 2px;
  border-color: rgb(50, 50, 50);
}
.news_image_default{
	max-width: 640px;
}
.news_container{
	height: 353px;
}
.news_box {
  /*border: #333 solid 1px;
  border-color: #4a4a4a;*/
  height: 64px;
  width: 393px;
  position: relative;
  margin-bottom: 10px;
}
.news_box:hover{
	background-image: url(../img/bg_news_hover.png);
	z-index: 100;
}
.news_box img{
	float: left;
	margin-left: 13px;
}
.news_title {
  position: absolute;
  top: -15px;
  left: 84px;
  vertical-align: middle;
	pointer-events: none;
}
.news_title h3 {
  font-size: 16px;
  font-weight: bold;
}
.news_title_new {
	color: #ffaa00;
  position: absolute;
  top: -15px;
  left: 84px;
  vertical-align: middle;
	pointer-events: none;
}
.news_title_new h3 {
  font-size: 16px;
  font-weight: bold;
}
.news_description {
	color: #808080;
  height: 52px;
  width: 298px;
  position: absolute;
  top: 9px;
  left: 84px;
  overflow: hidden;
}
.news_description_new {
	color: #da8834;
  height: 52px;
  width: 298px;
  position: absolute;
  top: 9px;
  left: 84px;
  overflow: hidden;
}
.new {
	background-image: url(../img/new.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 62px;
	height: 86px;
	margin-left: 362px;
	margin-top: -364px;	
	z-index: 999;
	pointer-events: none;
}
.news_article_title {
	font-size: 24px;
	font-weight: bold;
	color: #ffaa00;
  vertical-align: middle;
	pointer-events: none;
}
.news_article_date {
	font-size: 16px;
	font-weight: 900;
	color: #757575;
	pointer-events: none;
	margin-top: -8px;
}
.news_article_panel {
	text-align: center;
	width: 720px;
	margin: 0 auto;
}
.news_article_panel_content {
	width: 720px;
	text-align: justify;
  margin: 0 auto;
	margin-top: 32px;
	padding-bottom: 32px;
}

/* Links */
.links{
	font-family: "HP Simplified Light";
	line-height: 26px;
	margin-top: 10px;
}

/* Projects */
.projects{
	background: url(../img/bg_projects_large.png);
	background-repeat: no-repeat;
	width: 622px;
	height: 464px;
	display: inline-block;
}
.projects_content{
	margin: 57px 23px;
}
.project_button{
}
.project_content{
	width: 720px;
	margin: 0px auto;
	margin-top: 16px;
}
.project_description{
	text-align: left;
}
.project_screenshot{
	width: 480px;
	height: 360px;
	margin-top: 16px;
	float: left;
}
.project_screenshot_img{
  width: auto;
	height: 360px;
}
.project_title{
	color: #fe6600;
}
.project_info{
	background: url(../img/bg_project_info.png);
	background-repeat: no-repeat;
	background-position: 20px 16px;
	color: #e5d568;
	text-align: right;
	width: 60px;
	height: 110px;
	float: left;
	padding-left: 20px;
	padding-top: 64px;
}
.project_data{
	text-align: left;
	width: 100px;
	height: 110px;
	float: left;
	padding-left: 16px;
	padding-top: 64px;
}
.project_download{
	text-align: left;
	background: url(../img/bg_project_download.png);
	background-repeat: no-repeat;
	background-position: 20px 16px;
	color: #e5d568;
	width: 220px;
	height: 100px;
	float: left;
	padding-left: 20px;
	padding-top: 64px;
}

/* Buttons (Partners) */
.bt_joymasher{
	background: url(../img/partner_joymasher.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 46px;
	margin-top: 12px;
	margin-right: 19px;
	float: right;
}
.bt_joymasher:hover{
	background: url(../img/partner_joymasher_hover.png);
}

/* Buttons (Social) */
.bt_social_twitter{
	background-image: url(../img/button_social_twitter.png);
	background-repeat: no-repeat;
	width: 128px;
	height: 32px;
	display: inline-block;
	position: absolute;
	margin-left: 266px;
	margin-top: -24px;
}
.bt_social_twitter:hover{
	background-image: url(../img/button_social_twitter_hover.png);
}
.bt_social_youtube{
	background-image: url(../img/button_social_youtube.png);
	background-repeat: no-repeat;
	width: 128px;
	height: 32px;
	display: inline-block;
	position: absolute;
	margin-left: 394px;
	margin-top: -24px;
}
.bt_social_youtube:hover{
	background-image: url(../img/button_social_youtube_hover.png);
}

/* Buttons (Category) */
.category_button{
	background-repeat: no-repeat;
	width: 146px;
	height: 28px;
	display: inline-block;
}
.bt_category_content{
	width: 100%;
	height: 28px;
	float: left;
	margin-left: 24px;
	margin-top: 25px;
}
#bt_category_games{
	background-image: url(../img/button_category_games.png);
}
#bt_category_games:hover{
	background-image: url(../img/button_category_games_hover.png);
}
#bt_category_games_selected{
	background-image: url(../img/button_category_games_selected.png);
}
#bt_category_tools{
	background-image: url(../img/button_category_tools.png);
}
#bt_category_tools:hover{
	background-image: url(../img/button_category_tools_hover.png);
}
#bt_category_tools_selected{
	background-image: url(../img/button_category_tools_selected.png);
}

/* Buttons (Project) */
.bt_project_close{
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	margin-top: -174px;
	cursor: pointer;
	cursor: hand;
}
.bt_windows{
	background-image: url(../img/button_windows.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
}
.bt_windows:hover{
	background-image: url(../img/button_windows_hover.png);
}
.bt_android{
	background-image: url(../img/button_android.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin-top: 5px;
}
.bt_android:hover{
	background-image: url(../img/button_android_hover.png);
}
.bt_ios{
	background-image: url(../img/button_ios.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin-left: 8px;
	margin-top: 5px;
}
.bt_ios:hover{
	background-image: url(../img/button_ios_hover.png);
}
.bt_switch{
	background-image: url(../img/button_switch.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin-left: 8px;
}
.bt_switch:hover{
	background-image: url(../img/button_switch_hover.png);
}
.bt_xbox_one{
	background-image: url(../img/button_xbox_one.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin-top: 5px;
}
.bt_xbox_one:hover{
	background-image: url(../img/button_xbox_one_hover.png);
}
.bt_ps4{
	background-image: url(../img/button_ps4.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin-left: 8px;
	margin-top: 5px;
}
.bt_ps4:hover{
	background-image: url(../img/button_ps4_hover.png);
}
.bt_winstore_gog{
	background-image: url(../img/button_winstore_gog.png);
	background-repeat: no-repeat;
	width: 160px;
	height: 180px;
	display: inline-block;
	margin-left: 16px;
	margin-right: 16px;
}
.bt_winstore_gog:hover{
	background-image: url(../img/button_winstore_gog_hover.png);
}
.bt_winstore_steam{
	background-image: url(../img/button_winstore_steam.png);
	background-repeat: no-repeat;
	width: 160px;
	height: 180px;
	display: inline-block;
	margin-left: 16px;
	margin-right: 16px;
}
.bt_winstore_steam:hover{
	background-image: url(../img/button_winstore_steam_hover.png);
}
.bt_winstore_winstore{
	background-image: url(../img/button_winstore_winstore.png);
	background-repeat: no-repeat;
	width: 160px;
	height: 180px;
	display: inline-block;
	margin-left: 16px;
	margin-right: 16px;
}
.bt_winstore_winstore:hover{
	background-image: url(../img/button_winstore_winstore_hover.png);
}
.bt_copyright{
	background-image: url(../img/button_copyright.png);
	background-repeat: no-repeat;
	width: 160px;
	height: 50px;
	display: inline-block;
	margin-left: 8px;
}
.bt_copyright:hover{
	background-image: url(../img/button_copyright_hover.png);
}

/* Contact */
.contact{
	background: url(../img/bg_contact.png);
	background-repeat: no-repeat;
	width: 430px;
	height: 443px;
	display: inline-block;
}
.contact_content{
	text-align: left;
	margin: 67px 18px;
	float: left;
}
.contact_description{
	margin-left: 14px;
	color: #808080;
}
.success{
	background: url(../img/message_sent.png) no-repeat center;
	width: 393px;
	height: 330px;
}
.bt_close{
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	margin-left: 164px;
	margin-top: 27px;
}
.bt_close:hover{
	background-image: url(../img/close_hover.png);
}

/* Buttons (Links) */
.bt_plus{
	background-image: url(../img/plus.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 62px;
	height: 51px;
	margin-left: 331px;
	margin-top: -46px;
}
.bt_plus:hover{
	background-image: url(../img/plus_hover.png);
}
.bt_contact{
	background-image: url(../img/icon_contact.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-decoration: none;
	margin-left: 12px;
	padding-left: 24px;
	float: left;
}
.bt_contact:hover{
	background-image: url(../img/icon_contact_hover.png);
}
.bt_forums{
	background-image: url(../img/icon_forums.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-decoration: none;
	margin-left: 12px;
	padding-left: 24px;
	float: left;
}
.bt_forums:hover{
	background-image: url(../img/icon_forums_hover.png);
}

/* Buttons (Projects) */
#blazing_chrome {
  background-image: url(../img/games/blazing_chrome/blazing_chrome_thumb.png);
  display: block;
	margin: 4px;
	float: left;
	opacity: 1;
}
#blazing_chrome a{
  background-image: url(../img/games/blazing_chrome/blazing_chrome_thumb_hover.png);
  width: 376px;
  height: 184px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity 0.0s;
	transition: opacity 0.0s;
}
#blazing_chrome a:hover {
	opacity: 1;
}
#godzilla {
  background-image: url(../img/games/godzilla/godzilla_thumb.png);
  display: block;
	margin: 4px;
	float: left;
	opacity: 1;
}
#godzilla a{
  background-image: url(../img/games/godzilla/godzilla_thumb_hover.png);
  width: 184px;
  height: 184px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity 0.0s;
	transition: opacity 0.0s;
}
#godzilla a:hover {
	opacity: 1;
}
#lol_arena {
  background-image: url(../img/games/lol_arena/lol_arena_thumb.png);
  display: block;
	margin: 4px;
	float: left;
	opacity: 1;
}
#lol_arena a{
  background-image: url(../img/games/lol_arena/lol_arena_thumb_hover.png);
  width: 184px;
  height: 184px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity 0.0s;
	transition: opacity 0.0s;
}
#lol_arena a:hover {
	opacity: 1;
}
#kolor_instinct {
  background-image: url(../img/games/kolor_instinct/kolor_instinct_thumb.png);
  display: block;
	margin: 4px;
	float: left;
	opacity: 1;
}
#kolor_instinct a{
  background-image: url(../img/games/kolor_instinct/kolor_instinct_thumb_hover.png);
  width: 184px;
  height: 184px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity 0.0s;
	transition: opacity 0.0s;
}
#kolor_instinct a:hover {
	opacity: 1;
}
#over_spikes {
  background-image: url(../img/games/over_spikes/over_spikes_thumb.png);
  display: block;
	margin: 4px;
	float: left;
	opacity: 1;
}
#over_spikes a{
  background-image: url(../img/games/over_spikes/over_spikes_thumb_hover.png);
  width: 184px;
  height: 184px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity 0.0s;
	transition: opacity 0.0s;
}
#over_spikes a:hover {
	opacity: 1;
}
#tormento {
  background-image: url(../img/games/tormento/tormento_thumb.png);
  display: block;
	margin: 4px;
	float: left;
	opacity: 1;
}
#tormento a{
  background-image: url(../img/games/tormento/tormento_thumb_hover.png);
  width: 184px;
  height: 184px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity 0.0s;
	transition: opacity 0.0s;
}
#tormento a:hover {
	opacity: 1;
}
#palette_batch {
	background-image: url(../img/games/palette_batch/palette_batch_thumb.png);
	display: block;
	margin: 4px;
	float: left;
	opacity: 1;
}
#palette_batch a{
	background-image: url(../img/games/palette_batch/palette_batch_thumb_hover.png);
	width: 184px;
	height: 184px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity 0.0s;
	transition: opacity 0.0s;
}
#palette_batch a:hover {
	opacity: 1;
}
[id='16tile'] {
	background-image: url(../img/games/16tile/16tile_thumb.png);
	display: block;
	margin: 4px;
	float: left;
	opacity: 1;
}
[id='16tile'] a{
	background-image: url(../img/games/16tile/16tile_thumb_hover.png);
	width: 184px;
	height: 184px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity 0.0s;
	transition: opacity 0.0s;
}
[id='16tile'] a:hover {
	opacity: 1;
}