html,body,div,canvas { margin: 0; padding: 0; }
::-moz-selection { color: #333; text-shadow: none; }
::selection {  color: #333; text-shadow: none; }

html, body { background-color:#000; width: 100%; min-height: 100%; font-family: Helvetica, Verdana, Arial, sans-serif; }
body {

}
.gamediv {
  display:block; width:960px; height:540px; margin:40px auto; margin-bottom:12px; position:relative;
}
.loaderdiv {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-color:#333;
  z-index:100000;
  background-image:url(loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.loaderdiv h1 {
  display:block;
  position:absolute;
  color:#888;
  font-size:16px;
  text-align:center;
  top:300px;
  left:0;
  right:0;
  height:30px;
  line-height:30px;
}
.loaderdiv h2 {
  display:block;
  position:absolute;
  color:#888;
  font-size:12px;
  text-align:center;
  top:330px;
  left:0;
  right:0;
  height:30px;
  line-height:30px;
}
.footer {
  table-layout:fixed;
	border-collapse: collapse;
  width:960px;
  height:40px;
  margin:0 auto;
 
}
.footer td {
  /*border:1px solid #fff;*/
  width:25%;
}
.mylogo { text-align:left; background: url(logo.png) 0 0 no-repeat;}
.play {
  background-image:url(play.jpg);
  background-repeat: no-repeat;
  background-position:right 0;
  display:inline-block;
  height:38px;
  margin-left:60px;
  line-height:38px;
  color:rgba(144,144,144,1);
}
.play span{
  margin-right:130px;
}
.play:hover {
  color:#fff;
}
.full {
  background-image:url(fullscreen.png);
  background-repeat: no-repeat;
  background-position:right 0;
  display:inline-block;
  height:32px;
 /* margin-left:30px;*/
  line-height:32px;
  color:rgba(144,144,144,1);
  cursor:pointer;
}
.full span{
  margin-right:40px;
}
.full:hover {
  color:#fff;
  background-position:right -32px;
}

/*
body.template { background-color:  #000000; }
.template .template-wrap { }
.template .template-wrap canvas { }
*/