body {background: #47b url(../images/bg-body.gif) repeat-x; color: #666;}
#headerWrap {width: 966px; height: 246px; margin: 35px auto 0 auto; padding: 0; position: relative; font-size: 1em; z-index: 9999;}
#wrap, [dummy] {background: url(../images/bg-wrap.png) repeat-y;}
#wrap {width: 966px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header, [dummy] {background: url(../images/bg-home-header.png) no-repeat;}
#header {margin: 0 5px;}
#header #flashcontent {width: 956px; height: 246px; top: 0px; left: 5px; position: absolute; z-index: 9;}
#header #flashcontent #flash {width: 956px; height: 246px;}
#header .flasherror, [dummy] {background: url(../images/home-banner.png) no-repeat;}
#header .flasherror {width: 956px; height: 246px; top: 0; position: absolute;}
#header .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 500px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}
#header #headerNavWrap {width: 947px; height: 40px; bottom: 0; left: 10px; position: absolute; z-index: 999;}
#header ul#headerNav, [dummy] {background: url(../images/bg-headerNav.png) no-repeat;}
#header ul#headerNav {width: 947px; height: 40px;}
#header ul#headerNav li {height: 40px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li div.lnkWrap {width: 100%; height: 40px;}
#header ul#headerNav li:hover div.lnkWrap {background-position: 0 -40px;}
#header ul#headerNav li div.lnkWrap a {background: transparent; height: 40px; left: 0; position: absolute; display: block;}
#header ul#headerNav li#ss {width: 135px; left: 0px;}
#header ul#headerNav li#ss div.lnkWrap, [dummy] {background-image: url(../images/headerNav-sslnk.png);}
#header ul#headerNav li#ss div.lnkWrap a#sslnk {width: 135px;}
#header ul#headerNav li#if {width: 170px; left: 136px;}
#header ul#headerNav li#if div.lnkWrap, [dummy] {background-image: url(../images/headerNav-iflnk.png);}
#header ul#headerNav li#if div.lnkWrap a#iflnk {width: 170px;}
#header ul#headerNav li#ps {width: 216px; left: 307px;}
#header ul#headerNav li#ps div.lnkWrap, [dummy] {background-image: url(../images/headerNav-pslnk.png);}
#header ul#headerNav li#ps div.lnkWrap a#pslnk {width: 216px;}
#header ul#headerNav li#at {width: 170px; left: 524px;}
#header ul#headerNav li#at div.lnkWrap, [dummy] {background-image: url(../images/headerNav-atlnk.png);}
#header ul#headerNav li#at div.lnkWrap a#atlnk {width: 170px;}
#header ul#headerNav li#es {width: 109px; left: 695px;}
#header ul#headerNav li#es div.lnkWrap, [dummy] {background-image: url(../images/headerNav-eslnk.png);}
#header ul#headerNav li#es div.lnkWrap a#eslnk {width: 109px;}
#header ul#headerNav li#cu {width: 142px; left: 805px;}
#header ul#headerNav li#cu div.lnkWrap, [dummy] {background-image: url(../images/headerNav-culnk.png);}
#header ul#headerNav li#cu div.lnkWrap a#culnk {width: 142px;}
.solutions #header ul#headerNav li#ss div.lnkWrap {background-position: 0 -40px;}
.industry #header ul#headerNav li#if div.lnkWrap {background-position: 0 -40px;}
.services #header ul#headerNav li#ps div.lnkWrap {background-position: 0 -40px;}
.about #header ul#headerNav li#at div.lnkWrap {background-position: 0 -40px;}
.events #header ul#headerNav li#es div.lnkWrap {background-position: 0 -40px;}
.contact #header ul#headerNav li#cu div.lnkWrap {background-position: 0 -40px;}
/*1st level dropdown*/
#header ul#headerNav li div.sublnkWrap {margin: 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li ul {color: #fcc; padding: 5px 4px 14px 4px;}
#header ul#headerNav li#ss ul, [dummy] {background: url(../images/bg-headerNav-ul-ss.png) no-repeat 0 100%;}
#header ul#headerNav li#ss ul {width: 129px;}
#header ul#headerNav li#if ul, [dummy] {background: url(../images/bg-headerNav-ul-if.png) no-repeat 0 100%;}
#header ul#headerNav li#if ul {width: 172px;}
#header ul#headerNav li#ps ul, [dummy] {background: url(../images/bg-headerNav-ul-ps.png) no-repeat 0 100%;}
#header ul#headerNav li#ps ul {width: 218px;}
#header ul#headerNav li#at ul, [dummy] {background: url(../images/bg-headerNav-ul-at.png) no-repeat 0 100%;}
#header ul#headerNav li#at ul {width: 172px;}
#header ul#headerNav li#es ul, [dummy] {background: url(../images/bg-headerNav-ul-es.png) no-repeat 0 100%;}
#header ul#headerNav li#es ul {width: 111px;}
#header ul#headerNav li#cu ul, [dummy] {background: url(../images/bg-headerNav-ul-cu.png) no-repeat 0 100%;}
#header ul#headerNav li#cu ul {width: 135px;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a {color: #452; padding: 9px 10px 9px 12px; font-size: 1.1em; display: block;}
#header ul#headerNav li ul li a:hover {background: #ea1 url(../images/headerNav-arrow.gif) no-repeat left center; color: #fff; display: block; text-decoration: none;}
#header ul#headerNav li:hover div, #header ul#headerNav li.hdrhover div {left: -5px;}
#header ul#headerNav li#ss:hover div, #header ul#headerNav li#ss.hdrhover div {left: 3px;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-home-content.jpg) no-repeat 0 100%; margin: 0 5px; padding: 0 0 30px 0; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-home-main.jpg) no-repeat; width: 595px; min-height: 500px; position: relative; float: left;}/*see ie.css for fixes*/
#main #contentContainer {margin: 25px 60px 0 60px;}
#main #contentContainer .left {float: left; margin: 0 20px 10px 0;}
#main #contentContainer .right {float: right; margin: 0 0 10px 20px;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0; line-height: 1.6; font-size: 1.1em;}
#main div.articleMetadata {margin: 0 0 20px 0; color: #999; font-size: .95em;}
#main ul {margin: 0 0 20px 20px; line-height: 1.6; font-size: 1.1em;}
#main ol {margin: 0 0 20px 30px; line-height: 1.6; font-size: 1.1em;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px; font-size: 1em;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px; font-size: 1em;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0; line-height: 1.6; font-size: 1.1em;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: 500px; margin: 0 0 20px 0; border: 1px solid #910000; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #910000; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #910000; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
/*flash movies*/
.flash1 #main #microsoft-case-study1 {display: block;}
.flash2 #main #microsoft-case-study2 {display: block;}
.flash3 #main #microsoft-case-study3 {display: block;}
#main #microsoft-case-study1 {background: #fff url(../images/bg-microsoft-right-corner.gif) no-repeat 100% 0; width: 538px; margin: 35px 0 0 30px; padding: 15px 0 50px 0; position: relative; display: none;}
#main #microsoft-case-study1:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main #microsoft-case-study1 h2 {background: url(../images/title-microsoft-case-study.gif) no-repeat; width: 451px; height: 17px; margin: 0 0 20px 0;}
#main #microsoft-case-study1 #microsoft-video1 {background: url(../images/flash-border.png) no-repeat; width: 328px; height: 279px; float: left; position: relative;}
#main #microsoft-case-study1 #microsoft-video1 #flashcasestudy1 {width: 320px; height: 240px; margin: 0 0 40px 0; position: relative; z-index: 9;}
#main #microsoft-case-study1 #microsoft-video1 #flashcasestudy1 #flashcase1 {width: 320px; height: 240px; top: 18px; left: 3px; position: absolute;}
#main #microsoft-case-study1 #microsoft-video1 .flasherror {width: 320px; height: 240px; top: 0px; position: absolute;}
#main #microsoft-case-study1 #microsoft-video1 .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 500px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}
#main #microsoft-case-study1 #microsoft-video1 p {text-align: center;}
#main #microsoft-case-study1 #microsoft-copy1 {width: 135px; padding: 0 25px; float: left; position: relative;}
#main #microsoft-case-study1 #microsoft-copy1 h3 {margin: 0 0 10px 0;}
#main #microsoft-case-study1 #microsoft-copy1 p {margin: 0 0 10px 0; line-height: 1.3;}
#main #microsoft-case-study1 #microsoft-copy1 p a.viewmore {background: url(../images/button-view-more.gif) no-repeat; width: 94px; height: 34px; display: block;}
#main #microsoft-case-study1 #microsoft-copy1 p a.viewmore:hover {background-position: 0 -34px;}
#main #microsoft-case-study2 {background: #fff url(../images/bg-microsoft-right-corner.gif) no-repeat 100% 0; width: 538px; margin: 35px 0 0 30px; padding: 15px 0 50px 0; position: relative; display: none;}
#main #microsoft-case-study2:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main #microsoft-case-study2 h2 {background: url(../images/title-microsoft-case-study.gif) no-repeat; width: 451px; height: 17px; margin: 0 0 20px 0;}
#main #microsoft-case-study2 #microsoft-video2 {background: url(../images/flash-border.png) no-repeat; width: 328px; height: 279px; float: left; position: relative;}
#main #microsoft-case-study2 #microsoft-video2 #flashcasestudy2 {width: 320px; height: 240px; margin: 0 0 40px 0; position: relative; z-index: 9;}
#main #microsoft-case-study2 #microsoft-video2 #flashcasestudy2 #flashcase2 {width: 320px; height: 240px; top: 18px; left: 3px; position: absolute;}
#main #microsoft-case-study2 #microsoft-video2 .flasherror {width: 320px; height: 240px; top: 0px; position: absolute;}
#main #microsoft-case-study2 #microsoft-video2 .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 500px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}
#main #microsoft-case-study2 #microsoft-video2 p {text-align: center;}
#main #microsoft-case-study2 #microsoft-copy2 {width: 135px; padding: 0 25px; float: left; position: relative;}
#main #microsoft-case-study2 #microsoft-copy2 h3 {margin: 0 0 10px 0;}
#main #microsoft-case-study2 #microsoft-copy2 p {margin: 0 0 10px 0; line-height: 1.3;}
#main #microsoft-case-study2 #microsoft-copy2 p a.viewmore {background: url(../images/button-view-more.gif) no-repeat; width: 94px; height: 34px; display: block;}
#main #microsoft-case-study2 #microsoft-copy2 p a.viewmore:hover {background-position: 0 -34px;}
#main #microsoft-case-study3 {background: #fff url(../images/bg-microsoft-right-corner.gif) no-repeat 100% 0; width: 538px; margin: 35px 0 0 30px; padding: 15px 0 50px 0; position: relative; display: none;}
#main #microsoft-case-study3:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main #microsoft-case-study3 h2 {background: url(../images/title-microsoft-case-study.gif) no-repeat; width: 451px; height: 17px; margin: 0 0 20px 0;}
#main #microsoft-case-study3 #microsoft-video3 {background: url(../images/flash-border.png) no-repeat; width: 328px; height: 279px; float: left; position: relative;}
#main #microsoft-case-study3 #microsoft-video3 #flashcasestudy3 {width: 320px; height: 240px; margin: 0 0 40px 0; position: relative; z-index: 9;}
#main #microsoft-case-study3 #microsoft-video3 #flashcasestudy3 #flashcase3 {width: 320px; height: 240px; top: 18px; left: 3px; position: absolute;}
#main #microsoft-case-study3 #microsoft-video3 .flasherror {width: 320px; height: 240px; top: 0px; position: absolute;}
#main #microsoft-case-study3 #microsoft-video3 .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 500px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}
#main #microsoft-case-study3 #microsoft-video3 p {text-align: center;}
#main #microsoft-case-study3 #microsoft-copy3 {width: 135px; padding: 0 25px; float: left; position: relative;}
#main #microsoft-case-study3 #microsoft-copy3 h3 {margin: 0 0 10px 0;}
#main #microsoft-case-study3 #microsoft-copy3 p {margin: 0 0 10px 0; line-height: 1.3;}
#main #microsoft-case-study3 #microsoft-copy3 p a.viewmore {background: url(../images/button-view-more.gif) no-repeat; width: 94px; height: 34px; display: block;}
#main #microsoft-case-study3 #microsoft-copy3 p a.viewmore:hover {background-position: 0 -34px;}
/*end flash movies*/

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-home-sidebar.jpg) no-repeat; width: 361px; position: relative; float: left;}
#sidebar dl#upcoming-events {background: url(../images/bg-upcoming-events.gif) no-repeat; width: 309px; margin: 25px 0 0 0; padding: 10px 15px 1px 15px; line-height: 1.6; font-size: 1.1em;}
#sidebar dl#upcoming-events dt {background: url(../images/upcoming-events-arrow.gif) no-repeat left center; padding: 0 0 0 15px;}
#sidebar dl#upcoming-events dt a {padding: 0 0 0 30px;}
#sidebar dl#upcoming-events dd {margin: 0 0 15px 0; padding: 0 0 0 15px;}
#sidebar h2#title-upcoming-events {background: url(../images/title-upcoming-events.gif) no-repeat; width: 339px; height: 29px; margin: 0 0 50px 0;}
#sidebar img.left {margin: 0 20px 0 0; float: left;}
#sidebar p {background: url(../images/upcoming-events-arrow.gif) no-repeat 0 3px; margin: 0 20px 20px 177px; padding: 0 0 0 15px; line-height: 1.6; font-size: 1.1em;}
#sidebar p#e-newsletter {background: url(../images/banner-newsletter.gif) no-repeat 0 20px; width: 357px; height: 52px; margin: 0 0 40px 0; padding: 20px 0 0 0; display: block; position: relative; text-indent: -9999px;}
#sidebar p#e-newsletter a {background: url(../images/banner-newsletter-lnk.gif) no-repeat; width: 101px; height: 29px; top: 20px; left: 16px; position: absolute; display: block;}
#sidebar p#e-newsletter a:hover {background-position: 0 -29px;}
#sidebar img.microsoft {margin: 20px 0 0 10px;}
#sidebar img#bbb {margin: 0 25px 0 0; float: right;}

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-home-footer.jpg) no-repeat; height: 91px; margin: 0 5px; position: relative; clear: both;}
#footer ul#footerNav {margin: 0 0 5px 0; padding: 15px 0 0 35px;}
#footer ul#footerNav li {list-style: none; display: inline;}
#footer ul#footerNav li a {color: #666; text-transform: uppercase; font-size: 1.1em; text-decoration: none;}
#footer ul#footerNav li a:hover {text-decoration: underline;}
#footer p {margin: 0 0 5px 35px; font-size: 1.1em;}
#footer p a {margin: 0 0 0 35px; text-decoration: none;}
#footer p a:hover {text-decoration: underline;}
#footer address {margin: 0 0 5px 35px; font-size: 1.1em; font-style: normal;}
#footer img#microsoft-logos {display: none;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}