@charset "utf-8";
/* Simple Reset */
h1,h2,h3,h4,h5,h6,p,li,ul,ol,body,img,div { margin: 0; padding: 0; font-size: 1em; }
a img { border: none; }
html { font-size: 62.5%; }
body { background: #e7e7e7; padding: 18px 0; font: 1.2em/1.4em Arial, Helvetica, sans-serif, sans; }
#page { width: 960px; margin: 0 auto -50px auto;  overflow: hidden; background: #fff;  }
#companyInfo { width: 225px; float: left; border-top: 31px solid #e7e7e7; }
#companyInfo .logo { background: url(../Images/corner-tl.gif) no-repeat 0 0; padding-top: 32px; margin: 0 0 22px 0; text-transform: uppercase; text-align: center; }
#companyInfo .contact { font-size: 0.9em; margin: 10px 0 0; }
#companyInfo .logo p { margin: 32px 0 0 0; font-size: 1.4em; font-weight: 700; color: #006e65; }
#companyInfo div { padding: 0 12px; }
#companyInfo div h3 { background: url(../Images/box-h3.gif) no-repeat top right; color: #fff; font-size: 1.3em; }
#companyInfo div h3 span { background: url(../Images/box-h3-span.gif) no-repeat 0 0; display: block; height: 26px; padding: 7px 10px 0; }
#companyInfo div h3 span a { display: block; color: #fff; }
#companyInfo div ul { list-style: none; margin-top: 4px; }
#companyInfo div li, .latestNews li { list-style: none;  margin: 0 0 4px; line-height: 1.2em; }
#companyInfo div li a { display: block; height: 47px; padding: 4px 43px 0 8px; color: #006e65; font-weight: 700; text-decoration: none; font-size: 1.1em; background-repeat: no-repeat; background-position: top right; }
#main { width: 735px; float: left; margin: 0; background: url(../Images/corner-tr.gif) no-repeat right 30px; }
#contentArea { overflow: hidden; width: 722px; margin: 12px 0 0; padding: 0 0 30px 12px; border-left: 1px solid #a30d5d; min-height: 775px;}
#content { width: 488px; float: left; margin: 12px 0 0; }
#content p { margin: 0 0 12px; }
#content ul { list-style: square; margin: 0 0 0 16px; color: #006e65; }
#content li { margin: 0 0 6px; font-weight: 400; }
#content h1 { color: #a30d5d; font-size: 2em; margin: 24px 0; line-height:1.0em; }
#content p.leading { color: #006e65; font-weight: 700; font-size: 1.2em; }
#content p.trail { color: #a30d5d; text-transform: uppercase; font-weight: 700; }

.content strong { font-weight: 700;}
.content b, .meta a { font-weight: 700; color: #f36c08; }
.latestNews { float: right; width: 200px; margin: 12px 12px 0; }
.latestNews h3 { background: url(../Images/latestNews-h3.gif) no-repeat; color: #fff; margin-bottom: 4px; text-decoration:none; }
.latestNews h3 a { color: #fff; font-size: 1.3em; }
.latestNews h3 a:hover { text-decoration:none; }
.latestNews h4 { text-decoration:none; font-size: 1.2em; color: #a30d5d; margin: -6px -6px 4px -6px; padding: 6px; background: url(../Images/ln-top.gif) no-repeat 0 0; }
.latestNews h4 a { color: #a30d5d; }
.latestNews .meta a { text-decoration:none; text-transform: uppercase; font-size: 0.9em; }
.latestNews .meta a:hover { text-decoration:underline;}
.latestNews li { background: url(../Images/ln-bottom.gif) no-repeat bottom; padding: 6px; }
.latestNews li.caseStudy { background: url(../Images/caseStudy.gif) no-repeat; height: 124px; padding-right: 60px;}
.latestNews li.caseStudy h4, li.caseStudy h4 a, li.caseStudy p { color: #fff; background: none; }
li.caseStudy p { margin: 8px 0; }
#skiplink { position: absolute; left: -9999em; background: #fff; }
#skiplink:focus { border: 2px solid #c00; position: absolute; top: 40px; left: 40px; }
ol.navigation {  z-index:100; height: 31px; margin: 0 -14px 0 0; padding: 0 0 0 12px; background: #e7e7e7; }
ol.navigation li { float: left; height: 30px; list-style: none; background: url(../Images/nav-gradient.gif) repeat-x; }
ol.navigation li.first { background: #e7e7e7 url(../Images/nav-gradient.gif) repeat-x; }
ol.navigation li.first a { background: url(../Images/nav-start.gif) no-repeat 0 0; }
ol.navigation li.first a:hover { background: #a30d5d url(../Images/nav-start-hover.gif) no-repeat 0 0; }
ol.navigation li.break a { background: url(../Images/nav-break-start.gif) no-repeat top right; width: 106px; }
ol.navigation li.break a:hover { background: #a30d5d url(../Images/nav-customer-end.gif) no-repeat top right; }
ol.navigation li.customer a { background: #a30d5d url(../Images/nav-customer-end.gif) no-repeat top right; color: #fff; }
ol.navigation li.customer a:hover { background: #a30d5d url(../Images/nav-customer-end.gif) no-repeat top right; }
ol.navigation li a { display: block; padding: 7px 13px 0 14px; height: 23px; font-weight: 700; text-transform: uppercase; color: #006e65; text-decoration: none; }
ol.navigation li a:hover,.navigation .isHovering a { background: #a30d5d; color: #fff;}
ol.navigation li a:hover,.navigation .isHovering a:hover { text-decoration:underline;}

ol.navigation li ul { z-index:100;  display: none; position: absolute; background: #a30d5d; }
ol.navigation li ul li { z-index:100;  float: none; background: #a30d5d; border-bottom: 1px dotted #d899ba; height: auto; font-size: 0.9em; }
ol.navigation li ul li a { color: #fff; display: block; text-transform: none; text-decoration: none !important; }
ol.navigation li ul li a:hover { text-decoration: underline !important; }

#navBreak { clear: both; background: url(../Images/corner-tr.gif) no-repeat top right; padding: 12px; margin: -12px;  position:relative; z-index: 50}
h3 { background: url(../Images/green-h3-main.png) left no-repeat; height: 33px; color: #fff; }
h3 a { text-decoration: none; }
h3 a:hover { text-decoration: underline; }
h3 span { display: block; height: 25px; padding: 8px 0 0 8px; background: url(../Images/green-h3-right.gif) no-repeat right; }
#companyInfo div.markets li { background: url(../Images/markets-li.png) no-repeat; }
#companyInfo div.solutions li { background: url(../Images/solutions-li.png) no-repeat; }
#companyInfo li a:hover { text-decoration: underline; }
div.markets .community a { background-image: url(../Images/icon-market-2.png); }
div.markets .ict a { background-image: url(../Images/icon-market-3.png); }
div.markets .child a { background-image: url(../Images/icon-market-1.png); background-position: bottom right !important; }
div.solutions li a { background-position: 150px center !important; background-repeat: no-repeat; padding-top: 10px !important; height: 40px !important; padding-right: 80px !important; }
div.solutions .sysint a { background-image: url(../Images/ico-sysint.gif); background-position: 130px center !important; }
div.solutions .mobsol a { background-image: url(../Images/ico-mobsol.gif); background-position: 165px center !important }
div.solutions .infmgt a { background-image: url(../Images/ico-infmgt.gif); }
div.solutions .ifosec a { background-image: url(../Images/ico-ifosec.gif); background-position: 155px center !important; }
#footer { clear: both; margin:10px auto -3px; height: 70px; overflow: auto; background: #e7e7e7 url(../Images/footer.gif) top no-repeat; width: 960px; color: #666; }
#footer .login { float: left; }
#footerCredits { clear: both; text-align: right; margin: 0 auto; width: 960px;color: #666;padding-right:23px; }

#footer .login a { color: #666; font-weight: 700; }
img#todo { float: right; margin: 0 20px 0 0; }
img.right { float: right; margin: 10px;}


img.left { float: left; margin: 10px;}
#content h2 { color: #a30d5d; font-size: 1.2em; margin: 15px 0; }
#content h3 { color: #a30d5d; font-size: 0.9em; margin: 15px 0; }
#content a { color: #f36c08; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#footerCredits a {color: #666; text-decoration: none; }
#footerCredits a:hover {color: #666; text-decoration: underline; }

#companyInfo .companyInformation { padding-left: 0.1em ; line-height: 1.1em; padding-top: 0.3em;padding-bottom: 1.5em;  color:#006e65; }
#companyInfo .companyInformation ul li { list-style: square; margin: 0 0 0 20px; }

#to_do_postit {WIDTH: 16em}
.to_do_postitMiddle {BACKGROUND: url(../Images/PostItMiddle.gif); WIDTH: 190px;}
.to_do_postitMiddle P {	PADDING-BOTTOM: 1em; PADDING-LEFT: 1.4em; text-align:center; WIDTH: 13em; PADDING-RIGHT: 0.5em;PADDING-TOP: 0em; DISPLAY: block; FONT-FAMILY: "Trebuchet", Arial, Helvetica, sans-serif; FONT-SIZE: 12px; color: #a30d5d;}



#content ul.sitemap { font-size: 1.4em; margin-left: 6px; }
ul.sitemap li { font-size: 0.8em; margin-left: 0; list-style: none; }
ul.sitemap a { color: #006e65; }
ul.sitemap ol { margin: 4px 0 0 10px; }
ul.sitemap ol a { color: #444; text-decoration: none; }
ul.sitemap ol a:hover { color: #222; text-decoration: underline; }


.relatedFiles { margin-bottom: 15px}
.downloadicon {margin-right: 7px;}
.downloadicon img {display: inline;}

#CampaignImgText { height: 150px; position: absolute; top: 50px; left: 35px; color: White; font-size: 42px; font-weight:bold; line-height: 100px;}