body {
  background-color:#D3DBFF;
  font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
  width:96%;
  min-width:980px;
  margin:5px auto;
}

#header {
  width:100%;
  float:left;
  height:120px;
  padding-top:8px;
  background: #000066;
  background: -o-linear-gradient(#0028a0, #000066);
  background: -moz-linear-gradient(#0028a0, #000066);
  background: -webkit-linear-gradient(#0028a0, #000066);
  background: -ms-linear-gradient(#0028a0, #000066);
  border-top: 1px solid #002232;
  border-left: 1px solid #002232;
  border-right: 1px solid #002232;
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
  -webkit-border-top-left-radius:15px;
  -webkit-border-top-right-radius:15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  text-align:center;
  box-sizing:border-box;
}

#headingbox {
  width:98%;
  min-width:964px;
  height:32px;
  font-size:24px;
  color:#EEEEEE;
  font-weight:bold;
  padding-top:0px;
  padding-left:91px;
  box-sizing:border-box;
  border-radius:15px 15px;
  margin:0px auto 0px auto;
  text-shadow: 1px 1px 1px #000033;
  border:1px solid #000066;
  box-shadow:#333399 0px 1px;
}

#headingbox a {
  color:#EEEEEE;
  text-decoration:none;
}

#headingbox a:hover {
  color:#9999ff;
  text-decoration:none;
}

#heading {
  width:100%;
  height:32px;
  margin-top:5px;
  box-sizing:border-box;
}

/********************Menu********************/

#menu {
  list-style:none;
  display:inline-block;
  margin:5px auto 0px 0px;
  height:42px;
  padding:0px 20px 0px 20px;
  z-index:100;
}

#menu li {
  float:left;
  display:block;
  text-align:center;
  position:relative;
  padding: 4px 15px 4px 15px;
  margin-left:15px;
  margin-right:15px;
  margin-top:7px;
  border:none;
  z-index:101;
}

#menu li:hover {
  border:1px solid #6666cc;
  border-right:1px solid #6666cc;
  padding: 4px 14px 4px 14px;
  background: #9999ff;
  background: -o-linear-gradient(#aaaaff, #9999ff);
  background: -moz-linear-gradient(#aaaaff, #9999ff);
  background: -webkit-linear-gradient(#aaaaff, #9999ff);
  background: -ms-linear-gradient(#aaaaff, #9999ff);
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#menu li.nodrop:hover { 
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

#menu li a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px; 
  color: #EEEEEE;
  display:block;
  outline:0;
  text-decoration:none;
  text-shadow: 1px 1px 1px #000000;
  font-weight:bold;
}

#menu li:hover a {
  color:#000000;
  text-shadow: 1px 1px 1px #EEEEEE;
}

#menu li .drop {
  padding-right:21px;
  background:url('../img/menu/arrowdw.gif') no-repeat right 8px;
}
#menu li:hover .drop {
  background:url('../img/menu/arrowdb.gif') no-repeat right 7px;
}

.dropdownapps, 
.dropdowngames,
.dropdowngamesdk {
  margin:4px auto;
  position:absolute;
  display:none;
  text-align:left;
  padding:10px 5px 10px 5px;
  border:1px solid #6666cc;
  border-top:none;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background:#9999ff;
  background: -o-linear-gradient(#9999ff, #aaaaff);
  background: -moz-linear-gradient(#9999ff, #aaaaff);
  background: -webkit-linear-gradient(#9999ff, #aaaaff);
  background: -ms-linear-gradient(#9999ff, #aaaaff);
  z-index:102;
}

.dropdownapps {
  width: 300px;
}

.dropdowngames,
.dropdowngamesdk {
  width: 600px;
}


#menu li:hover .dropdownapps{
  display:block;
  left:-88px;
  top:auto;
}

#menu li:hover .dropdowngames {
  display:block;
  left:-230px;
  top:auto;
}

#menu li:hover .dropdowngamesdk {
  display:block;
  left:-243px;
  top:auto;
}

.col {
  width:140px;
  display:inline;
  float: left;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  z-index:103;
}

#menu li ul {
  padding-left:0px;
}

#menu li:hover ul li {
  text-align:center;
  margin-left:0px;
  margin-right:0px;
  width:120px;
  border:1px solid #6666cc;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  padding: 4px 9px;
  z-index:104;
}

#menu li:hover ul li:hover {
  background:#000066;
  text-shadow: 1px 1px 1px #000000;
  color:#EEEEEE;
}

#menu li:hover ul li a {
  font-size:16px;
}

#menu li:hover ul li:hover a {
  font-size:16px;
  text-shadow: 1px 1px 1px #000000;
  color:#EEEEEE;
}


/********************Language Menu********************/

#languagemenu {
  list-style:none;
  display:inline-block;
  margin:0px 7px 0px 0px;
  height:30px;
  padding:0px 0px 0px 0px;
  z-index:100;
  float:right;
  width:84px;
}

#languagemenu li {
  float:left;
  display:block;
  position:relative;
  padding: 4px 10px 0px 10px;
  margin-left:15px;
  margin-right:15px;
  border:none;
}

#languagemenu li:hover {
  border:1px solid #6666cc;
  padding: 3px 17px 4px 9px;
  background: #9999ff;
  background: -o-linear-gradient(#aaaaff, #9999ff);
  background: -moz-linear-gradient(#aaaaff, #9999ff);
  background: -webkit-linear-gradient(#aaaaff, #9999ff);
  background: -ms-linear-gradient(#aaaaff, #9999ff);
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#languagemenu li.nodrop:hover { 
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

#languagemenu li a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px; 
  color: #EEEEEE;
  display:block;
  outline:0;
  text-decoration:none;
  text-shadow: 1px 1px 1px #000000;
  font-weight:bold;
}

#languagemenu li:hover a {
  color:#000000;
  text-shadow: 1px 1px 1px #EEEEEE;
}

#languagemenu li .drop {
  padding-right:21px;
  background:url('../img/menu/arrowdw.gif') no-repeat right 8px;
}

#languagemenu li:hover .drop {
  background:url('../img/menu/arrowdb.gif') no-repeat right 8px;
}

.dropdownlanguage {
  margin:3px auto;
  width:72px;
  position:absolute;
  display:none;
  text-align:left;
  padding:0px 5px 4px 4px;
  border:1px solid #6666cc;
  border-top:none;
  background:#9999ff;
  background: -o-linear-gradient(#9999ff, #aaaaff);
  background: -moz-linear-gradient(#9999ff, #aaaaff);
  background: -webkit-linear-gradient(#9999ff, #aaaaff);
  background: -ms-linear-gradient(#9999ff, #aaaaff);
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  z-index:100;
}

#languagemenu li:hover .dropdownlanguage {
  display:block;
  left:-1px;
  top:auto;
}

.collanguage {
  width:78px;
  display:inline;
  float: left;
  position: relative;
  margin-left: 0px;
  margin-right: 5px;
}

#languagemenu li ul {
  padding-left:0px;
}

#languagemenu .menu_right {
  float:right;
  margin-right:0px;
  padding: 4px 22px 4px 14px;
}


#languagemenu li img {
  border:1px solid #EEEEEE;
  border-radius:5px;
}

#languagemenu li:hover img {
  border:1px solid #000000;
  border-radius:5px;
}

#languagemenu li:hover ul li img {
  margin-right:5px;
  margin-left:4px;
  border-radius:5px;
  vertical-align:middle;
}

#languagemenu li:hover ul li:hover img {
  border:1px solid #EEEEEE;
  border-radius:5px;
}

#languagemenu li:hover ul li {
  margin-left:0px;
  margin-right:0px;
  width:71px;
  border:1px solid #6666cc;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  padding: 4px 0px;
}

#languagemenu li:hover ul li:hover {
  background:#000066;
  padding: 4px 0px;
}

#languagemenu li:hover ul li a {
  font-size:16px;
}

#languagemenu li:hover ul li:hover a {
  font-size:16px;
  text-shadow: 1px 1px 1px #000000;
  color:#EEEEEE;
   text-decoration:none;
}

/********************Content********************/

#content {
  width:100%;
  min-height:580px;
  float:left;
  background-color:#000066;
  border-left: 1px solid #002232;
  border-right: 1px solid #002232;
  padding-left:5px;
  padding-right:5px;
  box-sizing:border-box;
}

#contentbox {
  width:100%;
  min-height:580px;
  float:left;
  background-color:#D3DBFF;
  padding:50px 20px;
  -moz-border-radius: 15px 15px;
  -webkit-border-radius: 15px 15px;
  border-radius: 15px 15px;
  box-sizing:border-box;
}

#contentboxgames,
#contentboxapps {
  width:852px;
  margin:20px auto;
}

#footer {
  width:100%;
  height:50px;
  float:left;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-left-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px; 
  background: #000066;
  background: -o-linear-gradient(#000066, #0028a0);
  background: -moz-linear-gradient(#000066, #0028a0);
  background: -webkit-linear-gradient(#000066, #0028a0);
  background: -ms-linear-gradient(#00066, #0028a0);
  border-bottom: 1px solid #002232;
  border-left: 1px solid #002232;
  border-right: 1px solid #002232;
  box-sizing:border-box;
  padding-top:10px;
  text-align:center;
  font-size:20px; 
  color: #EEEEEE;
  text-shadow: 1px 1px 1px #000000;
}

.centereddown {
  text-align:center;
  padding-top:0px;
  z-index:1;
}

.describtext{
  max-width:1000px;
  color:#000066;
  font-size:14px;
  text-align:left;
  margin:0px auto;
  padding:20px 40px;
  
}

.boldtext {
font-weight:bold;
}

.centered {
  text-align:center;
}

.appletlink:link {
  display:block;
  float:left;
  width:264px;
  background-color:#000066;
  border-radius:10px 10px;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:16px;
  font-weight:bold;
  padding:2px 0px 3px 0px;
  margin:0px 10px 20px 10px;
  opacity:0.7;
  filter: alpha(opacity=70);
}

.appletlink:visited {
  display:block;
  float:left;
  width:264px;
  background-color:#000066;
  border-radius:10px 10px;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:16px;
  font-weight:bold;
  padding:2px 0px 3px 0px;
  margin:0px 10px 20px 10px;
  opacity:0.7;
  filter: alpha(opacity=70);
}

.appletlink:hover {
  opacity:1.0;
  filter: alpha(opacity=100);
}

.appletlink:active {
  opacity:1.0;
  filter: alpha(opacity=100);
}

.appletlink img{
  width:250px;
  height:185px;
  margin:3px 0px 0px 0px;
  border-radius:10px 10px;
}

h1 {
  color:#000066;
  font-size:24px;
}

h3 {
  color:#000066;
  font-size:20px;
}



@media screen and (min-width: 1300px) 
{
    #contentboxgames {
  width:1136px;
  margin:20px auto;
}

 }

/********************Contact form********************/

.as { 
  display:none;
}

#contactform {
  margin: 0px auto;
  width: 500px;
  color: #000066;
  text-align:left;
}

#contactform input, #contactform textarea {
  border: 1px solid #000066;
  color: #000066;
  font-size: 14px;
  margin: 0px 0px 12px 0px;
  padding: 2px;
  width: 379px;
}
#contactform textarea {
  height: 140px;
  resize:none;
}

#contactform label {
  display:inline-block;
  font-size: 16px;
  margin: 0px 15px 3px 0px;
}

#contactform img {
  display:inline-block;
  vertical-align:middle;
}

#contactform input.submit {
  cursor: pointer;
  color:#000066;
  width: 130px;
  border:1px solid #000066;
}

#contactform .error {
  color: #ff0000;
}