﻿body 
{
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 11pt;
    color: #333333; 
}

.nav 
{
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 10pt;
    color: #333333; 
}

.article 
{
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 11pt;
    color: #333333; 
}

.thumblinksholder { position: relative; float: left; margin: 0 45px 25px 0; }
.monitor { position: relative; width: 202px; height: 140px; background-image: url('images/wallpaper-monitor.png'); background-repeat: no-repeat; }
.mobile { position: relative; width: 122px; height: 170px; background-image: url('images/wallpaper-mobile.png'); background-repeat: no-repeat; }
.wplinks { position: relative; text-align: center; }

.content { width:780px; margin: 0 auto; }

.title1 { font-size: 24pt; letter-spacing: 2px; }
.title2 { font-size: 16pt; letter-spacing: 2px; line-height: 18pt; }
.title3 { font-size: 14pt; letter-spacing: 2px; }

.featuredarticle 
{
    position: relative; margin: 0 auto; width: 500px; padding: 5px; border: 1px solid #adadad; background-color: #fafafa;}
    
.apptitle { padding: 0 5px 0 5px; background-color: #d7d7d7; font-weight: bold; font-size: 8pt; }
.appdesc { padding: 0 5px 4px 5px; background-color: #f3f2f2; font-size: 8pt; }

.footer { color: #adadad; font-size: 10pt; width: 780px; font-family: Calibri, Arial, Sans-Serif; padding: 20px 0 25px 0; }

a:visited { text-decoration: none; color: #2267aa; }
a:link { text-decoration: none; color: #2267aa; }
a:hover { text-decoration: none; color: #0000ff; }
a:active { text-decoration: none; color: #0000ff; }

a:visited.footernav { text-decoration: none; color: #adadad; }
a:link.footernav { text-decoration: none; color: #adadad; }
a:hover.footernav { text-decoration: none; color: #0000ff; }
a:active.footernav { text-decoration: none; color: #0000ff; }
