html {height: 100%;}

body {background: #333333 url(img/bg_body.gif) repeat-x; color: #CCCCCC; font-family: arial; font-size: 12px; margin: 0px; padding: 0px; top: 0px; left: 0px; height: 100%;
	scrollbar-track-color: #222222;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color: #FFFFFF;
	/* inner */
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #303030;
	/* outer */
	scrollbar-3dlight-color: #303030;
	scrollbar-darkshadow-color: black;
}

a {color: white; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0px;}
img.png {behavior: url(iepngfix.htc);}
img.hr {display: block; clear: both; margin: 0px 0px 20px 0px; padding-top: 20px; text-align: left;}
img.floatleft {float: left; margin: 0px 20px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}

th {font-size: 12px;}
td {color: #CCCCCC; font-family: arial; font-size: 12px;}
p {margin-bottom: 0px;}
blockquote {margin: auto 5%;}
hr {width: 100%; height: 1px; margin: 10px 0px; border: 0 none; border-top: 1px solid white;}
ul.nomargin {margin: 0px; margin-left: 16px; padding: 0px;}
ol.nomargin {margin: 0px; margin-left: 30px; padding: 0px;}
form {margin: 0px;}
input, textarea, select {font-family: arial; font-size: 12px;}

.fullw {width: 100%;}
.fullh {height: 100%;}
.fixedw {width: 766px;}
.collapse {margin: 0px; border: 0px; border-collapse: collapse;}
.collapse td {padding: 0px; vertical-align: top;} /* set another class td to have padding to override */
.taleft {text-align: left;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.vamiddle {vertical-align: middle;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.displaynone {display: none;}
.row {clear: both; width: 100%; overflow: hidden;}

#body {/* position: relative; min-height: 100%; */ width: 985px; margin: 0px auto; border: 0px solid red;}
* html #body {height: 100%;}

.rowcontent {width: 945px; margin: 0px auto; overflow: hidden; border: 0px solid red;}

#menurow {padding-top: 50px;}
#menu {width: 935px; height: 40px; background: url(img/bg_menu.gif) no-repeat; margin: 0px auto; padding: 9px; text-align: right; position: relative;}
#menu .menu {}

#logo {width: 120px; height: 35px; position: absolute; top: 11px; left: 13px;}

#contentrow {width: 945px; min-height: 396px; background: url(img/bg_contentrow.png) repeat-y; margin: 0px auto; padding: 7px; line-height: 16px;
behavior: url(iepngfix.htc);}

#content_left {float: left; width: 475px; height: 366px; padding: 15px; /* background: #aaa; */}
#content_right {float: right; width: 425px; height: 366px; padding: 15px; padding-left: 0px; /* background: #eee; */}
#content_mid {float: left; width: 285px; height: 366px; padding: 15px; padding-right: 0px;}

   /* individual pages */

#home {position: relative;}
#home #content_left {width: 175px; font-size: 11px; overflow: auto;}
#home #content_right {width: 728px; height: 384px; padding: 6px;}
#home #content_right img {display: block;}
#home .slideshow {width: 728px; height: 384px;}

#systems #content_left {width: 320px; height: auto; font-size: 11px; font-weight: bold; display: none;
width: 303px; max-height: 366px; overflow: auto;}
#systems #content_right {width: 580px;}
#systems .title {margin-bottom: 5px;}
#systems .slideshow {width: 300px; height: 366px;}

#loading_mero {width: 100%; min-width: 985px; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 100;}
   * html #loading_mero {width: expression(document.body.clientWidth > 985 ? "100%" : "985px");}
#loading_mero div {width: 945px; height: 396px; background: black; margin: 115px auto 0px auto; text-align: center;}
#loading_mero img {margin-top: 110px;}

.moo_toggle {padding-left: 9px; background: url(img/accordion_closed_off.gif) 0px 5px no-repeat; color: #B6B6B6;}
.moo_toggle:hover {background: url(img/accordion_closed_on.gif) 0px 5px no-repeat; color: white;}
.moo_stretch {padding-left: 30px;}
.moo_stretch_active {padding-left: 9px; background: url(img/accordion_open_off.gif) 0px 5px no-repeat; color: white;}
.moo_stretch_active:hover {background: url(img/accordion_open_on.gif) 0px 5px no-repeat;}

.moo_toggle2 {padding-left: 9px; background: url(img/accordion_closed_off.gif) 0px 5px no-repeat; color: #B6B6B6;}
.moo_toggle2:hover {background: url(img/accordion_closed_on.gif) 0px 5px no-repeat; color: white;}
.moo_stretch2 {padding-left: 15px;}
.moo_stretch_active2 {padding-left: 9px; background: url(img/accordion_open_off.gif) 0px 5px no-repeat; color: white;}
.moo_stretch_active2:hover {background: url(img/accordion_open_on.gif) 0px 5px no-repeat;}

#systems #content_left ul {margin: 0px; padding: 0px; list-style-type: none;}
#systems #content_left li {background: url(img/accordion_open_off.gif) no-repeat 0px 5px; padding-left: 9px;}
#systems #content_left li a {color: #B6B6B6;}
#systems #content_left li a:hover {color: white;}

.sys {display: none; width: 580px; overflow: hidden;}
#systems_default {display: block;}
.sys_img {float: left; width: 300px;}
.sys_txt {float: right; width: 280px; color: white; font-size: 11px; line-height: 18px;}
.sys_fulltxt {width: 570px; height: 366px; padding-right: 10px; color: white; font-size: 11px; line-height: 18px; overflow: auto;}

.sys_curtain {float: left; width: 270px; margin: auto 13px 15px auto; text-align: center; font-size: 12px; font-weight: bold;}
.sys_curtain_last {margin-right: 0px;}

.sys_spaceframe {float: left; width: 180px; margin: auto 15px 15px auto; text-align: center; font-size: 12px; font-weight: bold;}
.sys_spaceframe_last {margin-right: 0px;}
.sys_spaceframe_txt {float: left; width: 350px; padding-left: 5px;}

#resources #content_left {width: 330px; padding-right: 0px;}
#resources #content_mid {width: 270px; padding-right: 15px; overflow: auto;}
#resources #content_right {width: 279px; text-align: right;}
#resources #content_right img {margin-left: 12px;}
#resources a.resource {display: block; float: left; width: 66px; margin-bottom: 15px;}
#resources a.resource img {display: block;}
#resources a.last {margin-right: -3px;}
#resources .date {font-weight: bold;}
* html #resources #content_left {padding-top: 14px;}
* html #resources a.resource {margin-bottom: 13px;}

#references {position: relative;}
#references #content_left {width: 303px; overflow: auto;}
#references #content_right {width: 600px; height: 384px; padding: 6px;}
#references #content_right img {display: block;}
#references .slideshow {width: 600px; height: 384px;}
#references .ref {display: none;}
#references #references_first {display: block;}
#references #controls {position: absolute; bottom: 15px; left: 15px;}

#services {width: 915px; padding: 15px;}
#services .content_txt {float: left; width: 185px; height: 334px; margin-right: 15px; border: 1px solid #666666; padding: 15px;}
#services .content_txt img {display: block; margin-bottom: -2px;}
#services .last {margin-right: -3px;}

#about {position: relative;}
#about #content_left {width: 630px; height: auto; display: none;
width: 615px; max-height: 366px; overflow: auto;}
#about #content_left a {font-weight: bold;}
#about #content_left ol {margin-left: 10px;}
#about #content_left ul.links li a {color: #B6B6B6;}
#about #content_left ul.links li a:hover {color: white;}
#about #content_left ul.togglestyle {margin: 0px; padding: 0px; list-style-type: none;}
#about #content_left ul.togglestyle li a {background: url(img/accordion_closed_off.gif) no-repeat 0px 5px; padding-left: 9px; color: #B6B6B6;}
#about #content_left ul.togglestyle li a:hover {background: url(img/accordion_closed_on.gif) no-repeat 0px 5px; color: white;}
/*
#about #content_left {width: 330px; padding-right: 0px;}
#about #content_mid {height: auto; display: none;}
#about #content_mid a {font-weight: bold;}
#about #content_mid ol {margin-left: 10px;}
*/
#about #content_right {width: 279px; text-align: right;}
#about #content_right img {margin-left: 12px;}
#about .moo_stretch {padding-left: 9px;}
#about .company_abbr {color: white; font-weight: bold;}

#about_testimonials .intro {float: left; width: 210px; padding-right: 15px;}
#about_testimonials .testimonials {float: left; width: 350px; border-left: 1px solid #CCCCCC; padding-left: 15px;}
#about_testimonials .testimonials .text {color: white;}
#about_testimonials .testimonials .name {font-size: 11px;}

#contact #content_left {width: 330px; padding-right: 0px;}
#contact #content_right {width: 279px; text-align: right;}
#contact #content_right img {margin-left: 12px;}

#contact_form .field {position: relative;}
#contact_form label {margin-top: 3px; position: absolute;}
#contact_form input {margin-left: 100px; margin-bottom: 3px;}
#contact_form input.text {width: 210px;}
#contact_form textarea {width: 310px; height: 90px;}
#contact_form .submit {background: #404040; border: 1px solid; border-color: #7F7F7F black black #7F7F7F; margin: 0px; padding: 2px 4px; color: white;}
#contact_form .required {color: red;}

fieldset {width: 210px; /* height: 284px; */ margin: 0px; padding: 15px 30px; padding-top: 0px;}
legend {margin-left: -2px; color: white; font-size: 12px; font-weight: bold; text-transform: uppercase;}
* html fieldset {height: 300px;}
* html legend {margin-left: -9px;}

#contact .telefax {margin-left: 72px;}

#disclaimer #content_left {width: 450px;}
#disclaimer #content_right {width: 450px;}
#privacy #content_left {width: 450px;}
#privacy #content_right {width: 450px;}

   /* common elements */

img.getintouch {position: absolute; bottom: 15px; left: 15px;}

ul.arrowbullet {margin: 0px; list-style-type: none;}
ul.arrowbullet li {background: url(img/ul_arrowbullet.gif) no-repeat 0px 4px; padding-left: 16px;}

ol.loweralpha {list-style-type: lower-alpha;}

.title {color: white; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.subtitle {color: white; font-size: 12px; font-weight: bold;}
.underline {text-decoration: underline;}
.small {font-size: 10px;}

#footerrow {width: 945px; margin: 0px auto; padding-bottom: 10px; color: white; font-size: 10px; border: 0px solid blue;}
#footerrow a {color: #959595; text-decoration: underline;}

   /* image cross-fade: default opacity for IE */

img {filter:alpha(opacity=100);}

   /* image cross-fade: duplicate image positioning */

img.idupe {position:absolute; z-index:30000; visibility:hidden;}