body {margin: 0; padding: 0; background: #9A9A9A url(/images/compsys_mp_bkgrd.jpg) repeat-x top; font-family: Arial, sans-serif; font-size: 0.8em; color: #b0b0b0;}
#canvas {margin: 0 auto; padding: 0; width: 691px;}
#wrapper {margin: 0; padding: 0; overflow: hidden; width: 691px;}

/* MP LAYOUT AND NAVIGATION */

#header {width: 691px; height: 118px; background:url(/images/compsys_mp_nav_rollover.gif); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; z-index: 1000; clear: both;}

#nav dd {margin: 50px 0; padding: 0; list-style: none; position: absolute; top: 0; background-image: url(/images/compsys_mp_nav_rollover.gif); background-repeat: no-repeat;}
#nav a.ir {background: url(/images/compsys_mp_nav_static.gif) 0px 0px no-repeat; display: block; height: 0; padding-top: 31px; overflow: hidden;}
#nav dt {position: absolute; top: -200em;} 

dd#why {left: 323px; width: 123px;}
dd#products {left: 446px; width: 89px;}
dd#service {left: 535px; width: 83px;}
dd#contact {left: 618px; width: 64px;}

dd#why,#why a.ir {background-position: -323px -50px;}
dd#products,#products a.ir {background-position: -446px -50px;}
dd#service,#service a.ir {background-position: -535px -50px;}
dd#contact,#contact a.ir {background-position: -618px -50px;}

#nav dd:hover a.ir, #nav dd.IEhover a.ir {background: transparent none;}

/* PROMO ICONS */

.mp-backup-icon {margin: 0px 0 0 22px; width: 253px; height: 54px; position: absolute;}
.mp-monitor-icon {margin: 60px 0 0 22px; width: 253px; height: 54px; position: absolute;}
.mp-managed-icon {margin: 120px 0 0 22px; width: 253px; height: 54px; position: absolute;}
.mp-remote-icon {margin: 180px 0 0 22px; width: 253px; height: 54px; position: absolute;}


#footer {font-size: 1em; width: 691px; margin: -25px 0 0 0; text-align: right;}
#footer p {margin: 0; padding: 0;}
#footer a:link {color: #bcbcbc; text-decoration: none;}
#footer a:visited {color: #ffffff; text-decoration: none;}
#footer a:hover {color: #ffffff; text-decoration: none;}