﻿html, body 
{
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}
html 
{
    background:url(images/body-bg.jpg) top center repeat-y #243d7e;
}
body 
{
    background:url(images/flashContainer-bg.jpg) top center no-repeat;
    color:#fff;
    font:13px Arial, sans-serif !important;
    position:absolute;
    text-align:center;
    height:690px;
}
a, a:visited 
{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
a:visited 
{
    color:#e6f5ff;
}
a:hover 
{
    text-decoration:underline;
}
.altColor 
{
    color:#3a4e7c;
}
.acceptButton 
{
    font-weight:bold;
}
.flashContainer 
{
    height:100%;
    left:0;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    overflow-x:hidden !important;
}
.flashHolder 
{
    display:block;
    height:390px;
    margin:197px auto 0 auto;
    overflow:hidden;
    text-align:left;
    width:780px;
}
.flashWrapper 
{
    position:absolute;
    width:890px;
}
.flashWrapper * 
{
    float:right;
}
.headerContainer
{
    height:166px;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}
.header 
{
    height:118px;
    margin:0 auto;
    padding:23px 0 0 40px;
    text-align:left;
    width:740px;
}
.header .logo 
{
    background:url(images/logo.jpg) top left no-repeat;
    display:block;
    height:110px;
    overflow:hidden;
    text-indent:-9999px;
    width:300px;
}
.navbarContainer 
{
    height:47px;
    margin:0 auto;
    padding:0 0 0 10px;
    text-align:left;
    width:770px;
}
.contentContainer
{
    max-height:410px;
    left:0;
    position:absolute;
    text-align:center;
    top:190px;
    width:100%;
}
/*.footerContainer 
{
    left:0;
    position:absolute;
    text-align:center;
    top:578px;
    width:100%;
}*/
.footer
{
    height:25px;
    left:0;
    position:absolute;
    text-align:center;
    top:391px;
    width:100%;
}
.footer div
{
    height:25px;
    margin:0 auto;
    width:680px;
}
.footer a 
{
}
.content 
{
    min-height:385px;
    margin:0 auto;
    padding-right:150px;
    text-align:left;
    width:630px;
}
body.services .content
{
    padding-right:0;
    width:780px;
}
.pageContent 
{
    padding:10px 15px 0 15px;
}
body.contact .content
{
    padding-right:0;
    width:780px;
}
.pageContent p 
{
    padding:0;
    margin:0;
}
.navbar 
{
    height:47px;
    margin:0;
    list-style-type:none;
    padding:0;
}
.navbar .navbarItem 
{
    float:left;
}
.navbarItem a 
{
    background-position:top left;
    background-repeat:no-repeat;
    display:block;
    height:47px;
    overflow:hidden;
    text-indent:-9999px;
    width:125px;
}
.navbar .navbarItem a:hover
{
    background-position:bottom left;
}
a.home
{
    background-image:url(images/home-bg.jpg);
}
a.about
{
    background-image:url(images/about-bg.jpg);
}
a.services
{
    background-image:url(images/services-bg.jpg);
}
a.customers
{
    background-image:url(images/customers-bg.jpg);
}
a.career
{
    background-image:url(images/career-bg.jpg);
}
a.contact
{
    background-image:url(images/contact-bg.jpg);
}
.login 
{
    list-style-type:none;
    margin:0;
    padding:0;
}
.login span 
{
    display:block;
    float:left;
    width:80px;
}
.servicesContainter 
{
    display:block;
    height:125px;
    overflow:auto;
}
.sevicesSecondaryContainer 
{
    height:206px;
    margin:0;
    padding:0;
}
.servicesSecondaryNavbar 
{
    background:url(images/servicesNavbar-bg.jpg) top left no-repeat;
    display:block;
    height:35px;
    list-style-type:none;
    margin:0 0 0 -10px;
    padding:0 0 0 28px;
    width:746px;
}
.servicesSecondaryNavbar li 
{
    float:left;
    margin-right:26px;
}
.servicesSecondaryNavbar li a
{
    display:block;
    background-position: top left;
    background-repeat:no-repeat;
    height:35px;
    overflow:hidden;
    text-indent:-9999px;
}
.servicesSecondaryNavbar li a:hover
{
    background-position:bottom left;
}
.servicesSecondaryNavbar li a.os 
{
    background-image:url(images/services-OS-bg.jpg);
    width:122px;
}
.servicesSecondaryNavbar li a.di 
{
    background-image:url(images/services-DI-bg.jpg);
    width:103px;
}
.servicesSecondaryNavbar li a.db
{
    background-image:url(images/services-DB-bg.jpg);
    width:69px;
}
.servicesSecondaryNavbar li a.networking
{
    background-image:url(images/services-networking-bg.jpg);
    width:77px;
}
.servicesSecondaryNavbar li a.np
{
    background-image:url(images/services-NP-bg.jpg);
    width:65px;
}
.servicesSecondaryNavbar li a.wireless
{
    background-image:url(images/services-wireless-bg.jpg);
    width:59px;
}
.servicesSecondaryNavbar li a.telephony
{
    background-image:url(images/services-telephony-bg.jpg);
    width:69px;
    margin:0;
}
.servicesSecondaryNavbar li a.selected 
{
    background-position:bottom left;
}
.servicesSecondaryContentContainer
{
    background:url(images/services-scondary-content-bg.jpg) bottom left no-repeat;
    height:140px;
    padding: 0 15px 30px 15px;
}
.servicesSecondaryContent 
{
    display:block;
    height:158px;
    overflow:auto;
}
.servicesImg
{
    margin:13px 17px 0 0;
}
.default .home,
.about .about,
.services .services,
.customers .customers,
.career .career,
.contact .contact
{
    background-position:bottom left;
}
body.about .footer,
body.career .footer
{
    display:none;
}
.contactForm 
{
    clear:both;
    list-style-type:none;
    margin:0;
    padding:20px 0 0 0;
}
.contactForm li 
{
    float:left;
    height:17px;
    padding:0;
    width:237px;
}
.contactForm label
{
    display:block;
}
.contactForm label:hover
{
    cursor:text;
}
.contactForm input 
{
    background-color:Transparent;
    border:none;
    color:#fff;
    font-size:13px;
    height:17px;
    padding:0;
    width:217px;
}
.contactForm .firstname
{
    background:url(images/input-first-name-bg.jpg) top left no-repeat;
    margin:0 44px 0 106px;
    padding-left:10px;
}
.contactForm .firstname label 
{
    padding-left:85px;
}
.contactForm .firstname input 
{
    width:139px;
}

.contactForm .lastname 
{
    background:url(images/input-last-name-bg.jpg) top left no-repeat;
    padding-left:10px;
}
.contactForm .lastname label 
{
    padding-left:83px;
}
.contactForm .lastname input 
{
    width:137px;
}

.contactForm .phone 
{
    background:url(images/input-phone-bg.jpg) top left no-repeat;
    margin:24px 0 0 95px;
}
.contactForm .phone label 
{
    padding-left:60px;
}
.contactForm .phone input 
{
    width:162px;
}

.contactForm .cell 
{
    background:url(images/input-cell-bg.jpg) top left no-repeat;
    margin:24px 0 0 54px;
}
.contactForm .cell label 
{
    padding-left:42px;
}
.contactForm .cell input 
{
    width:180px;
}

.contactForm .fax 
{
    background:url(images/input-fax-bg.jpg) top left no-repeat;
    margin:24px 0 0 75px;
}
.contactForm .fax label 
{
    padding-left:42px;
}
.contactForm .fax input 
{
    width:180px;
}

.contactForm .email 
{
    background:url(images/input-email-bg.jpg) top left no-repeat;
    margin:24px 0 0 50px;
    padding-left:10px;
}
.contactForm .email label 
{
    padding-left:54px;
}
.contactForm .email input 
{
    width:165px;
}

.contactForm .company 
{
    background:url(images/input-company-bg.jpg) top left no-repeat;
    margin:24px 0 0 55px;
}
.contactForm .company label 
{
    padding-left:77px;
}
.contactForm .company input 
{
    width:143px;
}
.contactForm .occupation 
{
    background:url(images/input-occupation-bg.jpg) top left no-repeat;
    margin:24px 0 0 56px;
    width:237px;
}
.contactForm .occupation label 
{
    padding-left:90px;
}
.contactForm .occupation input 
{
    width:133px;
}

.contactForm .comments 
{
    background:url(images/input-comments-bg.gif) top left no-repeat;
    height:85px;
    margin:50px 0 0 -6px;
    width:551px;
}
.contactForm .comments textarea 
{
    overflow:auto;
}
.comments label
{
    display:block;
    height:85px;
    padding-left:45px;
    width:428px;
}
.comments textarea 
{
    background:none;
    border:none;
    color:#fff;
    font:10pt Arial, sans-serif;
    height:52px;
    margin-top:18px;
    width:455px;
}
.comments a 
{
    background:url(images/send-button.jpg) top left no-repeat;
    display:block;
    height:25px;
    margin:-10px 0 0 435px;
    overflow:hidden;
    text-indent:-9999px;
    width:60px;
}
.comments a:active 
{
    background-position:bottom left;
}
.contactForm li.errorsLi 
{
    height:15px;
    position:relative;
    text-align:right;
    top:10px;
    width:500px;
    z-index:100;
}
.errors
{
    padding:0 0 0 180px;
}
body .errors *
{
    color:#cc0000 !important;
    font-weight:bold;
}
body span.success
{
    color:#006600 !important;
    padding:0;
    width:400px;
}
.upload_success
{
    color:#006600 !important;
    font-weight:bold;
    margin-left:300px;
}
.companyInfo
{
    /*background:url(images/companyInfo-bg.jpg) top left no-repeat;*/
    clear:both;
    display:block;
    height:70px;
    /*font-size:10.5pt;
    font-weight:bold;
    line-height:150%;
    overflow:hidden;
    text-indent:-9999px;*/
    padding-top:9px;
    z-index:0;
}


.customersTable 
{
    margin-left:30px;
    position:absolute;
    top:112px;
    width:690px;
}

.customersTable td 
{
    height:90px;
    vertical-align:top;
    text-align:center;
    width:230px;
}

.fileUpload 
{
}
.fileUpload .textbox
{
    height:23px;
    width:300px;
}
.fileUpload .uploadButton 
{
    margin-bottom:0px;
}
.hiddenContent
{
    width:470px;
}
.newsList
{
    width:540px;
}
.newsList .controls
{
    float:right;
}
.newsList dd
{
    border-bottom:1px dashed #d7d7d7;
    font-size:11px;
    margin:0 0 10px 0;
    padding:5px 0 10px 30px;
}
.newsWrapper
{
    background:url(images/news-bg.gif) top left no-repeat;
    height:85px;
    padding:0 50px;
    position:absolute;
    top:255px;
    width:440px;
}
.newsWrapper #news
{
    height:75px;
    padding:10px 0 0;
    width:100%;
}
.newsTitle
{
    font-size:12px;
    font-weight:bold;
}
.newsDate
{
    color:#d3d3d3;
    font-size:10px;
    font-weight:normal;
}
.newsContent
{
    font-size:11px;
    padding-left:5px;
}
.delete,
.error
{
    color:#9a1e1e;
    font-weight:bold;
}
.error,
.error ul,
.error li
{
    color:#9a1e1e;
    display:block;
    margin:0;
    padding:0;
}