html, body {
    font-family: "Segoe UI", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;  
    background-color: #9f9f9f;
}

.content {
    background: #fff;
    min-height: 500px;
    padding: 10px;
  /*  margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
        -webkit-border-radius: 0 0 6px 6px;
           -moz-border-radius: 0 0 6px 6px;
                border-radius: 0 0 6px 6px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.container > footer p {
        text-align: center; /* center align it with the container */
      }
/* Page header tweaks */
      .page-header {
        background-color: #f5f5f5;
        padding: 20px 20px 10px;
        margin: -20px -20px 20px;
      }
.rborder {
    border-right: 1px solid #ccc;
}

.android {
    padding-top: 20px;
    padding-left: 0;
}

.container {
    width: 820px;
}

.header h3 a:hover, .header .brand a:hover, .header ul .active > a {
  background-color: #ff0000;
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  text-decoration: none;
}

.header {
  background-color: #ad1010;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ad1010), to(#730000));
  background-image: -moz-linear-gradient(top, #ad1010, #730000);
  background-image: -ms-linear-gradient(top, #ad1010, #730000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ad1010), color-stop(100%, #730000));
  background-image: -webkit-linear-gradient(top, #ad1010, #730000);
  background-image: -o-linear-gradient(top, #ad1010, #730000);
  background-image: linear-gradient(top, #ad1010, #730000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad1010', endColorstr='#730000', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

}



.brand a img 
{
    padding: 3px;
  background:transparent #ad3232;
    display: inline;
}

/* Links */

a {
  color: #ad3232;
  text-decoration: none;
}

a:visited {
  color: #ad3232;
}

/* Navigation */

.nav {
/*  background: #ad3232 url("menu-body.png") repeat-x;*/
    padding: 5px;
}

.nav li a {
  font-weight: bold;
  color: #fff;
}
.nav li a:visited {
  font-weight: bold;
  color: #fff;
}

.version {
  background: #fff url("download.png") no-repeat;
  color: #fff;
  width: 294px;
  height: 93px;  
  text-align: center;
    vertical-align: middle; 
}

.version a {
    color: #fff;  
}

.brand {
   padding-left: 60px;
}
#logo a {
    color: #fff;
}

.info {
    background:url("info-body.png") repeat-y;
    height: 400px;
    width: 294px;
    color: #000;
    padding: 0;
    
    
}

.info a {
    color: #000;
    text-decoration: underline;
}
.info h4 {
    background:url("info-header.png") no-repeat;
    text-align: center;
}

.info strong {
    color: #000;
}

footer {
    padding: 5px;
    margin: 0;
    background-color: #f5f5f5;
}

@-o-viewport {
  width: device-width;
}