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;
    min-height:1024px;
}
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-left:25px;
    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;
}

.navSolutionsRedText1 a, .navSolutionsRedText1 a:visited,
.navSolutionsRedText2 a, .navSolutionsRedText2 a:visited, 
.navSolutionsRedText3 a, .navSolutionsRedText3 a:visited, 
.navSolutionsRedText4 a, .navSolutionsRedText4 a:visited
{
	color:Red;
	text-decoration:none;
}

.navSolutionsRedText1 a:visited:hover,
.navSolutionsRedText2 a:visited:hover, 
.navSolutionsRedText3 a:visited:hover, 
.navSolutionsRedText4 a:visited:hover
{
	color:gray;
	text-decoration:none;
}

.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;
}

.navServicesRedText1 a, .navServicesRedText1 a:visited, 
.navServicesRedText2 a, .navServicesRedText2 a:visited
{    	
    color: red;
    text-decoration:none;
}

.navServicesRedText1 a:visited:hover, 
.navServicesRedText2 a:visited:hover
{    	
    color: gray;
    text-decoration:none;
}

.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: red;
    text-decoration: none;
}
.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%;
}

.Clear
{
	float:none;
	clear:both;
	font-size:0px;
	min-height:0px;
	_height:0px;
}

#mainOutput ul, #mainOutput ul li
{
	padding-left:0px;
	display:block;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
}

.hide {
	visibility:hidden !important;
}

.show 
{
	visibility:visible !important;
}

.topImage ul, .topImage ul li
{
	padding-left:0px;
	display:block;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
}

#mainOutput .hpMainFeatures ul li
{
	margin-top:6px;
	margin-left:40px;
	padding-bottom:6px;
	display:list-item;
	list-style-type:disc;
}

.topImage
{
	height:275px;	
}

#mainOutput .featureList
{
	float:left;
	padding-left:25px;
	padding-top:30px;
	width:440px;
}

#mainOutput .featureList .checkMark
{
	margin-bottom:15px;
	margin-top:15px;	
}

#mainOutput .featureList .checkMark li
{	
	list-style-image: url(../images/greenCheck.gif);
    margin-top:0px;
    margin-left:60px;
    display:list-item;
}

#mainOutputService .featureList .checkMark li
{	
	list-style-image: url(../images/greenCheck.gif);
    margin-top:0px;
    margin-left:60px;
    display:list-item;
}

.threeCol
{
	float:left;
	padding-left:25px;
	padding-top:30px;
	width:290px;
}

.twoColEvenLeft
{    
    float: left;
    padding-left: 25px;
    padding-top: 30px;
    width: 440px;
}
.twoColEvenRight
{
    float: left;
    padding-left: 25px;
    padding-top: 30px;
    width: 440px;
    margin-left:20px;
}

.featureImageDivs a,.featureImageDivs a.visited,.featureImageDivs a.hover
{
}

.featureImageDivs img
{
	border: 0px;
}

.slideshow a,.slideshow a.visited,.slideshow a.hover
{
}

.slideshow img
{
	border: 0px;
}

.RotatedItem a,.RotatedItem a.visited,.RotatedItem a.hover
{
}

.RotatedItem img
{
	border: 0px;
}

.topImage a,.topImage a.visited,.topImage a.hover, #HTMLArea a, #HTMLArea a.visited, #HTMLArea a.hover
{
}

.topImage img, .twoColRightAlt img, .twoColLeftAlt img, #HTMLArea img
{
	border: 0px;
}

img
{
	border: 0 none;
}

.CareerList
{
	padding-left:25px;
	font-size:16px;
	font-family:Book Antiqua,Georgia,Serif;
	line-height:30px;
}

.careerSection
{
	padding-left:20px;
	padding-top:10px;
	font-size:14px;	
}
#careerDesc
{
	line-height:130%;
	padding-left:55px;
	padding-top:10px;
	font-size:13px;
	font-family:"Lucida Grande" , "Lucida Sans Unicode" , "Nimbus Sans L" , Arial, sans-serif;
	color:Black;

}

#careerDesc ul li
{		
	display:list-item;
	list-style-type:disc;	
	margin-left:15px;
}

.careerApply
{
	font-size:14px;	
}


.Left
{
    float:left;
    display:block;
}

.Right
{
    float:right;
    display:block;
}

.Clear
{
    float:none;
    clear:both;
    font-size:0px;
    height:0px;
}