html {height: 101%; background-color: #efefef;}
body {color: #333; font-family: "Calibri", "Lucida Grande", helvetica, arial, verdana, sans-serif; font-size: 100%; margin: 0px; padding: 0px; text-align: center;}

/* positioning */
#top {}
#top-wrapper {margin: 0px auto; text-align: left; width: 980px;}
#bottom {}
#bottom-wrapper {margin: 0px auto; text-align: left; width: 980px;}
#header {position: relative;}
#content {margin: 30px 0;}
#secondary-menu {width: 260px; float: left;}
#secondary-content {float: right; width: 690px; overflow: hidden;}
#about-us-content {width: 500px; float: left;}
#about-us-numbers {width: 400px;float: right;}
#footer {}
#footer .column {float: left; width: 23%;}
#footer .column-menu {float: left; width: 7%}

/* header menu */
#main-menu {bottom: 0px; height: 35px !important; margin: 0px; padding: 0px; position: absolute; right: 0px; width: 521px;}
#main-menu li {float: left;}
#main-menu li#mm-home {width: 73px;}
#main-menu li#mm-about-us {width: 92px;}
#main-menu li#mm-services {width: 85px;}
#main-menu li#mm-downloads {width: 103px;}
#main-menu li#mm-support {width: 85px;}
#main-menu li#mm-contact {width: 82px;}
#main-menu li a {background-image: url(cssimg/main_menu.png); background-repeat: no-repeat; float: left; height: 35px; line-height: 35px; overflow: hidden; text-indent: -3000px;}
#main-menu li#mm-home a {background-position: 0 0; width: 73px;}
#main-menu li#mm-about-us a {background-position: -73px 0; width: 92px;}
#main-menu li#mm-services a {background-position: -165px 0; width: 85px;}
#main-menu li#mm-downloads a {background-position: -250px 0; width: 103px;}
#main-menu li#mm-support a {background-position: -353px 0; width: 85px;}
#main-menu li#mm-contact a {background-position: -438px 0; width: 82px;}
#main-menu li#mm-home a:hover {background-position: 0 -35px;}
#main-menu li#mm-home a:active {background-position: 0 -70px;}
#main-menu.home li#mm-home a {background-position: 0 -105px !important;}
#main-menu li#mm-about-us a:hover {background-position: -73px -35px;}
#main-menu li#mm-about-us a:active {background-position: -73px -70px;}
#main-menu.about-us li#mm-about-us a {background-position: -73px -105px !important;}
#main-menu li#mm-services a:hover {background-position: -165px -35px;}
#main-menu li#mm-services a:active {background-position: -165px -70px;}
#main-menu.services li#mm-services a {background-position: -165px -105px !important;}
#main-menu li#mm-downloads a:hover {background-position: -250px -35px;}
#main-menu li#mm-downloads a:active {background-position: -250px -70px;}
#main-menu.downloads li#mm-downloads a {background-position: -250px -105px !important;}
#main-menu li#mm-support a:hover {background-position: -353px -35px;}
#main-menu li#mm-support a:active {background-position: -353px -70px;}
#main-menu.support li#mm-support a {background-position: -353px -105px !important;}
#main-menu li#mm-contact a:hover {background-position: -438px -35px;}
#main-menu li#mm-contact a:active {background-position: -438px -70px;}
#main-menu.contact li#mm-contact a {background-position: -438px -105px !important;}

/* style */
#top {background-color: #fff; padding-bottom: 15px;}
#bottom {border-top: 1px solid #ccc; padding: 15px 0;}
#about-us-numbers {border-top: 1px solid #ccc;}
#about-us-numbers th, #about-us-numbers td{vertical-align: top; border-bottom: 1px solid #ccc;}
#about-us-numbers caption {background: url(cssimg/chart_24x24.png) no-repeat top left; padding-left: 28px; padding-top: 5px; height: 30px;}
#about-us-numbers tbody th {font-weight: bold; text-align: right;}
#about-us-numbers tbody td {font-size: .9em; padding-top: 5px;}
/*
#about-us-numbers tbody tr:hover th {background-color: #dedede;}
#about-us-numbers tbody tr:hover td {background-color: #efefef;}
*/
#content h1 {letter-spacing: -1px; font-size: 2em; font-weight: bold; line-height: 1em;}
#content h2, caption, .file-list dt, .split-file-list dt {letter-spacing: -1px; color: #555; font-size: 1.3em; line-height: 24px;}
#content h2 a {color: #555; text-decoration: none;}
#content h2 a:hover, #secondary-menu dt a:hover, #footer a:hover {color: #333;}
#content h3 {font-weight: bold; color: #888;}
#content p {line-height: 1.4em;}

#content .screen-block {position: relative;}
#content .screen-block .bg-image {position: absolute; bottom: 0px; width: 1020px; height: 305px;}
#content .screen-block .screen-block-copy {position: relative; z-index: 1; min-height: 305px;}
#content .screen-left img.bg-image {clip: rect(0px,690px,305px,0px); left: 0px;}
#content .screen-left .screen-block-copy p:first-child {padding: 15px 10px 0 360px;} 
#content .screen-right img.bg-image {clip: rect(0px, 1020px, 305px, 330px); right: 0px;}
#content .screen-right .screen-block-copy p:first-child {padding: 15px 360px 0 10px;}

#footer {font-size: .8em; line-height: 1.3em; text-align: left;}
#footer dt {font-weight: bold;}
#footer a {text-decoration: none; color: #333;}
#header-logo {height: 80px; width: 148px;}
#home-box-container {margin: 30px 0;}
#map-link {height: 160px; width: 260px;}
#secondary-menu dt a {letter-spacing: -1px; font-size: 1.4em; line-height: 32px; font-weight: bold; padding-left: 38px; padding-top: 5px; display: block;}
#secondary-menu dt a {color: #333; text-decoration: none;}
#secondary-menu dt#sm-communications {background: url(cssimg/sec_menu_comm.png) no-repeat;}
#secondary-menu dt#sm-safety {background: url(cssimg/sec_menu_safety.png) no-repeat;}
#secondary-menu dt#sm-capacity-throughput {background: url(cssimg/sec_menu_capacity3.png) no-repeat;}
#secondary-menu dt#sm-efficiency {background: url(cssimg/sec_menu_efficiency.png) no-repeat;}
#secondary-menu dt#sm-rma-locked {background: url(cssimg/sup_menu_rma_locked.png) no-repeat;}
#secondary-menu dt#sm-rma-unlocked {background: url(cssimg/sup_menu_rma_create.png) no-repeat;}
#secondary-menu dt#sm-occurrence {background: url(cssimg/sup_menu_occurrence.png) no-repeat;}
#secondary-menu dd {color: #6a6a6a; font-size: .85em; font-weight: bold; line-height: 1.5em; padding-left: 42px;}
#secondary-menu dd a {color: #6a6a6a; text-decoration: none;}
#services-bedboard p {background: url(cssimg/screenshots/bedboard.png) no-repeat top right;}

#downloads_media {background: url(cssimg/down_media.png) no-repeat top left; text-indent: 36px;}
#downloads_presentation {background: url(cssimg/down_presentations.png) no-repeat top left; text-indent: 36px;}
#downloads_reports {background: url(cssimg/down_reports.png) no-repeat top left; text-indent: 36px;}
#downloads_roi {background: url(cssimg/down_roi.png) no-repeat top left; text-indent: 36px;}
#downloads_workflows {background: url(cssimg/down_workflow.png) no-repeat top left; text-indent: 36px;}

.icon {padding-left: 30px; background-repeat: no-repeat; background-position: 10px 0;}
.doc, .docx {background-image: url(cssimg/icon_doc.png);}
.pdf {background-image: url(cssimg/icon_pdf.png);}
.ppt, .pptx {background-image: url(cssimg/icon_ppt.png);}
.vsd {background-image: url(cssimg/icon_vsd.png);}
.xls, .xlsx {background-image: url(cssimg/icon_xls.png);}

.narrow {width: 75%; margin: 0px auto;}
.news p {margin-top: 20px;}
.highlight {color: #4890ce; font-size: 1.2em; font-weight: bold;}

a {color: #315ba1;}

/* boxes */
.col-box {float: left; width: 320px;}
.col-box .box {width: 97%;}
.col-box ul {height: 90px;}
.col-box ul li {color: #fff; font-size: .85em; padding-left: 16px;}

.title {text-indent: -3000px; height: 30px; margin-top: 5px; margin-bottom: 10px;}
#title-efficiency {background: url(cssimg/title_efficiency.png) no-repeat top center;}
#title-capacity {background: url(cssimg/title_capacity_throughput.png) no-repeat top center;}
#title-communication {background: url(cssimg/title_communications.png) no-repeat top center;}
#title-safety {background: url(cssimg/title_safety.png) no-repeat top center;}

/*
.box-xxx { background:url(cssimg/box_xxx_tc.png) repeat-x top #85c522; width:100%;}
.box-xxx .border-top {background:url(cssimg/box_xxx_tc.png) repeat-x top;}
.box-xxx .border-left {background:url(cssimg/box_xxx_cl.png) repeat-y left top;}
.box-xxx .border-right {background:url(cssimg/box_xxx_cr.png) repeat-y right;}
.box-xxx .left-top-corner {background:url(cssimg/box_xxx_tl.png) no-repeat left top;}
.box-xxx .right-top-corner {background:url(cssimg/box_xxx_tr.png) no-repeat right top;}
.box-xxx .border-bot {background:url(cssimg/box_xxx_bc.png) repeat-x bottom;}
.box-xxx .left-bot-corner {background:url(cssimg/box_xxx_bl.png) no-repeat left bottom;}
.box-xxx .right-bot-corner {background:url(cssimg/box_xxx_br.png) no-repeat right bottom; height:35px;}
.box-xxx .inner { padding:23px 24px 12px 24px;}
.box-xxx .list li { background:url(cssimg/box_xxx_marker.png) no-repeat left 4px;}
.box-xxx .list li a:hover { color:#4c9337;}
*/

.box-blue {background:url(cssimg/box_blue_cc.png) #437eb9; float: right;}
.box-blue .border-top {background:url(cssimg/box_blue_tc.png) repeat-x top;}
.box-blue .border-left {background:url(cssimg/box_blue_cl.png) repeat-y left top;}
.box-blue .border-right {background:url(cssimg/box_blue_cr.png) repeat-y right;}
.box-blue .left-top-corner {background:url(cssimg/box_blue_tl.png) no-repeat left top;}
.box-blue .right-top-corner {background:url(cssimg/box_blue_tr.png) no-repeat right top;}
.box-blue .border-bot {background:url(cssimg/box_blue_bc.png) repeat-x bottom;}
.box-blue .left-bot-corner {background:url(cssimg/box_blue_bl.png) no-repeat left bottom;}
.box-blue .right-bot-corner {background:url(cssimg/box_blue_br.png) no-repeat right bottom; height:35px;}
.box-blue .inner { padding:15px 24px 12px 24px;}
.box-blue .list li { background:url(cssimg/box_blue_marker.png) no-repeat left 4px; padding-left: 16px}
.box-blue .list li a:hover { color:#4c9337;}

.box-orange { background:url(cssimg/box_orange_cc.png) #e87a00;}
.box-orange .border-top {background:url(cssimg/box_orange_tc.png) repeat-x top;}
.box-orange .border-left {background:url(cssimg/box_orange_cl.png) repeat-y left top;}
.box-orange .border-right {background:url(cssimg/box_orange_cr.png) repeat-y right;}
.box-orange .left-top-corner {background:url(cssimg/box_orange_tl.png) no-repeat left top;}
.box-orange .right-top-corner {background:url(cssimg/box_orange_tr.png) no-repeat right top;}
.box-orange .border-bot {background:url(cssimg/box_orange_bc.png) repeat-x bottom;}
.box-orange .left-bot-corner {background:url(cssimg/box_orange_bl.png) no-repeat left bottom;}
.box-orange .right-bot-corner {background:url(cssimg/box_orange_br.png) no-repeat right bottom; height:35px;}
.box-orange .inner { padding:15px 24px 12px 24px;}
.box-orange .list li { background:url(cssimg/box_orange_marker.png) no-repeat left 4px;}
.box-orange .list li a:hover { color:#4c9337;}

.box-red { background:url(cssimg/box_red_cc.png) #c42e2e; margin: 0px auto;}
.box-red .border-top {background:url(cssimg/box_red_tc.png) repeat-x top;}
.box-red .border-left {background:url(cssimg/box_red_cl.png) repeat-y left top;}
.box-red .border-right {background:url(cssimg/box_red_cr.png) repeat-y right;}
.box-red .left-top-corner {background:url(cssimg/box_red_tl.png) no-repeat left top;}
.box-red .right-top-corner {background:url(cssimg/box_red_tr.png) no-repeat right top;}
.box-red .border-bot {background:url(cssimg/box_red_bc.png) repeat-x bottom;}
.box-red .left-bot-corner {background:url(cssimg/box_red_bl.png) no-repeat left bottom;}
.box-red .right-bot-corner {background:url(cssimg/box_red_br.png) no-repeat right bottom; height:35px;}
.box-red .inner { padding:15px 24px 12px 24px;}
.box-red .list li { background:url(cssimg/box_red_marker.png) no-repeat left 4px;}
.box-red .list li a:hover { color:#4c9337;}

.box-green { background:url(cssimg/box_green_cc.png) #2e8b2e;}
.box-green .border-top {background:url(cssimg/box_green_tc.png) repeat-x top;}
.box-green .border-left {background:url(cssimg/box_green_cl.png) repeat-y left top;}
.box-green .border-right {background:url(cssimg/box_green_cr.png) repeat-y right;}
.box-green .left-top-corner {background:url(cssimg/box_green_tl.png) no-repeat left top;}
.box-green .right-top-corner {background:url(cssimg/box_green_tr.png) no-repeat right top;}
.box-green .border-bot {background:url(cssimg/box_green_bc.png) repeat-x bottom;}
.box-green .left-bot-corner {background:url(cssimg/box_green_bl.png) no-repeat left bottom;}
.box-green .right-bot-corner {background:url(cssimg/box_green_br.png) no-repeat right bottom; height:35px;}
.box-green .inner { padding:15px 24px 12px 24px;}
.box-green .list li { background:url(cssimg/box_green_marker.png) no-repeat left 4px;}
.box-green .list li a:hover { color:#4c9337;}

.file-list dt, .split-file-list dt {margin-top: 30px; display: block; height: 32px; line-height: 32px; padding-top: 5px; border-bottom: 1px solid #aaa; margin-bottom: 10px;}
.file-list dd, .split-file-list dd {display: block; line-height: 20px;}
.split-file-list dd {float: left; width: 45%;}
.file-list a, .split-file-list a {text-decoration: none; color: #333;}

.icon-72 {width: 72px; height: 72px; margin: 0px auto;} 

.link { text-align:right; font-size:.92em; font-weight:bold; padding:7px 24px 0 0;}
.link a { color:#fff; text-decoration:none;}

/* various link hover states */
#content h2 a:hover, #secondary-menu dd a:hover, #footer a:hover {color: #111;}
.link a:hover { text-decoration:underline;}

th, td {vertical-align: top; padding: 3px;}
strong {font-weight: bold;}
blockquote {width: 90%; margin: 15px auto;}
blockquote li+li {margin-top: 10px;}
em {font-style: italic;}
.flt-left {float: left;}
.flt-right {float: right;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.clear {clear: both;}
.hidden {display: none;}
.spacer {margin-top: 20px;}
.footnote {margin-top: 20px; font-size: small;}

/* override readonly border attached to button by jquery script */
button.readonly {border: 0;}

/* clearfix */
.clearfix {display: block;}* html .clearfix {height: 1%; overflow: visible;}
/* ie6 */ * + html .clearfix {min-height: 1%;}
/* ie7 */
/* float clearing for everyone else */
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}