﻿/* ------------SOSTECHS.com---------------*/


/* --------------------------Basics Defines------------------------------- */

body {
    text-align: center;
    line-height: 1em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
}
h1 {
    font-size: 1.4em;
    margin-bottom: .6em;
    line-height: 1.6em;
    letter-spacing: .3em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    color: #808080;
}
h2 {
    font-size: 1.3em;
}
h3 {
    font-size: 1em;
    line-height: 1.4;
    margin-top: .6em;
    margin-bottom: .6em;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 0.9em;
    margin-bottom: .3em;
    margin-top: .3em;
    line-height: 1.6em;
    letter-spacing: .1em;
    color: #666666;
    margin-left: .5em;
}
h5.leftmarg     {
    font-size: 0.9em;
    margin-bottom: .3em;
    margin-top: .3em;
    margin-left: 1em;
    line-height: 1.6em;
    letter-spacing: .1em;
    color: #666666;
    width: 200px;
}
    
h6 {
    font-size: 0.8em;
    margin-bottom: .3em;
    margin-top: .2em;
    line-height: 1.3;
    letter-spacing: .1em;
    color: #666666;
}
p {
    font-family: arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #666666;
    margin-bottom: .3em;
    margin-top: .3em;
}
p.bold {
    font-weight: 600;
}
p.arial {
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: .1em;
}
.nav_inner {
    font-family: Arial, Helvetica, Sans-Serif;
    margin-top: 2px;
    margin-bottom: 0px;
    text-align: left;
}
small {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    color: #333333;
}

/* -----------------------------Links----------------------*/

#nav_inner a:link {
    color: #990000;
    text-decoration: none;
    text-align: left;
}
#nav_inner a:visited {
    color: #990000;
    text-decoration: none;
}
#nav_inner a:hover {
    color: #333333;
    text-decoration: underline;
}
#nav_inner a:active {
    color: #000000;
    text-decoration: none;
}
a:link {
    color: #990000;
    text-decoration: none;
}
a:visited {
    color: #990000;
    text-decoration: none;
}
a:hover {
    color: #333333;
    text-decoration: underline;
}
a:active {
    color: #990000;
    text-decoration: none;
}

/* -----------------------Elements----------------------------*/

#main_wrapper {
    width: 900px;
    margin-left : auto;
    margin-right : auto;
    text-align: left;
    background-color: #FFFFFF;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #666666;
    border-left-color: #666666;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: groove;
    border-bottom-width: medium;
    border-bottom-color: #800000;
    margin-bottom: 0px;
}
#header {
    height: 127px;
    width: 900px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-top-color: #333333;
    border-top-style: solid;
    border-top-width: thin;
}
#nav    {
    width: 145px;
    float: left;
}
#nav_inner  {
    padding-bottom: 10px;
    margin-top: 5px;
    padding-top: 5px;
    margin-left: 5px;
}
#content    {
    background-position: center top;
    width: 597px;
    min-height: 490px;
    float: left;
    background-image: url('../images/content_back.jpg');
    background-repeat: no-repeat;
    margin-left: 5px;
    border-left-style: solid;
    border-left-width: thin;
    border-left-color: #C0C0C0;
}
#content_inner  {
    margin-right: 10px;
    margin-left: 10px;
}
#rightcol {
    width: 150px;
    float: right;
}
#rightcol_inner  {
    height: 450px;
}
#footer {
    clear: both;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #808080;
}
#footer_inner  {
}
#phone {
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 10px;
}
#navtbl  {
    width: 125px;
}
#onsite  {
    width: 100px;
    position: relative;
    float: right;
    bottom: 60px;
    left: 10px;
}

#content_placeholder {
    margin-top: 100px;
}
#certs {
    margin-right: 150px;
    text-align: center;
    margin-left: 150px;
}
#certtble {
    width: 600px;
}

#rightbox1 {
    background-color: #FFFFFF;
    margin-top: 15px;
    text-align: center;
    margin-left: auto;
    width: 125px;
    margin-right: auto;
    height: 358px;
}
#rightbox2 {
    background-color: #FFFFFF;
    margin-top: 10px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
}
#docicons {
    border: 1px solid #333333;
    background-color: #FFFFFF;
    margin-top: 10px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
}

/*-------------------------------Content Pages---------------------*/
#data_content {
    background-image: url('../images/hd.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 125px;
}
#business_content {
    background-image: url('../images/bus_man.jpg');
    background-repeat: no-repeat;
    background-position: right center;
    margin-right: 10px;
    margin-left: 15px;
}
#audvid_content {
    padding: 10px 10px 150px 10px;
    background-image: url('../images/media_bck.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-right: 10px;
    margin-left: 15px;
}
#prog_content {
    background-image: url('../images/puzzle.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-left: 15px;
    margin-right: 10px;
    padding-bottom: 125px;
}
#app_types {
}
.categ_types {
    border: 1px solid #333333;
    width: 275px;
}
#network_content {
    background-image: url('images/networks_cable.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left bottom;
}
#photo_content {
    margin-left: 15px;
    margin-right: 10px;
}
#prices_content {
    margin-left: 15px;
    margin-right: 10px;
}
#terms_content {
    margin-left: 15px;
    margin-right: 10px;
}


/* ------------------------------Styles----------------------------*/

.blue_heading_lg {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    color: #0066CC;
    letter-spacing: .1em;
    line-height: 1em;
    text-align: center;
}
h5.blue_heading_sm {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: .9em;
    color: #0066CC;
    line-height: .8em;
    margin-top: 9px;
    margin-bottom: 9px;
}
.certimg {
    margin: 5px 20px 0px 20px;
}
.quote {
    border-style: solid;
    border-width: 3px 1px 3px 1px;
    border-color: #990000;
    padding: 5px;
    font-family: georgia;
    font-size: small;
    font-style: italic;
    color: #990000;
    margin-right: 30px;
    margin-left: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.small_foot {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: italic;
    color: #333333;
    text-align: center;
}
.center {
    text-align: center;
}

.navformat {
    margin-top: 2px;
    margin-bottom: 0px;
    text-align: left;
}
.copyright {
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
    color: #990000;
    text-align: center;
    margin-bottom: 2px;
}
.quoteright {
    margin: 20px 20px 50px 210px;
    border-style: solid;
    border-width: 3px 1px 3px 1px;
    border-color: #990000;
    padding: 5px;
    font-family: georgia;
    font-size: small;
    font-style: italic;
    color: #990000;
    text-align: right;
}
.contentPlacement {
    margin-right: 10px;
    margin-left: 15px;
    padding: 10px;
}
.msbullet {
    font-size: 1em 0 .1em 30px;
    list-style: none;
}
li.msbullet {
    padding: .1em 0 .1em 30px;
    background: url('../images/bullet2.png') no-repeat;
}
.netbullet    {
    font-size: 1em;
    list-style: none;
}
li.netbullet {
    padding: .1em 0 .1em 20px;
    background: url('../images/check.jpg') no-repeat;
}
.marginthree {
    margin-top: 3px;
    margin-bottom: 3px;
}
ul.standard {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 10px;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    margin-bottom: 12px;
    margin-top: 12px;
    color: #666666;
}

p.larger
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: .9em;
    line-height: 1.3em;
    color: #666666;
    margin-bottom: .6em;
    margin-top: .6em;
}
p.contenttext {
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 1.3EM;
    font-size: .9Em;
}
li {
    margin: .5em;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: .9em;
    line-height: 1.4em;
}
p .initcap  {
    font-family: Georgia, Times New Roman;
    font-size: 2em;
    color: #333333;
    line-height: 1.4Em;
}
.largerBold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: .9em;
    line-height: 1.3em;
    color: #666666;
    margin-bottom: .6em;
    margin-top: .6em;
    font-weight: bold;
}
.categ_typesl
{
    background-position: right bottom;
    border: 1px solid #333333;
    width: 275px;
    background-image: url('../xamllogo.jpg');
    background-repeat: no-repeat;
}
#categ_typesa {
    background-position: right bottom;
    border: 1px solid #333333;
    width: 275px;
    background-image: url('../Microsoft-NET-logo-color.jpg');
    background-repeat: no-repeat;
}
p.smaller
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: .6em;
    line-height: 1.3em;
    color: #666666;
    margin-bottom: .6em;
    margin-top: .8em;
    text-align: left;
}
.bold
{
    font-weight: bold;
}
.categ_typesp
{
    background-position: right bottom;
    border: 1px solid #333333;
    width: 275px;
    background-image: url('../ie7icon.jpg');
    background-repeat: no-repeat;
}
#icontitle_hc {
    background-image: url('../images/home.jpg');
    background-repeat: no-repeat;
    background-position: 300px 12px;
    padding-top: 10px;
}
#smdllink  {
    width: 200px;
    height: 25px;
    float: right;
    position: relative;
    bottom: 25px;
    right: 12px;
    font-family: Arial, Sans-Serif;
    font-size: .7em;
    color: #999999;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: .3em;
}
#getreader {
    width: 100px;
    float: right;
    position: relative;
    left: 200px;
    bottom: 30px;
}
.spacer{
    margin-top: .5em;
    margin-bottom: .5em;
    height: 40px;
}
.head5div{
  width: 150px;
    margin-left: 20px;
}
h1.topmarg
{
    font-size: 1.4em;
    line-height: 1.6em;
    letter-spacing: .3em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    color: #808080;
    padding-top: .6em;
}
#icontitle_us{
    background-image: url('../images/aboutus.jpg');
    background-repeat: no-repeat;
    background-position: 171px 15px;
    padding-top: 30px;
    padding-bottom: 7px;
}
#icontitle_net{
    background-image: url('../images/network.jpg');
    background-repeat: no-repeat;
    background-position: 180px 15px;
    padding-top: 60px;
}
#icontitle_data{
    background-position: 230px 20px;
    background-repeat: no-repeat;
    padding-top: 55px;
    padding-bottom: 2px;
    background-image: url('../images/data_backup.jpg');
}
#icontitle_design{
    background-position: 270px 15px;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 1px;
    background-image: url('../images/repair.jpg');
}
p.contenttextSm
{
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 1.3EM;
    font-size: .8Em;
}
td.padding
{
}
#icontitle_photo
{
    background-position: 275px 35px;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 1px;
    background-image: url('../images/photo_icon.jpg');
}
#icontitle_train
{
    padding-top: 60px;
    padding-bottom: 1px;
}
#icontitle_repair
{
    background-position: 340px 20px;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 1px;
    background-image: url('../images/repair.jpg');
}
p.contenttextCenter
{
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 1.3EM;
    font-size: .9Em;
    text-align: center;
    font-style: italic;
}
#icontitle_contact
{
    background-position: 200px 20px;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 1px;
    background-image: url('../images/contact.jpg');
}
#contact_frm {
    margin-left: 20px;
    margin-right: 20px;
}
#icontitle_web
{
    background-position: 265px 3px;
    background-repeat: no-repeat;
    padding-top: 45px;
    padding-bottom: 1px;
    background-image: url('../images/web_design.jpg');
}
p.contenttextbold
{
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 1.3EM;
    font-size: .9Em;
    font-weight: bold;
}
.largerBoldRed
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: .9em;
    line-height: 1.3em;
    color: #990000;
    margin-bottom: .6em;
    margin-top: .6em;
    font-weight: bold;
}
.largerBoldBlack
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: .9em;
    line-height: 1.3em;
    color: #000000;
    margin-bottom: .6em;
    margin-top: .6em;
    font-weight: bold;
}
p.smallernomarg
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#fortis_content
{
    background-image: url('../Images/fortisdefinition.jpg'); 
    background-repeat: no-repeat;
    background-position: right 20px;
}
p.contenttextOL
{
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 1.3EM;
    font-size: .9Em;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #999999;
    border-bottom-color: #999999;
}

#icontitle_downloads
{
    background-position: 190px 3px;
    background-repeat: no-repeat;
    padding-top: 45px;
    padding-bottom: 1px;
    background-image: url('../Images/download_icon.jpg');
}

