.gradient {
height: 100px;
padding: 4px;
background: url(../images/gradient.png) 0% 0% repeat-x;
background-color: #272727;
}


#container{
  width: 730px;
  margin-left: auto;
  margin-right: auto;
}

#header{
  min-height: 90px;
  margin-left: auto;
  margin-right: auto;
}

#mainblock{
  height: 734px;
  margin-left: auto;
  margin-right: auto;
}

#menu{
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}


#content{
  border-style: solid;
  border-width: 3px;
  background: #dbd7d1;
  min-height: 660px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px;
}

#footer{
  min-height: 20;
  margin-left: auto;
  margin-right: auto;
}

#btn_home{
      width: 80px;
      height: 30px;
      display: block;
      background-image: url("../images/about.png");
      float: left;
}

#btn_contact{
      width: 80px;
      height: 30px;
      display: block;
      background-image: url("../images/contact.png");
      float: left;
}

#btn_download{
      width: 80px;
      height: 30px;
      display: block;
      background-image: url("../images/download.png");
      float: left;
}

#btn_score{
      width: 80px;
      height: 30px;
      display: block;
      background-image: url("../images/worldscore.png");
      float: left;
}

#logo_brenkapps{
      width: 120px;
      height: 23px;
      display: block;
      background-image: url("../images/brenkapps.png");
}

#logo_colormemory{
      width: 48px;
      height: 48px;
      display: block;
      background-image: url("../images/colormemory-icon.png");
}

#logo_bowshooter{
      width: 48px;
      height: 48px;
      display: block;
      background-image: url("../images/bowshooter-icon.png");
}

#logo_baghchal{
      width: 48px;
      height: 48px;
      display: block;
      background-image: url("../images/baghchal-icon.png");
}