@charset "utf-8";
/* Defaults */
*{margin:0;padding:0}
img, fieldset{border:none}
ul,ol{list-style:none outside}
body{font:76% Arial,Helvetica,Sans-Serif;text-align:center;background:#96979B url(images/bg.gif) repeat-x center top}
a:link,a:visited {color:#808285;text-decoration:none}
a:hover,a:active {color:#808285;text-decoration:hover}
a img{display:block}
#outer{background:url(images/bg-double.png) no-repeat center top;padding:115px 0 0;min-height:982px}
* html #outer{background:url(images/bg-double.gif) no-repeat center top;height:982px}
#wrap{width:1000px;margin:0 auto;padding:0 0 10px;text-align:left;background:#FFF url(images/wrap-bg.gif) repeat-y -11px top;overflow:hidden}
#alert {color:#808285;font:bold 12px Arial;margin:10px 15px 0 90px}

/* Header */
#header {height:306px}
#header #menu{height:31px;padding:0 0 0 200px;background:#C41230}
#header #menu li{float:left;height:15px;padding:11px 0 0}
#header #menu li a{float:left;height:100%;text-indent:-100em;overflow:hidden;background:url(images/menu-1.gif) no-repeat left top}
#header #menu li a:hover{background:url(images/menu-2.gif) no-repeat left top}
#header #menu #m1 a{width:58px;background-position:0 0}
#header #menu #m2 a{width:75px;background-position:-58px 0}
#header #menu #m3 a{width:136px;background-position:-133px 0}
#header #menu #m4 a{width:124px;background-position:-269px 0}
#header #menu #m5 a{width:66px;background-position:-393px 0}
#header #menu #m6 a{width:140px;background-position:-459px 0}
#header #menu #m7 a{width:50px;background-position:-599px 0}
#header #menu #m8 a{width:83px;background-position:-649px 0}
#header #menu #m9 a{width:45px;background-position:-732px 0}
#header #menu #m1:hover a{background-position:0 0;}
#header #menu #m2:hover a{background-position:-58px 0}
#header #menu #m3:hover a{background-position:-133px 0}
#header #menu #m4:hover a{background-position:-269px 0}
#header #menu #m5:hover a{background-position:-393px 0}
#header #menu #m6:hover a{background-position:-459px 0}
#header #menu #m7:hover a{background-position:-599px 0}
#header #menu #m8:hover a{background-position:-649px 0}
#header #menu #m9:hover a{background-position:-732px 0}
#header h1{float:left;padding:23px 15px 0 14px}
#header h1 a{display:block;width:152px;height:54px;text-indent:-100em;overflow:hidden;background:url(images/logo.png) no-repeat left top}
#header #banner{float:right;display:inline;margin:0 10px 0 0}
#header #banner img{display:block}

/* Body */
#main{float:left;width:100%}
#content{margin:0 250px 0 183px;overflow:hidden}
#inner {margin:0 0 0 1px;background:#FFF;width:565px;overflow:hidden}
#content h2{color:#C41230;font:bold 14px/18px Arial;padding:15px 15px 0}
.cols{float:left;width:299px;border:solid #DCDDDE;border-width:0 1px; background:#FFF}
.cols2{width:265px;border-width:0 1px 0 0; background:#FFF}
.cols p{font:normal 11px Arial;color:#808285;padding:0 15px 10px}
.cols2 p{color:#C41230}
.cols a{color:#C41230;font-weight:bold;padding:10px 15px}
.cols a:hover{text-decoration:underline}
.cols #more-pj{color:#808285;font:bold 11px/18px Arial;margin:0 0 0 70px}
.cols #more-pj:hover{text-decoration:underline}
.cols ul{width:100%;overflow:hidden;padding:15px 0 0}
.cols ul li{width:100%;overflow:hidden;padding:0 0 10px}
.cols ul li h3 {font:bold 11px Arial;line-height:11px;}
.cols ul li a{color:#808285;padding:0;height:1%}
.cols ul li a.headline{width:59px;float:left;margin:3px 8px 5px 15px;border:1px solid #FFF}
.cols ul li a.headline:hover{border:1px solid #898989}
.cols ul li div{float:left;width:170px}
.cols ul li p{font:normal 10px/10px Arial;padding:0}
/* Flash Logos */
#logos{float:left;width:168px;margin-left:-990px;background:#FFF}
#logos h2{color:#C41230;font:bold 11px/25px Arial}
/* Support */
#support{float:left;width:168px;margin-left:20px;background:#FFF}
#support h2{color:#C41230;font:bold 11px/25px Arial}
#support ul li a{display:block;width:136px;height:83px}
#support ul #s1 {background:url(images/s-platinum-2.gif) no-repeat left top}
#support ul #s2 {background:url(images/s-gold-2.gif) no-repeat left top}
#support ul #s3 {background:url(images/s-silver-2.gif) no-repeat left top}
#support ul #s4 {background:url(images/s-bronze-2.gif) no-repeat left top}
#support ul #s1 a{background:url(images/s-platinum-1.gif) no-repeat left top}
#support ul #s2 a{background:url(images/s-gold-1.gif) no-repeat left top}
#support ul #s3 a{background:url(images/s-silver-1.gif) no-repeat left top}
#support ul #s4 a{background:url(images/s-bronze-1.gif) no-repeat left top}
#support ul #s1 a:hover{background:url(images/s-platinum-2.gif) no-repeat left top}
#support ul #s2 a:hover{background:url(images/s-gold-2.gif) no-repeat left top}
#support ul #s3 a:hover{background:url(images/s-silver-2.gif) no-repeat left top}
#support ul #s4 a:hover{background:url(images/s-bronze-2.gif) no-repeat left top}

/* Misc */
#extra{float:left;width:240px;margin-left:-250px; background:#FFF}
#extra h2{color:#C41230;font:bold 10px/18px Trebuchet MS;padding:15px 0 0 15px}
#extra #report{margin:0 0 10px 8px;display:block;width:107px;height:143px;background:url(images/news-2.gif) no-repeat left top}
#extra #report:link{background:url(images/news-1.gif) no-repeat left top}
#extra #report:hover{background:url(images/news-2.gif) no-repeat left top}
#extra #flash-2{}
#extra #flash-2 img{display:block}
#wrap .boxes{padding:8px 10px 7px;overflow:hidden;color:#808285;background:#ECEDED;border-bottom:1px solid #DCDDDE;font:normal 11px/18px Arial}
#wrap .boxes h2{padding:0 5px;color:#808285;font:bold 12px/16px Arial}
#wrap .boxes p{padding:0 5px}
#wrap .boxes a{color:#808285;font-weight:normal;padding:0}
#wrap .boxes #register{display:block;margin:5px 0 0;width:120px;height:26px;background:url(images/register-1.gif) no-repeat left top}
#wrap .boxes #register:hover{background:url(images/register-2.gif) no-repeat left top}

/* Subpages */
.subpage #wrap #content .boxes {border:1px solid #DCDDDE;border-width:0 1px}
.subpage #wrap {background:#FFF url(images/wrap-bg-sub.gif) repeat-y -11px top}
.subpage #header {height:236px}
.subpage #wrap #content p {color:#808285;font:11px Arial;margin:0 15px 10px}
.divider {background:#d2d2d4;height:1px;margin:0 auto;overflow:hidden;width:535px}


/* News */
.news #reg-form {color:#808285;font:bold 11px Arial;margin:17px 17px 15px;overflow:hidden}
.news #reg-form dt{clear:both;float:left;margin:0 0 7px;overflow:hidden;width:70px}
.news #reg-form dd {margin:0 0 7px}
.news #reg-form input {background:url(images/input-top.gif) repeat-x #FFF;border:1px solid #ECECEC;border-width:0 1px 1px;font-size:11px;padding:2px;width:175px}
.news #reg-form input.register {background:url(images/register.gif) no-repeat;border:0;clear:both;height:24px;float:left;margin:5px 0 0 70px;width:116px}
.news #reg-form input.register:hover {background:url(images/register-over.gif) no-repeat}
.news #wrap #content h3 {background:url(images/bullet.gif) no-repeat left center;color:#808285;font:bold 11px Arial;margin:10px 0 3px 15px;padding:0 0 0 15px}
.news #wrap #content p {color:#808285;font:11px Arial;margin:0 15px 10px}

/* Contact */
.subpage #content {width:567px}
.subpage #contact-form {color:#808285;font:bold 11px Arial;float:left;padding:17px 17px 15px;overflow:hidden;width:310px}
.subpage #contact-form dt{clear:both;float:left;margin:0 0 7px;overflow:hidden;text-align:right;padding:0 10px 0 0;width:60px}
.subpage #contact-form dd {margin:0 0 7px}
.subpage #contact-form input {background:url(images/input-top.gif) repeat-x #FFF;border:1px solid #ECECEC;border-width:0 1px 1px;font-size:11px;padding:2px;width:175px}
.subpage #contact-form textarea {background:url(images/input-top.gif) repeat-x #FFF;border:1px solid #ECECEC;border-width:0 1px 1px;font-size:11px;padding:2px;height:150px;overflow:auto;width:225px}
.subpage #contact-form input.send{background:url(images/send.gif) no-repeat;border:0;clear:both;height:24px;float:left;margin:5px 0 0 70px;width:116px}
.subpage #contact-form input.send:hover {background:url(images/send-over.gif) no-repeat}
.subpage #details {float:left;padding:15px 0 15px 35px;overflow:hidden;width:165px}
.subpage #details h2 {color:#c41230;font:bold 11px Arial;padding:0}
.subpage #details h3 {color:#808285;font:bold 11px Arial;margin:10px 0 0}
.subpage #details address {font-style:normal;font-size:11px;color:#808285}
.subpage #content #details p {margin:0}
.subpage #details .tel {padding:10px 0 0}
.subpage #details a {color:#808285;text-decoration:underline}
.subpage #details a:hover {text-decoration:none}

/* Products */
.subpage #content #products {float:right;list-style:none;margin:20px 0 0 40px;width:202px}
.subpage #products li {padding:0;font:bold 11px Arial}
.subpage #products li a {color:#c41230;display:block;height:15px;padding:12px 0 12px 60px}
.subpage #products li a:hover {color:#808285}

.subpage #products li.engineering {background:url(images/m_eng1.gif) no-repeat left top}
.subpage #products li.engineering a {background:url(images/m_eng1.gif) no-repeat left top}
.subpage #products li.engineering a:hover {background:url(images/m_eng2.gif) no-repeat left top}
.subpage #products li.design {background:url(images/m_des1.gif) no-repeat left top}
.subpage #products li.design a {background:url(images/m_des1.gif) no-repeat left top}
.subpage #products li.design a:hover {background:url(images/m_des2.gif) no-repeat left top}
.subpage #products li.integration {background:url(images/m_int1.gif) no-repeat left top}
.subpage #products li.integration a {background:url(images/m_int1.gif) no-repeat left top}
.subpage #products li.integration a:hover {background:url(images/m_int2.gif) no-repeat left top}
.subpage #products li.rtu {background:url(images/m_rtu1.gif) no-repeat left top}
.subpage #products li.rtu a {background:url(images/m_rtu1.gif) no-repeat left top}
.subpage #products li.rtu a:hover {background:url(images/m_rtu2.gif) no-repeat left top}
.subpage #products li.scada {background:url(images/m_sca1.gif) no-repeat left top}
.subpage #products li.scada a {background:url(images/m_sca1.gif) no-repeat left top}
.subpage #products li.scada a:hover {background:url(images/m_sca2.gif) no-repeat left top}
.subpage #products li.plc {background:url(images/m_plc1.gif) no-repeat left top}
.subpage #products li.plc a {background:url(images/m_plc1.gif) no-repeat left top}
.subpage #products li.plc a:hover {background:url(images/m_plc2.gif) no-repeat left top}
.subpage #products li.electrical {background:url(images/m_ele1.gif) no-repeat left top}
.subpage #products li.electrical a {background:url(images/m_ele1.gif) no-repeat left top}
.subpage #products li.electrical a:hover {background:url(images/m_ele2.gif) no-repeat left top}
.subpage .product-img {float:right;margin:20px 30px 0 20px}
.products #content .boxes {height:18px}
.products #content .boxes h2 {display:inline;float:left}
.products #content .boxes h2.right {float:right}
.products #content .bullet {list-style:disc;color:#808285;font:11px Arial;margin:0 0 10px 45px}
.software #content ol {margin:0 0 10px 30px;list-style:numeric outside}

/* Projects */ 
.projects #left {float:left;width:380px} 
.projects #left h3 {background:url(images/black-bullet.gif) no-repeat left center;color:#C41230;font:bold 12px Arial;margin:0 0 0 15px;padding:0 0 0 12px}
.projects #left ol {list-style:decimal outside;margin:0;padding:0 0 10px 32px}
.projects #left ul {font:11px Arial;padding:0 0 10px 15px;color:#808285}
.projects #right {float:left;font:10px Arial;width:155px;margin:10px 0px 0 0}
.projects #right p {background:#f2f3f3;margin:10px 0 0;overflow:hidden;width:100%}
.projects #content #right a {color:#58585a;display:block;height:50px;width:160px;cursor:hand}
.projects #content #right a:hover {color:#c41230}
.projects #content #right a:hover img {border:1px solid #87888c}
.projects #content #right img {border:1px solid #fff;float:left;margin:0;padding:0}
.projects #right span {float:left;display:block;line-height:11px;width:85px}
.projects #right span.mid {padding:8px 5px}
.projects #right span.mid2 {padding:2px 0 3px 5px}
.projects #right span.walgett {padding:8px 5px}
.projects #right span.darling {padding:8px 5px}
.projects #right span.moura {padding:2px 5px}
.projects #content .boxes {height:14px}
.projects #content .boxes h2 {display:inline;float:left}
.projects #content .boxes h2.right {float:right;padding:0 68px 0 0}

/* Support */
.subpage #agreements {border:1px solid #d2d2d4;border-width:1px 0px;width:260px;margin:0 0 0 15px;padding:5px 0}
.subpage #agreements li {font:bold 11px Arial;display:block}
.subpage #agreements li a {background:url(images/arrow.gif) no-repeat left center;padding:0 0 0 15px;color:#808285}
.subpage #agreements li a:hover {background:url(images/arrow2.gif) no-repeat 3px center;color:#c41230;padding:0 0 0 15px}
.subpage ol {color:#808285;font:11px Arial;list-style:decimal outside;margin:15px; padding-left:15px}
.leftimage {float:left}
.rightimage {float:right}

/* download link style without borders */
.subpage .arrow {border:1px solid #d2d2d4;border-width:1px 2px;width:170px;margin:0 0 0 15px;padding:3px 0 3px 5px}
.subpage .arrow li {font:bold 11px Arial;display:block}
.subpage .arrow li a {background:url(images/arrowdwn.gif) no-repeat left center;padding:0 0 0 15px;color:#808285}
.subpage .arrow li a:hover {background:url(images/arrowdwn2.gif) no-repeat 3px center;color:#c41230;padding:0 0 0 15px}

/* Sitemap */
.sitemap #left {float:left;padding:0 0 0 15px;width:190px}
.sitemap #right {float:left;width:345px}
.sitemap #content h3 {color:#C41230;font:bold 12px Arial;margin:10px 0 5px}
.sitemap #content ul li {font:bold 11px Arial;display:block}
.sitemap #content ul li a {background:url(images/arrowdwn.gif) no-repeat left center;padding:0 0 0 15px;color:#808285}
.sitemap #content ul li a:hover {background:url(images/arrowdwn2.gif) no-repeat 3px center;color:#c41230;padding:0 0 0 15px}

/* Footer */
#footer{width:1000px;margin:0 auto;overflow:hidden;padding:10px 0;color:#FFF;font-size:11px}
#footer p{float:left;padding:0 30px}
#footer ul{float:right;padding:0 30px;width:400px}
#footer ul li{float:right;margin:0 4px 0 0}
#footer ul li a{display:inline;color:#FFF}
#footer ul li a:hover{text-decoration:underline}