/* General */

body
{
    background: url('Images/gradientbackground.gif') repeat-x #DEE9F6;
    font-family: Verdana, Arial;
    font-size: 12px;
    margin-top: 5px;
}

h3
{
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

h4
{
    background: url('Images/Line.gif') repeat-x 0 14px;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 0;
    text-align: left;
    width: 100%;
}

table.collapse
{
    border-collapse: collapse;
}

div.gradientHeaderLarge
{
    background: url('Images/GradientHeaderBackgroundLarge.png');
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    padding: 5px 0 0 7px;
    text-decoration: underline;
    text-align: left;
    vertical-align: middle;
}

p.list
{
    margin: 0 0 8px 0;
    padding: 0;
}

/* Headers and Footers */

td.header
{
    background: url('Images/Banner.jpg');
    height: 83px;
    width: 800px;
}

td.headerMenuTopLine
{
    background: url('Images/TopMenuBackground.gif');
    height: 20px;
    padding: 0 15px 0 0;
    text-align: right;
}

td.headerMenuBottomLine
{
    background: url('Images/BottomMenuBackground.gif');
    height: 20px;
    padding: 0 15px 0 0;
    text-align: right;
}

a.headerMenuTopLine
{
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
}

a.headerMenuBottomLine
{
    color: #000000;
    font-size: 10px;
    font-weight: bold;
}

td.footer
{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 615px;
}

/* Home Page */

td.hpHeader
{
    background: url('Images/BannerHome.jpg');
    font-size: 10px;
    font-weight: bold;
    height: 15px;
    padding: 152px 0 0 4px;
    text-align: left;
    vertical-align: top;
    width: 800px;
}

td.hpMiddleTop
{
    padding: 20px;
    vertical-align: top;
    width: 34%;
   
}
td.hpRightTop
{
    background: url('Images/Home.jpg') no-repeat center;
    width: 33%;
}

td.hpMiddleBottom
{
    background: url('Images/MicrosoftCertifiedPartner.gif') no-repeat center;
    
}

div.hpWebSystem
{
    background: url('Images/FeaturedWebSystemBackground.gif') no-repeat center #FFFFFF;
    cursor: pointer;
    height: 187px;
    margin: auto;
    padding: 55px 20px 0 20px;
    text-align: justify;
    width: 203px;
}

div.hpWindowsApp
{
    background: #FFFFFF url('Images/FeaturedWindowsApplicationBackground.gif') no-repeat center;
    cursor: pointer; 
    height: 187px;
    margin: auto;
    padding: 55px 20px 0 20px;
    text-align: justify;
    width: 203px;          
}

div.hpWebsite
{
    background: #FFFFFF url('Images/FeaturedWebsiteBackground.gif') no-repeat center;
    cursor: pointer;
    height: 187px;
    margin: auto;
    padding: 55px 20px 0 20px;
    text-align: justify;
    width: 203px;
}

td.hpLinkColumn
{
    text-align: center;
    width: 33%;
    
}

a.hpMiddleLink
{
    font-size: 13px;
   
} 

/****** Home Page ******/
#homenav                                    { background: url(Images/nav_bg.png); height: 35px; }
#homenav ul                                 { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
#homenav li                                 { border-left: solid 1px #3587bd; border-right: solid 1px #093755; display: block; float: left; height: 35px; line-height: 35px; }
#homenav li.first                           { border-left: none 0; }
#homenav li.last                            { border-right: none 0; }
#homenav li.first a                         { width: 60px; }
#homenav li.last a                          { width: 90px; }
#homenav a                                  { color: #fff; display: block; font-weight: bold; padding: 0 9px; text-decoration: none; text-shadow: 0 -1px 0 #093755; }
#homenav a:hover                            { background: #1e5b8b; box-shadow: inset 0 1px 2px #093755, inset 0 -1px 2px #3587bd; -moz-box-shadow: inset 0 1px 2px #093755, inset 0 -1px 2px #3587bd; -webkit-box-shadow: inset 0 1px 2px #093755, inset 0 -1px 2px #3587bd; }

#homepage .gradientHeaderLarge              { cursor: default; text-decoration: none; }
#feature-set                                { margin-bottom: 30px; width: 100%; }
#feature-set .col                           { text-align: center; width: 33%; }
#feature-set .col img                       { max-width: 100%; }
#what-we-do                                 { margin-right: 15px; width: 300px; }
#what-we-do ul                              { list-style: none; }
#what-we-do li                              { height: 16px; margin: 8px 0; }
#what-we-do li a                            { display: block; height: 16px; padding-left: 20px; }

#what-we-do li #windows                     { background: url(Images/Windows.png) no-repeat 0 0; }
#what-we-do li #handheld                    { background: url(Images/Handheld.png) no-repeat 0 0; }
#what-we-do li #websys                      { background: url(Images/WebSystem.png) no-repeat 0 0; }
#what-we-do li #website                     { background: url(Images/Website.png) no-repeat 0 0; }
#what-we-do li #search                      { background: url(Images/Search.png) no-repeat 0 0; }
#what-we-do li #hosting                     { background: url(Images/Project.png) no-repeat 0 0; }

#slideshow                                  { font-family: Verdana, Arial; width: 461px; }
#slideshow .simpleSlide-tray                { margin-left: 0; }
#slideshow .simpleSlide-slide               { height: 209px; width: 461px; }
#slideshow .simpleSlide-slide > div         { height: 209px; }
#slideshow .slide-body                      { height: 160px; }
#slideshow img                              { max-height: 150px; }

/****** Tools Page ******/
#toolbox .gradientHeaderLarge               { cursor: default; text-decoration: none; }
#toolbox img:first-child                    { height: 64px; width: 64px; }
#details                                    { margin-right: 15px; width: 330px; }
#our-toolbox                                { width: 431px; }

/****** Hosting Page ******/
#hosting-header img                         { height: 64px; width: 64px; }
#hosting .gradientHeaderLarge               { cursor: default; text-decoration: none; }
#hosting-table                              { border: none 0; margin-bottom: 15px; width: 100%; }
#hosting-table th                           { background: url('Images/nav_bg.png'); color: #FFFFFF; font-weight: bold; height: 35px; text-shadow: 0 -1px 0 #093755; vertical-align: middle; }
#hosting-table th:first-child               { background: #fff; }
#hosting-table tbody tr:nth-child(odd)      { background: #E1E4FF; }
#hosting-table tbody td                     { padding: 10px 0; }
#hosting-table tbody tr td:last-child       { border-right: solid 1px #3587bd; }
#hosting-table tbody td img                 { height: 16px; width: 16px; }
#hosting-table td                           { text-align: center; }
#hosting-table td.row-header                { background: #3587bd; color: #fff; font-weight: bold; padding-left: 10px; text-align: left; }
#hosting-table tfoot td                     { border-top: solid 1px #3587bd; }
#hosting-details                            { margin-right: 15px; width: 380px; }
#hosting-other                              { width: 381px; }
#additional-services table                  { border: none 0; width: 100%; }

/****** Tools Page ******/
#form-errors ul                             { margin: 0 0 15px 15px; padding:0; }

/****** Search Engine Page ******/
#placement-header img                       { height: 64px; width: 64px; }
#search-placement .gradientHeaderLarge      { cursor: default; text-decoration: none; }
#placement-details                          { margin-right: 15px; width: 380px; }
#results                                    { width: 381px; }

/****** News Page ******/
#news .gradientHeaderLarge                  { cursor: default; font-size: .8em; text-decoration: none; }
#news .gradientHeaderLarge div[class*=right]    { padding-right: 4px; }

/****** Jobs Page ******/
#jobs .gradientHeaderLarge                  { cursor: default; text-decoration: none; }
#benefits-openings                          { margin-right: 15px; width: 380px; }
#life                                       { width: 381px; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after                             { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix                                   { display: inline-block; }
* html .clearfix                            { height: 1%; } /* Hides from IE-mac \*/
.clearfix                                   { display: block; }

a img                                       { border: none 0; }
p                                           { text-align: left; }
textarea                                    { resize: none; }
img[class*=left], a[class*=left]            { margin-right: 12px; }
img[class*=right], a[class*=right]          { margin-left: 12px; }
.left                                       { float: left; }
.right                                      { float: right; }
.blue-stripe                                { background: #E1E4FF; padding: 12px 10px; overflow: hidden; text-align: left; }

.content                                    { padding: 15px; }
.blue-box                                   { margin-bottom: 15px; }