@import url(https://fontlibrary.org/face/droid-arabic-naskh);

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 900px;

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
      }
 
      .hero-unit {

    background: none ;
      }

    a:link { text-decoration:none;}      /* unvisited link */
    a:visited { text-decoration:none;}  /* visited link */
    a:hover { text-decoration:none;}  /* mouse over link */
    a:active { text-decoration:none;}  /* selected link */



      .container-narrow {
        margin: 0 auto;
        max-width: 900px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
      }



#content {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    margin: 0 auto;
    padding: 10px 40px 20px;
    width: 880px;
}

h1, h2, h3{

font-family: 'Droid Arabic Naskh';
}

h3{
font-size: 20px;
}

.hero-unit {
    padding-bottom: 0px;
}
.hero-unit h1{
    line-height: 1.5;
}

.intro{
font-size: 14px;
}

.lead{;
text-align: center;
text-align:justify;
}

p {
text-align:justify;
font-size: 16px;
line-height: 1.25em;
}

td
{
height:50px;
} 

.alternatives{
text-align:center !important;
}

.app{
 height: 50px;
 width: 50px;
 margin:auto;
 display: inline-block;
 margin:2px;
 background-position: center top;
 background-repeat:no-repeat;
}

.icon {
float: right;
display: inline;
padding: 4px;
margin: 0px 0px 2px 7px;
}

#ie{
 background:  url('../img/ie-grey.png');

}

#ie:hover {
 background-image: url('../img/ie.png');
}

#chrome{
 background:  url('../img/chrome-grey.png');
}

#chrome:hover {
 background-image: url('../img/chrome.png');
}

#safari{
 background:  url('../img/safari-grey.png');
}

#safari:hover {
 background-image: url('../img/safari.png');
}

#msoffice{
 background:  url('../img/msoffice-grey.png');
}

#msoffice:hover {
 background-image: url('../img/msoffice.png');
}

#gom{
 background:  url('../img/gom-grey.png');
}

#gom:hover {
 background-image: url('../img/gom.png');
}

#realplayer{
 background:  url('../img/realtime-grey.png');
}

#realplayer:hover {
 background-image: url('../img/realtime.png');
}

#quicktime{
 background:  url('../img/quicktime-grey.png');
}

#quicktime:hover {
 background-image: url('../img/quicktime.png');
}

#acrobat{
 background:  url('../img/acrobat-grey.png');
}

#acrobat:hover {
 background-image: url('../img/acrobat.png');
}

#firefox{
 background:  url('../img/firefox.png');
}

#libreoffice{
 background:  url('../img/libreoffice.png');
}

#vlc{
 background:  url('../img/vlc.png');
}

#sumatra{
 background:  url('../img/sumatra.png');
}