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;}

/* INT LAYOUT AND NAVIGATION */

#header {width: 691px; height: 118px; background:url(/images/compsys_int_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_int_nav_rollover.gif); background-repeat: no-repeat;}
#nav a.ir {background: url(/images/compsys_int_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;}

#content {width: 691px; background: url(/images/compsys_int_body_bkgrd.gif) repeat-y; margin: 0; padding: 15px 0;}
#content p {color: #4d4d4d; line-height: 1.4em; font-size: 1em; word-spacing: normal; text-align: left; letter-spacing: 0; margin: 0 15px 25px 15px;}
#content h1, h1 {color: #BD0138; font-size: 1.5em; margin: 0 15px 10px 15px;}
#content h2, h2 {color: #4C4C4C; font-size: 1.1em; margin: 0 15px 2px 15px;}
#content h3, h3 {color: #4C4C4C; font-size: 1.1em; margin: 0 15px 2px 15px;}
#content ul {color: #4d4d4d;}
#content ul li {color: #4d4d4d; line-height: 1.5em; list-style-image: url(/images/compsys_bullet.gif);}
#content a:link {color: #BD0138;}
#content a:visited {color: #BD0138;}
#content a:hover {color: #BD0138; text-decoration: none;}

#endcap {width: 691px; height: 24px; background: url(/images/compsys_int_ftr.gif);}

/* SUBHEADS */
#sub-why {background: url(/images/compsys_subhead_why_compsys.jpg) no-repeat; width: 691px; height: 106px;}
#sub-services {background: url(/images/compsys_subhead_services.jpg) no-repeat; width: 691px; height: 106px;}
#sub-products {background: url(/images/compsys_subhead_products.jpg) no-repeat; width: 691px; height: 106px;}
#sub-contact {background: url(/images/compsys_subhead_contact.jpg) no-repeat; width: 691px; height: 106px;}

/* PROMO ICONS */

.mp-backup-icon {margin: 23px 0 0 22px; width: 253px; height: 54px; position: absolute;}
.mp-managed-icon {margin: 93px 0 0 22px; width: 253px; height: 54px; position: absolute;}
.mp-remote-icon {margin: 162px 0 0 22px; width: 253px; height: 54px; position: absolute;}


#footer {font-size: 1em; width: 691px; margin: 5px 0 20px 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;}

.home {width: 45px; height: 25px; top: 0; left: 355px; position: absolute;}
.logo {width: 276px; height: 60px; top: 30px; left: 20px; position: absolute;}
.backup {width: 110px; height: 51px; top: 102px; left: 226px; position: absolute;}
.monitor {width: 110px; height: 51px; top: 102px; left: 342px; position: absolute;}
.managed {width: 110px; height: 51px; top: 102px; left: 456px; position: absolute;}
.remote {width: 110px; height: 51px; top: 102px; left: 570px; position: absolute;}

/* MISC ITEMS */
.listtable {color: #4d4d4d; width: 600px; border: 0px solid #000; margin: -15px 0 0 10px;}
.listlabel {color: #4d4d4d; width: 300px; vertical-align: middle; padding: 6px;}
.listlabelalt {color: #4d4d4d; width: 300px; vertical-align: middle; padding: 6px;}

#download {width: 220px; height: 124px; float: right; margin: 15px; background: url(/images/compsys_more_info.gif) no-repeat;}
#download .title { margin: 0; padding: 4px; text-align: center; font-weight: bold; color: #fff;	text-indent: -9999px;}
#download ul {margin: 5px 0 5px 35px; padding: 0; }
#download ul li {list-style-image: url(/images/pdf.png); margin: 0 5px 10px 0;}
#download ul li a {font-size: 1em; width: 215px;}
#download .adobe { margin: 0; padding: 4px; font-size: 0.8em; color: #000;}


#moreinfo {width: 220px; height: 135px; float: right; margin: 15px 15px 45px 15px; background: url(/images/compsys_more_info.gif) no-repeat;}
#moreinfo .title { margin: 0; padding: 4px; text-align: center; font-weight: bold; color: #fff;	text-indent: -9999px;}
#moreinfo ul {margin: 5px 0 5px 35px; padding: 0; }
#moreinfo ul li {margin: 0 5px 10px 0;}
#moreinfo ul li a {font-size: 1em; width: 215px;}


#contact-us-form {margin: 0 0 0 15px;}
#contact-us-form .label {text-align: right; color: #4d4d4d; padding:4px;}
#contact-us-form .input {text-align: left; padding:4px;}
#contact-us-form .button {text-align: center; padding:4px;}
#contact-us-form input {border: 1px solid #515151; font-size: 12px; padding: 2px;}
#contact-us-form textarea {border: 1px solid #515151; width: 270px; height: 115px; font-size: 12px; font-family: Arial, sans-serif; padding: 2px;}
#contact-us-address {float: right; margin: 0 150px 0 0;}
#contact-us-address p {margin: 0 0 10px 0; padding: 0;}

.logos {margin: 0 15px 0 15px;}
.logos tr td {padding: 14px; text-align: center;}