﻿body
{
    background-color: #ffffff;
    background-image: url( '../Images/bgGray.gif' );
    background-position: left bottom;
    background-repeat: repeat-x;
    text-align: center;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 13px;
    color: black;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}
html
{
    background-color: #ffffff;
    background-image: url( '../Images/bgGray.gif' );
    background-position: left bottom;
    background-repeat: repeat-x;
    text-align: center;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 13px;
    color: black;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}
li
{
    padding-bottom: 6px;
}
.navPics
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
}
.navPicsServices
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
    left: 465px;
}
.navPicsSolutions
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
    left: 465px;
}
#navigationRow
{
    z-index: 1000;
}
#footerRow
{
    z-index: 10;
}
.navDD1
{
    top: 79px;
    left: 313px;
}


#topNavigation
{
    height: 105px;
    text-align: left;
    background-color: #ffffff;
}
.bodyFlow
{
    width: 980px;
    position: relative;
    text-align: left;
    z-index: 100;
}
.footerText
{
    color: #999999;
    font-size: 12px;
}

a.footerText, a:visited.footerText
{
    color: #999999;
    text-decoration: none;
}
a:hover.footerText
{
    text-decoration: underline;
    color: black;
}
#copyrightText
{
    position: absolute;
    top: 20px;
}
#footerLinks
{
    position: absolute;
    top: 20px;
    text-align: right;
    width: 465px;
    left: 480px;
}
#footerLine
{
    height: 1px;
    width: 100%;
    position: absolute;
    top: 10px;
    border: thin #bebebe solid;
}
#newsDiv
{
    height: 30px;
    padding-top: 15px;
}
#hpMainFeatures
{
    background-image: url( '../Images/homeMainBackground.png' );
    background-repeat: no-repeat;
    height: 335px;
    width: 980px;
    position: relative;
}
.hpMainIcons
{
    position: absolute;
    top: 60px;
    border: 0px;
}
.hpMainIconsWebstore
{
    position: absolute;
    top: 60px;
    border: 0px;
    left: 56px;
}
.hpMainIconsWebcell
{
    position: absolute;
    top: 60px;
    border: 0px;
    left: 296px;
}
.hpMainIconsCMS
{
    position: absolute;
    top: 60px;
    border: 0px;
    left: 542px;
}
.hpMainIconsIR
{
    position: absolute;
    top: 60px;
    border: 0px;
    left: 784px;
}
.hpMainTitles
{
    position: absolute;
    width: 198px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    top: 15px;
    color: #002A54;
    font-weight: bold;
    font-size: 13px;
}
.hpMainDesc
{
    position: absolute;
    width: 220px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    top: 200px;
}
a.hpMainDescLink, a:visited.hpMainDescLink
{
    font-weight: bold;
    text-decoration: underline;
    color: black;
}
a:hover.hpMainDescLink
{
    font-weight: bold;
    text-decoration: underline;
    color: gray;
}
a.newsLink, a:visited.newsLink
{
    color: black;
    text-decoration: underline;
}
a:hover.newsLink
{
    text-decoration: none;
    color: gray;
}

#mainOutput
{
    position: relative;
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    background-color: #FFFFFF;
    height: 100%;
}
#subNav
{
    height: 44px;
    background-image: url( '../Images/subNavigationBg.gif' );
    background-repeat: repeat-x;
    border-left: 1px #d1d1d1 solid;
    border-right: 1px #d1d1d1 solid;
}
.subNavItem
{
    float: left;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}
.subNavItemFirst
{
    float: left;
    padding-top: 13px;
    padding-left: 24px;
    padding-right: 10px;
    font-size: 14px;
}
a.subNavItemLink, a:visited.subNavItemLink
{
    color: black;
    text-decoration: none;
}
a:hover.subNavItemLink
{
    color: red;
    text-decoration: underline;
}
a.subNavItemLinkHot, a:visited.subNavItemLinkHot
{
    color: red;
    text-decoration: none;
}
a:hover.subNavItemLinkHot
{
    color: red;
    text-decoration: underline;
}

.subNavArrow
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.mainTextHeaders
{
    font-size: 15px;
    font-family: Book Antiqua, Georgia, Serif;
    font-weight: 400;
}
.mainTextHeadersLarge
{
    font-size: 18px;
    font-family: Book Antiqua, Georgia, Serif;
    font-weight: 400;
}
.mainTextHeadersExtraLarge
{
    font-size: 22px;
    font-weight: 600;
    font-family: Book Antiqua, Georgia, Serif;
}

.checkMark
{
    list-style-image: url(../images/greenCheck.gif);
    line-height: 130%;
}

a.generalLinks, a:visited.generalLinks
{
    color: black;
    text-decoration: underline;
}
a:hover.generalLinks
{
    color: gray;
}
.featureDivs
{
    position: relative;
    clear: left;
    height: 100%;
}
.featureImageDivs
{
    float: left;
    padding-left: 25px;
    padding-top: 30px;
    width: 400px;
}
.featureScreenShotDivs
{
    float: left;
    padding-left: 25px;
    padding-top: 30px;
    padding-bottom: 15px;
    width: 450px;
}
.screenShotDesc
{
    padding-top: 8px;
    text-align: left;
    width: 380px;
}
.featureDescDivs
{
    float: left;
    padding-left: 25px;
    padding-top: 30px;
    width: 490px;
}
.twoColLeft
{
    position: relative;
    float: left;
    padding-left: 25px;
    padding-top: 30px;
    width: 300px;
}
.twoColRight
{
    float: left;
    padding-left: 25px;
    padding-top: 30px;
    width: 625px;
    height: 713px;
}
.twoColLeftAlt
{
    float: left;
    padding-left: 25px;
    padding-top: 30px;
    width: 625px;
    text-align: left;
}
.twoColRightAlt
{
    float: left;
    padding-left: 35px;
    padding-top: 30px;
    width: 270px;
    text-align: left;
}
.dividerLine
{
    height: 1px;
    width: 280px;
    top: 10px;
    border: thin #bebebe solid;
}
.testimonialImageDivs
{
    float: left;
    padding-left: 25px;
    padding-top: 35px;
    width: 400px;
}
.testimonialTextDivs
{
    float: left;
    padding-left: 25px;
    padding-top: 35px;
    width: 525px;
}
.threeColMain
{
    float: left;
    padding-left: 25px;
    padding-top: 35px;
    width: 290px;
}
.navSolutionsDiv
{
    z-index: 1000;
    width: 652px;
    height: 99px;
    background-image: url( '../Images/SolutionsNavBkg.png' );
}
.navSolutionsRedText1
{
    text-align: left;
    position: absolute;
    left: 104px;
    top: 27px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 12px;
    color: red;
}
.navSolutionsRedText2
{
    text-align: left;
    position: absolute;
    left: 255px;
    top: 27px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 12px;
    color: red;
}
.navSolutionsRedText3
{
    text-align: left;
    position: absolute;
    left: 424px;
    top: 27px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 12px;
    color: red;
}
.navSolutionsRedText4
{
    text-align: left;
    position: absolute;
    left: 587px;
    top: 27px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 12px;
    color: red;
}
.navSolutionsLink1
{
    position: absolute;
    left: 104px;
    top: 60px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 11px;
    color: black;
    text-decoration: underline;
}
.navSolutionsLink2
{
    position: absolute;
    left: 255px;
    top: 60px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 11px;
    color: black;
    text-decoration: underline;
}
.navSolutionsLink3
{
    position: absolute;
    left: 424px;
    top: 60px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 11px;
    color: black;
    text-decoration: underline;
}
.navSolutionsLink4
{
    position: absolute;
    left: 587px;
    top: 60px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 11px;
    color: black;
    text-decoration: underline;
}
.navSolutionIcon1
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
    top: 27px;
    left: 49px;
}
.navSolutionIcon2
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
    top: 27px;
    left: 213px;
}
.navSolutionIcon3
{
    position: absolute;
    top: 27px;
    left: 367px;
    border: 0px;
}
.navSolutionIcon4
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
    top: 27px;
    left: 538px;
}
.navServicesDiv
{
    text-align: left;
    z-index: 1000;
    width: 500px;
    height: 166px;
    background-image: url( '../Images/ServicesNavBkg.png' );
    position: relative;
}
.navServicesIcon1
{
    position: absolute;
    top: 28px;
    border: 0px;
}
.navServicesIcon2
{
    position: absolute;
    top: 100px;
    border: 0px;
}
.navServicesRedText1
{
    text-align: left;
    position: absolute;
    top: 24px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 12px;
    color: red;
}
.navServicesRedText2
{
    text-align: left;
    position: absolute;
    top: 96px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 12px;
    color: red;
}
.navServicesLink1
{
    position: absolute;
    top: 59px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 11px;
    color: black;
    text-decoration: underline;
}
.navServicesLink2
{
    position: absolute;
    top: 129px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 11px;
    color: black;
    text-decoration: underline;
}
.showHand
{
    cursor: pointer;
    cursor: hand;
}
.greyTextBox
{
    background-color: #f7f7f7;
    width: 260px;
    padding: 6px;
    margin-top: 6px;
    margin-bottom: 30px;
}
a, a:visited
{
    color: Black;
}
a:hover
{
    color: Gray;
}
#contactForm
{
    position: relative;
}

#contactCompanyName
{
    position: absolute;
    left: 10px;
    top: 52px;
    font-size: 11px;
}
.contactCompanyNameBox
{
    position: absolute;
    width: 200px;
    left: 10px;
    top: 29px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#contactSalutation
{
    position: absolute;
    left: 10px;
    top: 116px;
    font-size: 11px;
}
.contactSalutationBox
{
    position: absolute;
    left: 10px;
    top: 92px;
    width: 97px;
    right: -107px;
    cursor: pointer;
    cursor: hand;
}

#contactFirstName
{
    position: absolute;
    left: 102px;
    top: 116px;
    font-size: 11px;
}
.contactFirstNameBox
{
    position: absolute;
    left: 102px;
    top: 92px;
    right: 395px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#contactLastName
{
    position: absolute;
    left: 250px;
    top: 116px;
    font-size: 11px;
}
.contactLastNameBox
{
    position: absolute;
    left: 250px;
    top: 92px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#contactEmailAddress
{
    position: absolute;
    left: 10px;
    top: 190px;
    font-size: 11px;
}
.contactEmailAddressBox
{
    position: absolute;
    left: 10px;
    top: 167px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#contactTelephone
{
    position: absolute;
    left: 198px;
    top: 190px;
    font-size: 11px;
}
.contactTelephoneBox
{
    position: absolute;
    left: 198px;
    top: 167px;
    width: 116px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#contactExtension
{
    position: absolute;
    left: 319px;
    top: 190px;
    font-size: 11px;
}
.contactExtensionBox
{
    position: absolute;
    left: 319px;
    top: 167px;
    width: 55px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#contactSubject
{
    position: absolute;
    left: 10px;
    top: 259px;
    font-size: 11px;
}
.contactSubjectBox
{
    position: absolute;
    left: 10px;
    top: 236px;
    cursor: pointer;
    cursor: hand;
}

#contactContactMe
{
    position: absolute;
    left: 12px;
    top: 309px;
    font-size: 12px;
}
.contactMeYes
{
    position: absolute;
    left: 322px;
    top: 309px;
    font-size: 12px;
}
.contactMeBox
{
    position: absolute;
    left: 300px;
    top: 305px;
    right: 305px;
    height: 25px;
}

#contactMessage
{
    position: absolute;
    left: 10px;
    top: 357px;
    font-size: 12px;
}
.contactMessageBox
{
    position: absolute;
    left: 10px;
    top: 378px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

.contactButton
{
    position: absolute;
    left: 10px;
    top: 531px;
    font-size: 12px;
}

.contactResponsePanel
{
    position: absolute;
    left: 10px;
    top: 563px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 12px;
    color: #002a55;
    width: 100%;
}
.recentWorkRadDD
{
    margin-left: 150px;
}

.clear
{
    float: none;
    clear: both;
    font-size: 0px;
    min-height: 0px;
    _height: 0px;
    line-height: 0px;
    height: 0px;
}
.RadMenu_MovSkin img
{
    padding: 0px;
    cursor: pointer;
    margin: 0px;
}


.RadMenu_MovSkin .rmHorizontal .rmLink .rmLeftImage
{
    padding: 0px;
    cursor: pointer;
    margin: 0px;
}
.RadMenu_MovSkin .rmHorizontal .rmRootGroup
{
    padding: 0px;
    cursor: pointer;
    margin: 0px;
}

#careerForm
{
    position: relative;
}

#careerCompanyName
{
    position: absolute;
    left: 10px;
    top: 52px;
    font-size: 11px;
}
.careerCompanyNameBox
{
    position: absolute;
    width: 200px;
    left: 10px;
    top: 29px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#careerSalutation
{
    position: absolute;
    left: 10px;
    top: 52px;
    font-size: 11px;
}
.careerSalutationBox
{
    position: absolute;
    left: 10px;
    top: 29px;
    width: 97px;
    right: -107px;
    cursor: pointer;
    cursor: hand;
}

#careerFirstName
{
    position: absolute;
    left: 102px;
    top: 52px;
    font-size: 11px;
}
.careerFirstNameBox
{
    position: absolute;
    left: 102px;
    top: 29px;
    right: 395px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#careerLastName
{
    position: absolute;
    left: 250px;
    top: 52px;
    font-size: 11px;
}
.careerLastNameBox
{
    position: absolute;
    left: 250px;
    top: 29px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#careerEmailAddress
{
    position: absolute;
    left: 10px;
    top: 116px;
    font-size: 11px;
}
.careerEmailAddressBox
{
    position: absolute;
    left: 10px;
    top: 92px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#careerTelephone
{
    position: absolute;
    left: 198px;
    top: 116px;
    font-size: 11px;
}
.careerTelephoneBox
{
    position: absolute;
    left: 198px;
    top: 92px;
    width: 116px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#careerExtension
{
    position: absolute;
    left: 319px;
    top: 116px;
    font-size: 11px;
}
.careerExtensionBox
{
    position: absolute;
    left: 319px;
    top: 92px;
    width: 55px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

#careerSubject
{
    position: absolute;
    left: 10px;
    top: 190px;
    font-size: 11px;
}
.careerSubjectBox
{
    position: absolute;
    left: 10px;
    top: 167px;
    cursor: pointer;
    cursor: hand;
}

#careerContactMe
{
    position: absolute;
    left: 12px;
    top: 249px;
    font-size: 12px;
}
.careerMeYes
{
    position: absolute;
    left: 322px;
    top: 249px;
    font-size: 12px;
}
.careerMeBox
{
    position: absolute;
    left: 300px;
    top: 245px;
    right: 305px;
    height: 25px;
}

#careerMessage
{
    position: absolute;
    left: 10px;
    top: 309px;
    font-size: 12px;
}
.careerMessageBox
{
    position: absolute;
    left: 10px;
    top: 330px;
    font: 12px "segoe ui" ,arial,verdana,sans-serif;
}

.careerButton
{
    position: absolute;
    left: 10px;
    top: 531px;
    font-size: 12px;
}

.careerResponsePanel
{
    position: absolute;
    left: 10px;
    top: 563px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
    font-size: 12px;
    color: #002a55;
    width: 100%;
}



