/* CSS Document */

/* GENERIC STYLES */

* {margin:0px;padding:0px;top:0px;left:0px;}

p {padding-bottom:17px;font-size:12px;}

.blackLinkPlain {color:#000;text-decoration:none;}

.blackLinkUnderlined {color:#000;text-decoration:underline;}

.whiteDivider {color:#fff;padding:0 5px 0 5px;}

.jumpMenu {width:150px;height:19px;border:1px solid #000;font-size:12px;margin-left:5px;}

.newsletterText {width:155px;height:19px;border:0;background-color:#fff;}

h4 {display:block;background: transparent url(images/headerArrow.gif) 0px 0px no-repeat;padding:1px 0 17px 20px;color:#69488f;font-size:12px;}

body {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;color:#333333;}

.select {font-weight:bold;text-decoration:underline;}


.contactUsOne {width:208px;height:18px;border:1px solid #000;}
.contactUsTwo {width:278px;height:18px;border:1px solid #000;}
.contactUsThree {width:478px;height:18px;border:1px solid #000;}
.requestTextField {width:478px;height:80px;border:1px solid #000;}

/* MAJOR STRUCTURAL */

#logoBar {position:relative;height:108px;width:903px;margin:0 auto 0 auto;background-color:#ffffff;text-align:center;text-align:right;}
#mainLogo {float:left;padding-top:20px;border:0px;}
#mainLogo a {border:0px;}
#logoBar ul li {display:inline;padding:2px 0 10px 15px;color:#69488f;font-size:14px;}
#logoBar ul li.background {background: transparent url(images/infoIcon.gif) 0px 0px no-repeat;;padding:2px 0 10px 25px;}
#logoBar ul li a{font-weight:bold;text-decoration:none;color:#69488f;}
#contactWrapper {float:right;padding-top:73px;width:600px;}

#languageBar {position:relative;height:34px;width:903px;margin:0 auto 0 auto;background-color:#c5bbdb;text-align:right;}
#languageBar a {color:#69488f;text-decoration:none;}
#languageWrapper {float:right;height:34px;padding-right:10px;}
#languageWrapper fieldset {border:0px;}

#languageWrapper table {border:0;border-collapse:collapse;}
#languageWrapper td {height:34px;vertical-align:middle;}
#languageWrapper td.cellHeight {height:34px;}

#pinkFullLength {position:relative;margin:0 auto 0 auto;background-color:#c5bbdb;text-align:center;border-top:4px solid #ffffff;}

#imageArea {position:relative;width:871px;margin:0 auto 0 auto;background-color:#00466f;text-align:left;border-left:4px solid #ffffff;border-right:4px solid #ffffff;}
#imageArea p.sectionTitle {color:#fff;font-size:20px;font-weight:normal;}


/* Classes for ImageArea header images */

.home {height:66px;background: transparent url(images/homeImage.jpg) 0px 0px no-repeat;padding:158px 0 0 32px;}
.about {height:48px;background: transparent url(images/about3diImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.technical_authoring {height:48px;background: transparent url(images/technicalAuthoringImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.information_design {height:48px;background: transparent url(images/informationDesignImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.localization {height:48px;background: transparent url(images/localizationImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.translation {height:48px;background: transparent url(images/translationImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.threedi_customers {height:48px;background: transparent url(images/3diCustomersImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.news_and_resources {height:48px;background: transparent url(images/newsAndResourcesImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.privacy_policy {height:48px;background: transparent url(images/privacyImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.copyright {height:48px;background: transparent url(images/copyrightImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.sitemap {height:48px;background: transparent url(images/sitemapImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.links {height:48px;background: transparent url(images/linksImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}
.contact {height:48px;background: transparent url(images/contactImg.jpg) 0px 0px no-repeat;padding:90px 0 0 32px;}

#greyFullLength {position:relative;margin:0 auto 0 auto;background-color:#dee3e4;text-align:center;border-top:4px solid #ffffff;}

#mainNavigation {position:relative;width:903px;height:28px;margin:0 auto 0 auto;text-align:center;border-left:4px solid #ffffff;border-right:4px solid #ffffff;background: transparent url(images/navigationBg.gif) 0px 0px no-repeat;font-size:11px;}
#mainNavigation ul {padding:0 0 0 0;}
#mainNavigation ul li {display:block;float:left;width:129px;height:28px;padding:0}
#mainNavigation ul li a{display:block;float:left;width:129px;height:21px;color:#fff;text-decoration:none;padding:7px 0 0 0;}
#mainNavigation ul li a:hover{background: transparent url(images/navigationHover.gif) 1px 1px no-repeat;}
#mainNavigation ul li a.selectedLink{background: transparent url(images/navigationHover.gif) 1px 1px no-repeat;}
#mainNavigation .select {text-decoration:underline;color:#ffffff;font-weight:normal;}

#contentArea {position:relative;width:903px;margin:0 auto 0 auto;background-color:#e2f2fd;text-align:left;border-left:4px solid #ffffff;border-right:4px solid #ffffff;border-top:4px solid #ffffff;padding:0 0 0 0;}

.homepageTile {background-image: url(images/contentBackground.gif);}
.infopageTile {background-image: url(images/infoBackground.gif);}

#contentLeft {float:left;width:484px;margin:0 0 0 0;padding:18px 110px 32px 32px;text-align:left;}
#contentLeft h1 {font-size:18px;color:#000;padding-bottom:17px;font-weight:bold;}
#contentLeft h2 {font-weight:bold;font-size:14px;padding:0;margin:0;}
#contentLeft h3 {font-weight:bold;font-size:12px;padding:0;margin:0;}
#contentLeft ul {padding:0 0;margin:0 0 17px 20px;}
#contentLeft ul li {list-style:disc;padding:0;}
#contentLeft ul li ul {padding:0;margin:0 0 0px 20px;}
#contentLeft ul li ul li {list-style-image:url(images/listDash.gif);padding:0;}

#contentLeftInfo {float:left;width:480px;margin:0 0 0 0;padding:0 0 0 0;text-align:left;position:relative;}
#contentLeftInner {float:left;width:480px;margin:0 0 0 0;padding:18px 110px 32px 32px;text-align:left;position:relative;}
#contentLeftInner fieldset {border:0px;}
#contentLeftInner h1 {font-size:18px;color:#000;padding-bottom:17px;font-weight:bold;}
#contentLeftInner.paddingChange {padding: 18px 32px 32px 32px; width: 558px;}
#contentLeftInner ul {padding:0;margin:0 0 17px 20px;}
#contentLeftInner ul li {list-style:disc;padding:0;}
#contentLeftInner ul li ul {padding:0;margin:0 0 0px 20px;}
#contentLeftInner ul li ul li {list-style-image:url(images/listDash.gif);padding:0;}
#contentLeftInner h2 {font-weight:bold;font-size:14px;padding:0;margin:0;}
#contentLeftInner h3 {font-weight:bold;font-size:12px;padding:0;margin:0;}


.newsHolder {float:left;width:558px;padding:0px;border-bottom:1px solid #69488f;margin:0 0 32px 0;position:relative;}
.newsLeft {float:left;width:362px;padding:0 10px 0 0;position:relative;}
.newsLeft h3 {font-weight:bold;color:#69488f;font-size:12px;}
.newsLeft .date {color:#999999;font-weight:bold;}
.newsRight {float:left;width:186px;overflow:hidden;position:relative;}

#crumbtrail {width:626px;margin:0;padding:0;text-align:left;height:22px;background-color:#eef1f2;font-size:10px;}
#crumbtrail ul {padding:4px 0 0 32px;}
#crumbtrailHolder {float:left;height:22px;}
#crumbtrailHolder ul li{display:inline;padding:0 3px 0 0;color:#666666;text-decoration:none;}
#crumbtrailHolder ul li a{color:#666666;text-decoration:none;}
#crumbtrail img{float:right;display:inline;padding:2px 10px 0 0;border:0px;}

.homeIcons {background:transparent url(images/homeIcons.gif) 535px 17px no-repeat;}    
#contentLeft h1 {font-size:17px;font-weight:bold;color:#000;padding-bottom:17px;}

#contentRight {float:right;width:273px;margin:0 0 0 0;padding:0;text-align:left;color:#69488f;font-weight:bold;position:relative;}
.contentRightContainer {float:left;width:217px;padding:0 28px 0 28px;font-weight:normal;}
.contentRightContainer a {color:#69488f;font-weight:normal;text-decoration:underline;}
.contentRightContainer ul li {display:block;float:left;width:155px;height:23px;margin-bottom:3px;}

.contentRightNavigation {float:left;width:269px;padding:0 0 0 4px;}
.contentRightNavigation ul {margin-bottom:20px;}
.contentRightNavigation ul li {display:block;width:261px;height:28px;}
.contentRightNavigation ul li a{display:block;float:left;width:239px;height:20px;padding:8px 0 0 26px;text-decoration:none;color:#69488f;font-weight:normal;font-size:12px;}
.contentRightNavigation ul li a:hover {background-color:#e0f4fd;text-decoration:none;}
.contentRightNavigation .select {background-color:#e0f4fd;}


#contentRight h3 {display:block;float:left;width:225px;font-weight:bold;font-size:13px;float:left;height:30px;background: transparent url(images/h3Arrow.gif) 26px 0px no-repeat;padding:1px 0 0 48px;margin-top:17px;}
#contentRight h3.h3below {border-top:4px solid white;margin:4px 0 0 0;padding:14px 0 0 48px;width:225px;background: transparent url(images/h3Arrow.gif) 26px 13px no-repeat;}
#contentRight .list {text-decoration:none;}
#contentRight p {padding-bottom:17px;}

.callToActionHome {float:left;height:32px;width:440px;padding:40px 0 32px;}
.callToActionHolderHome {float:left;height:32px;width:190px;border:1px solid #000;margin-right:20px;}
.callToActionHolderHome a {display:block;width:150px;height:24px;font-size:13px;text-decoration:none;color:#666666;padding:8px 0 0 70px;}
.phoneContact {background: transparent url(images/phoneUs.gif) 0px 0px no-repeat;}
.emailContact {background: transparent url(images/contact.gif) 0px 0px no-repeat;}

.callToActionInfo {float:left;width:273px;padding:20px 0 28px 0;border-top:4px solid #fff;}
.callToActionHolderInfo {float:left;display:inline;height:32px;width:190px;border:1px solid #000;margin-left:28px;margin-bottom:20px;}
.callToActionHolderInfo a {display:block;width:150px;height:24px;font-size:13px;text-decoration:none;color:#666666;padding:8px 0 0 70px;}
.phoneContact {background: transparent url(images/phoneUs.gif) 0px 0px no-repeat;}
.emailContact {background: transparent url(images/contact.gif) 0px 0px no-repeat;}

.clear {clear: both;line-height: 0;font-size: 0;}
.red {color:red;}

#footerArea {position:relative;clear:both;width:903px;height:28px;margin:0 auto 0 auto;background-color:#c5bbdb;text-align:center;border-top:4px solid #ffffff;}

#footerArea ul {padding:7px 0 0 0;}

#footerArea ul li {font-size:11px;color:#69488f;display:inline;padding:0 12px 0 12px;}
#footerArea ul li a {color:#69488f;text-decoration:none;}

#addressBar {position:relative;width:903px;margin:0 auto 0 auto;background-color:#ffffff;text-align:center;color:#69488f;padding:10px 0 20px 0;font-size:11px;line-height:18px;}
#addressBar a{color:#d5cde7;text-decoration:none;}
#addressBar p{font-size:11px}
#addressBar img{border:0;}


.bold {font-weight:bold;}
div.follow {margin-bottom: 20px;}
div.follow a {display:inline-block;height:32px;width:32px;overflow:hidden;line-height:440px;background:transparent no-repeat left top;margin:0 5px;}
div.follow a#twitter {background-image: url('images/icon-twitter.gif');}
div.follow a#facebook {background-image: url('images/icon-facebook.gif');}
div.follow a#youtube {background-image: url('images/icon-youtube.gif');}
div.follow a#linkedin {background-image: url('images/icon-linkedin.gif');}

form#contactus ul , form#contactus ul li {list-style:none;padding:0;margin:0;}
form#contactus ul li {margin:10px;}
form#contactus ul li label {display:inline-block;width:65px;}
form#contactus ul li.required input , form#contactus ul li.optional  input { width: 300px;}
form#contactus ul li.required span {color:#F00;}
form#contactus ul li.check label { width:500px;}
form#contactus ul li.area label {display:block;width:500px;font-size:10px;margin-bottom:10px}
form#contactus ul li.area textarea {width:500px;}
form#contactus ul li.capture label {display:block;width:500px;margin-bottom:5px;}
form#contactus ul li.capture input {display:block;margin-top:10px;}
ul#printed_errors {list-style:none;padding:10px;margin:5px;color:#F00;background:#FFCCCC;border:1px solid #f00;}
ul#printed_errors li {list-style:none!important;display:block;background:transparent url('images/err.gif') no-repeat left top;line-height:16px;height:16px;padding-left:20px;margin-bottom:5px;}
div#printSuccess {padding:10px;margin:5px;color:#336600;background:#C6FF8C;margin-bottom:5px;border:1px solid #336600;}
div#printSuccess p {display:block;background:transparent url('images/suc.gif') no-repeat left top;line-height:16px;padding-left:20px;padding-bottom:0px}
a#reload {display:inline-block;width:22px;height:20px;overflow:hidden;line-height:440px;background:transparent url('images/refresh.gif') no-repeat left top;margin:0 5px;}
p#formfooter {font-size:10px;margin:10px 0;}
/* DROP DOWN MENU */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:903px; height:28px; position:relative; z-index:100; font-family:arial, sans-serif;background: transparent url(images/navigationBg.gif) 0px 0px no-repeat;margin:0 auto 0 auto;text-align:left;border-left:4px solid #ffffff;border-right:4px solid #ffffff;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:904px; w\idth:903px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:129px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;display:block;width:129px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:129px; height:28px; border:0px; padding:0 0 0 0; text-align:center;line-height:29px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:129px; w\idth:129px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#69488f;text-align:left;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c5bbdb;}
.menu ul ul :hover > a.drop {background:#c5bbdb;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:-1px; width:150px;border-top:4px solid #fff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:28px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#916aae; color:#fff; height:auto;line-height:14px;padding:6px 10px 6px 10px; width:128px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:left;}
.menu ul ul li a:hover {background:none;background-color:#c5bbdb; color:#69488f;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background: transparent url(images/navigationHover.gif) 1px 1px no-repeat;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


/* Add select on current link */
.menu ul li a.selectedLink{background: transparent url(images/navigationHover.gif) 1px 1px no-repeat;}
.menu ul li ul li a.selectedLink{background:#916aae; color:#fff;}
.menu ul li ul li a.selectedLink:hover{background:none;background-color:#c5bbdb; color:#69488f;}