/* Reset Styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; outline:none; list-style-type:none; color:#666666;}

body {font-family:Arial; font-size:11px; text-align:center; background:#e9e9e9;}

.orange {color:#e55d1b;}
.purple {color:#6e2a6e;}

a {color:#e55d1b; text-decoration:none;}
a:hover {text-decoration:underline;}
h1,h2,h3 {font-family:Arial;}
#bg {position:relative; margin:0 auto; width:990px; text-align:center; background:url(../_images/bg.gif) top center repeat-y;}

#container {position:relative; margin:0 auto; width:938px; padding:0 15px 0 15px; background:#ffffff; text-align:left; border-left:1px solid #dee0e1; border-right:1px solid #dee0e1; border-bottom:1px solid #dee0e1; font-family:Verdana, Arial;}

#masthead {width:938px; height:84px;}
#masthead img {float:left;}
#masthead .toplinks {float:left; width:145px; height:18px; margin:15px 0 0 0px; padding-left:590px;}
#masthead .toplinks li {float:left;}
#masthead .toplinks .contactus {display:block; width:79px; height:18px; background:url(../_images/nav-contact-us.gif) top left no-repeat;}
#masthead .toplinks .contactus:hover {background:url(../_images/nav-contact-us-over.gif);}
#masthead .toplinks .contactus-on {display:block; width:79px; height:18px; background:url(../_images/nav-contact-us-over.gif) top left no-repeat;}

#masthead .toplinks .subscribe {display:block; width:66px; height:18px; background:url(../_images/nav-subscribe.gif) top left no-repeat;}
#masthead .toplinks .subscribe:hover {background:url(../_images/nav-subscribe-over.gif);}
#masthead .toplinks .subscribe-on {display:block; width:66px; height:18px; background:url(../_images/nav-subscribe-over.gif) top left no-repeat;}


/* common styling */
.menu {float:left; width:696px; height:18px; margin:-19px 0 0 0; padding:0 0 0 243px; position:relative; z-index:100;}
.menu {height:18px; margin:-22px 0 0 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:160px; border:1px solid #fff; border-top: 0px; line-height:15px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:19px; left:0;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#666; padding: 2px 5px 3px 5px;}
.menu ul li:hover ul li a:hover {background:#e55d1b; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


#masthead .menu .home {display:block; width:46px; height:18px; background:url(../_images/nav-home.gif) top left no-repeat;}
#masthead .menu .home:hover {background:url(../_images/nav-home-over.gif);}
#masthead .menu .home-on {display:block; width:46px; height:18px; background:url(../_images/nav-home-over.gif) top left no-repeat;}

#masthead .menu .about-xio {display:block; width:66px; height:18px; background:url(../_images/nav-about-xio.gif) top left no-repeat;}
#masthead .menu .about-xio:hover {background:url(../_images/nav-about-xio-over.gif);}
#masthead .menu .about-xio-on {display:block; width:66px; height:18px; background:url(../_images/nav-about-xio-over.gif) top left no-repeat;}

#masthead .menu .supply-chain-consulting {display:block; width:156px; height:18px; background:url(../_images/nav-supply-chain-consulting.gif) top left no-repeat;}
#masthead .menu .supply-chain-consulting:hover {background:url(../_images/nav-supply-chain-consulting-over.gif);}
#masthead .menu .supply-chain-consulting-on {display:block; width:156px; height:18px; background:url(../_images/nav-supply-chain-consulting-over.gif) top left no-repeat;}

#masthead .menu .comm-consulting {display:block; width:175px; height:18px; background:url(../_images/nav-comm-consulting.gif) top left no-repeat;}
#masthead .menu .comm-consulting:hover {background:url(../_images/nav-comm-consulting-over.gif);}
#masthead .menu .comm-consulting-on {display:block; width:175px; height:18px; background:url(../_images/nav-comm-consulting-over.gif) top left no-repeat;}

#masthead .menu .ideas-in-action {display:block; width:100px; height:18px; background:url(../_images/nav-ideas-in-action.gif) top left no-repeat;}
#masthead .menu .ideas-in-action:hover {background:url(../_images/nav-ideas-in-action-over.gif);}
#masthead .menu .ideas-in-action-on {display:block; width:100px; height:18px; background:url(../_images/nav-ideas-in-action-over.gif) top left no-repeat;}

#masthead .menu .media-room {display:block; width:79px; height:18px; background:url(../_images/nav-media-room.gif) top left no-repeat;}
#masthead .menu .media-room:hover {background:url(../_images/nav-media-room-over.gif);}
#masthead .menu .media-room-on {display:block; width:79px; height:18px; background:url(../_images/nav-media-room-over.gif) top left no-repeat;}

#masthead .menu .careers {display:block; width:60px; height:18px; background:url(../_images/nav-careers.gif) top left no-repeat;}
#masthead .menu .careers:hover {background:url(../_images/nav-careers-over.gif);}
#masthead .menu .careers-on {display:block; width:60px; height:18px; background:url(../_images/nav-careers-over.gif) top left no-repeat;}


/*#masthead .navigation .about-xio {display:block; width:66px; height:18px; background:url(../_images/nav-about-xio.gif) top left no-repeat;}
#masthead .navigation .about-xio:hover {background:url(../_images/nav-about-xio-over.gif);}
#masthead .navigation .about-xio-on {display:block; width:66px; height:18px; background:url(../_images/nav-about-xio-over.gif) top left no-repeat;}

#masthead .navigation .supply-chain-consulting {display:block; width:156px; height:18px; background:url(../_images/nav-supply-chain-consulting.gif) top left no-repeat;}
#masthead .navigation .supply-chain-consulting:hover {background:url(../_images/nav-supply-chain-consulting-over.gif);}
#masthead .navigation .supply-chain-consulting-on {display:block; width:156px; height:18px; background:url(../_images/nav-supply-chain-consulting-over.gif) top left no-repeat;}

#masthead .navigation .comm-consulting {display:block; width:175px; height:18px; background:url(../_images/nav-comm-consulting.gif) top left no-repeat;}
#masthead .navigation .comm-consulting:hover {background:url(../_images/nav-comm-consulting-over.gif);}
#masthead .navigation .comm-consulting-on {display:block; width:175px; height:18px; background:url(../_images/nav-comm-consulting-over.gif) top left no-repeat;}

#masthead .navigation .ideas-in-action {display:block; width:100px; height:18px; background:url(../_images/nav-ideas-in-action.gif) top left no-repeat;}
#masthead .navigation .ideas-in-action:hover {background:url(../_images/nav-ideas-in-action-over.gif);}
#masthead .navigation .ideas-in-action-on {display:block; width:100px; height:18px; background:url(../_images/nav-ideas-in-action-over.gif) top left no-repeat;}

#masthead .navigation .media-room {display:block; width:79px; height:18px; background:url(../_images/nav-media-room.gif) top left no-repeat;}
#masthead .navigation .media-room:hover {background:url(../_images/nav-media-room-over.gif);}
#masthead .navigation .media-room-on {display:block; width:79px; height:18px; background:url(../_images/nav-media-room-over.gif) top left no-repeat;}

#masthead .navigation .careers {display:block; width:60px; height:18px; background:url(../_images/nav-careers.gif) top left no-repeat;}
#masthead .navigation .careers:hover {background:url(../_images/nav-careers-over.gif);}
#masthead .navigation .careers-on {display:block; width:60px; height:18px; background:url(../_images/nav-careers-over.gif) top left no-repeat;}*/



#footer {position:relative; margin:0 auto; width:990px; height:50px; padding:15px 0 0 0; text-align:center; background:url(../_images/footer-bg.gif) top center no-repeat;}
#footer ul {padding:0 0 25px 25px; text-transform:uppercase;}
#footer ul li {float:left; padding:0 15px 0 0; color:#999999;}
#footer ul li a {color:#999999; text-decoration:none;}
#footer ul li a:hover {color:#333333; text-decoration:underline;}
#clear {clear:both;}

#footer ul li.icon-right {float:right; padding:0 15px 0 0; color:#999999;}

#preload {position:absolute; top:0; left:-10000px; }
#preload li {position:absolute; top:0; }
