﻿/******************************************/
/*** STYLES AREA ***/
a { text-decoration: none; color: #367eb4; }
a:vlink { text-decoration: underline; color: #367eb4; }
a:hover { text-decoration: underline; color: #367eb4; }

ul, ol
{
    margin: 0px 0px 0px 0px;
}

h1
{
    font-family: Tahoma;
    font-size: 16pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #2485aa;
    line-height: 12px;
}

h2
{
    font-family: Trebuchet MS;
    font-size: 12pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #535353;
    line-height: 10px;
}

p
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #666666;
}

hr
{
    border: solid 3px #666666;
}

/******************************************/
/*** CLASSES AREA ***/
.bg
{
    background-color: #ffffff;
    background-image: url(images/bg01.png);
    background-position: left top;
    background-repeat: repeat-x;
}

.main-table
{
    background-color: Transparent;
    background-image: url(images/bg-content01.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 960px;
    height: 600px;
}

/******************************************/
/*** TOP AREA ***/
.table-title-logo
{
    width: 272px;
    padding: 16px 0px 0px 18px;
}

.table-title-2ndcolumn
{
    width: 688px;
}

.table-phone-number
{    
    background-color: Transparent;
    background-image: url(images/phone-number01.png);
    background-position: right top;
    background-repeat: no-repeat;
    width: 368px;
    height: 28px;
}

.space01
{
    height: 25px;
}

/******************************************/
/*** 5 COLUMN AREA - HOME PAGE ***/
.5column-padding
{
    padding: 1px 5px 5px 15px;
}

.know-more
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #0099ff;
}

.web-design
{
    background-color: #ffffff;
    background-image: url(images/webdesign01.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 172px;
    height: 190px;
}

.wd-title
{
    color: #115097;
    font-family: Tahoma;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold;
}

.mobile-design
{
    background-color: #ffffff;
    background-image: url(images/mobileweb01.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 172px;
    height: 190px;
}

.md-title
{
    color: #ffcc00;
    font-family: Tahoma;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold;
}

.computer-repair
{
    background-color: #ffffff;
    background-image: url(images/computerrepair01.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 172px;
    height: 190px;
}

.cr-title
{
    color: #cc0000;
    font-family: Tahoma;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold;
}

.hosting
{
    background-color: #ffffff;
    background-image: url(images/hosting01.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 172px;
    height: 190px;
}

.h-title
{
    color: #006600;
    font-family: Tahoma;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold;
}

.online-marketing
{
    background-color: #ffffff;
    background-image: url(images/seo01.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 172px;
    height: 190px;
}

.om-title
{
    color: #663399;
    font-family: Tahoma;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold;
}

/******************************************/
/*** RIGHT COLUMN AREA ***/
.rc-top-bg
{
    background-color: Transparent;
    background-image: url(images/sidebar-top.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    width: 277px;
    height: 46px;
}

.rc-repeat-bg
{
    background-color: Transparent;
    background-image: url(images/blue.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    width: 277px;
    height: 30px;
} 

.rc-text
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #ffffff;
}

.rc-testimony
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-style: oblique;
    font-variant: normal;
    font-weight: normal;
    color: #ffffff;
}

.testimony-background
{
    background-color: Transparent;
    background-image: url(images/bg-testimony01.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.rc-testimony-company
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #ffffff;
} 

.rc-bottom-bg
{
    background-color: Transparent;
    background-image: url(images/sidebar-cap.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    width: 277px;
    height: 15px;
}

/******************************************/
/*** BODY AREA ***/
.title1
{
    font-family: Tahoma;
    font-size: 16pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #2485aa;
}

.title2
{
    font-family: Trebuchet MS;
    font-size: 12pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #535353;
}

.copy
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #666666;
}

.fine-print
{
    font-family: Trebuchet MS;
    font-size: 8pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #444444;
}

/******************************************/
/*** BOTTOM AREA ***/
.table-bottom
{
    width: 960px;
    border-top: solid 1px #333333;
    background-color: #e0e0e0;
}

.padding-bottom
{
    padding: 8px 8px 8px;
}

.divider-bottom
{
    border-top: dashed 1px #333333;
}

.bottom-title
{
    font-family: Tahoma;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #747474;
}

.bottom-text
{
    font-family: Trebuchet MS;
    font-size: 8pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #444444;
}

.bottom-link
{
    font-family: Trebuchet MS;
    font-size: 8pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #265e8d;
}

/******************************************/
/*** WEBSITE HOSTING ***/
.hosting-title
{
    color: #006600;
    font-family: Tahoma;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold;
}

/******************************************/
/*** BLOG ***/
.sf_postTitle
{
    font-family: Trebuchet MS;
    font-size: 12pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #535353;
    margin: 0px 0px 0px;
}

.sf_postContent
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #666666;
}

.sf_postNewComment
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #666666;
}
