a {color: #445F9E; font-weight: bold; text-decoration: none}
a:hover {color: #A90010}
a img {border: 0}
.clear {clear: both}

body {margin: 0px; background-color: #FFFFFF; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #34373e}
/*background-image: url(../images/more.gif);*/
a.more {display: block; float: left; clear: both;  background-repeat: no-repeat; background-position: right 3px; padding: 0 15px 0 0; margin-bottom: 20px}
a.more:hover {background-image: url(../images/more_on.gif)}

#header, #nav, #body, #highlights, #footer {clear: both}
.wrap {width: 980px; margin: 0 auto}

/*#header {background-image: url(../images/back_header.gif)}
background-image: url(../images/back_header_wrap.gif);
*/
#header .wrap { height: 90px}
#header img {margin: 5px 0 0 0}

/*border-bottom: 5px solid #A90010;*/
/*#nav {background-image: url(../images/back_nav.gif); }*/
#nav .wrap {height: 31px;
  border-bottom: 5px solid white;
  -webkit-box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
  margin: 0 auto;
}
#nav ul {margin: 0; padding: 0 0 0 2px; list-style: none; width:100%; z-index: 1001;}
/*
#nav ul li {display: block; float: left}
#nav ul li a {display: block; float: left; padding: 8px 15px 7px 15px; font-size: 14px; color: #C6CBDC; } 
#nav ul li a:hover {background-color: #2E3136;}
#nav ul li.last a {border-right: 0}
*/

#body {background-color: #ffffff}
/*#body {background-color: #ffffff; background-image: url(../images/back_body.gif); background-repeat: repeat-x}*/
.home #body .wrap {background-image: url(../images/back_home.png); background-repeat: no-repeat}

.topwrapper { margin-left: 250px;}
.topwrapper #controlsareaid {float: right; width: 100%; background-color: #CCF;}
.topwrapper #logoareaid {  float: left;  width: 250px;  margin-left: -250px;  }
.topwrapper #cleared {  clear: both;}

#content {width: 760px; padding: 25px 30px 30px 30px; float: right; border-left: 1px solid #cccccc}
.home #content {width: 445px; padding: 20px 30px 20px 15px; float: left; border: 0}
#content h1 {margin-top: 0; font-size: 20px; line-height: 1.2em; letter-spacing: -1px; line-height: 1em}
#content h2 {font-size: 14px}
#content h2 img {vertical-align: middle}
.home #content h2 {color: #445F9E; margin: 15px 0 5px 0; clear: both}
#content p {margin-top: 5px}
img.photo {float: right; margin: 0 0 20px 20px}
.home #content #viewdev, .home #content #viewserv {display: none}
.home #content #slidedev, .home #content #slideserv {cursor: pointer}

#sidebar {width: 120px; padding: 20px 20px 20px 18px; float: left; font-size: 11px}
.home #sidebar {width: 260px; padding: 20px; float: right; font-size: 11px}
#sidebar h3 {font-size: 16px; clear: both; margin: 0}
#sidebar h4 {font-size: 12px; margin: 15px 0 5px 0}
#sidebar ul {margin: 0; padding: 0; list-style: none}
#sidebar ul li {padding: 5px 0}
#sidebar ul li a {display: inline-block}

#highlights {background-color: #ffffff; background-image: url(../images/back_highlights.gif); background-repeat: repeat-x; font-size: 11px}
#highlights .wrap {background-image: url(../images/back_highlights_wrap.gif); background-repeat: no-repeat}
#highlights .box {width: 200px; float: left; border-right: 1px solid #C3C5CB; border-left: 1px solid #ffffff; padding: 15px 20px; height: 100px}
#highlights .first {border-left: 0; padding-left: 15px}
#highlights .last {border-right: 0}
#highlights h4 {font-size: 16px; margin: 0}
#highlights p {margin-top: 5px; margin-bottom: 7px}
/*background-image: url(../images/back_footer_wrap.gif);*/
#footer .wrap { background-repeat: no-repeat;  border-top-style: solid;border-width: thin;
     border-top-color: #9c9da3; color: #9c9da3; padding: 8px 8px 8px 8px; width: 940px; font-size: 11px}
#footer p {margin: 0}
#footer a {color: #9c9da3; margin-left: 5px}
#footer a:hover {color: #c5c6ce}

.reps {padding: 40px 60px 30px 40px}
.reps p {margin: 0}

.form {border-top: 1px solid #dddddd; margin: 30px 0; padding-top: 15px}
.form .row {clear: both}
.form label {display: block; float: left; width: 150px; padding: 5px 10px 5px 0; margin-right: 10px}
.form input.text {width: 240px}
.form i {font-style: normal; color: #A90010; font-weight: bold}
.form .note {margin: 0 0 15px 0}

.columns .column {margin-right: 20px; float: left}
.contact .columns ul {margin: 15px 20px 15px 0; padding: 0; list-style: none; float: left}
.contact .columns ul li {padding: 2px 0}
.four .column {width: 110px}
.two .column {width: 240px}
.wide .column {width: 350px}

ul li.pdf {margin: 0 0 0 -15px; list-style-type: none; background: url(../images/icon_pdf.gif) no-repeat; padding: 2px 0 2px 25px}

navtop {
  height: 34px;
  border-bottom: 5px solid white;
  -webkit-box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
}

.navtop {
  margin: 0 auto;
  width: 760px;
}
.navtop a {
  display: block;
  text-decoration: none;
}
.navtop > li {
  float: left;
  margin-right: 3px;
}
.navtop > li > a {
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #759aaf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, #9cb6c5, #759aaf);
  background-image: -moz-linear-gradient(top, #9cb6c5, #759aaf);
  background-image: -o-linear-gradient(top, #9cb6c5, #759aaf);
  background-image: linear-gradient(to bottom, #9cb6c5, #759aaf);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -2px 2px rgba(0, 0, 0, 0.03), 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -2px 2px rgba(0, 0, 0, 0.03), 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
}
.navtop > li > a:hover {
  text-decoration: none;
  background: #85a6b8;
  background-image: -webkit-linear-gradient(top, #afc5d1, #85a6b8);
  background-image: -moz-linear-gradient(top, #afc5d1, #85a6b8);
  background-image: -o-linear-gradient(top, #afc5d1, #85a6b8);
  background-image: linear-gradient(to bottom, #afc5d1, #85a6b8);
}
.navtop > li.active > a, .navtop > li > a:active, .navtop > .dropdown:hover > a {
  background: white;
  color: #404040;
  text-shadow: none;
  -webkit-box-shadow: 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
}
.navtop a.icon {
  position: relative;
  width: 40.8px;
  padding: 0;
}
.navtop a.icon > span {
  display: block;
  position: absolute;
  top: 9px;
  left: 12px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
}
.navtop a.icon.home > span {
  background-image: url("../img/home.png");
}
.navtop .active a.icon > span, .navtop a.icon:active > span {
  background-position: 0 -16px;
}

.dropdown {
  position: relative;
  border-bottom: 5px solid white;
}
.dropdown:hover ul {
  display: block;
}
.dropdown ul {
  display: none;
  position: absolute;
  top: 39px;
  left: -1px;
  min-width: 200px;
  padding: 0 0 5px;
  background: white;
  border: 1px solid #dadada;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
}
.dropdown ul.large {
  min-width: 200px;
}
.dropdown li {
  display: block;
  margin: 0 5px;
  overflow: visible;
}

.dropdown li + li {
  border-top: 1px solid #eee;
}
.dropdown li a {
  color: #555;
  width:100%;
  padding: 8px 8px;
  margin: 0 -8px;
}
.dropdown li a:hover {
  color: black;
}

.dropdown .dropdownsub {
  position: relative;
  border-bottom: 5px solid white;
}
.dropdownsub:hover ul {
  display: block;
}
.dropdown .dropdownsub ul{
  display: none;
  position: absolute;
  top: 0px;
  left: 194px;
  min-width: 100px;
  padding: 0 0 5px;
  background: white;
  border: 1px solid #dadada;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
}

.dropdown .dropdownsub ul.large {
  min-width: 200px;
}

.dropdown .dropdownsub li {
  display: block;
  margin: 0 5px;
/*  overflow: visible;*/
}
.dropdown .dropdownsub:hover ul {
  display: block;
  margin: 0 5px;
/*  visibility: visible;
  overflow: visible;*/
}
/*
.dropdownsub li + li {
  border-top: 1px solid #eee;
}
.dropdownsub li a {
  color: #555;
  width:100%;
  padding: 8px 8px;
  margin: 0 -8px;
}*/
.dropdownsub ul li a:hover {
  color: black;
}

/*
#nav ul ul li {float: left; display: block}
#nav ul li:hover > ul {visibility: visible}
#nav ul li ul li ul {background-color: #c7e591; top: 0px; border: 0}
#nav ul li ul li a:hover {color: #ffffff !important; background-color: #1C1D1E !important}/*text and hover colors for nested nav
#nav ul li ul li ul li a:hover {color: #333333; background-color: #C8C2A1 !important}*/

/* drop down */
/*
#nav ul {position: relative; z-index: 1001; float: left}
#nav ul li {float: left; vertical-align: middle; zoom: 1}
#nav ul li.hover, #nav ul li:hover {position: relative; z-index: 1003; cursor: default}

#nav ul ul {visibility: hidden; position: absolute; width: auto; height: auto; margin: 0; top: 31px; left: -1px; z-index: 1002; padding: 5px; background-image: none}
#nav ul ul li {float: left; display: block}
#nav ul ul ul {top: 1px; left: 99%}
#nav ul li:hover > ul {visibility: visible}

#nav ul li:hover a {background-color: #2E3136; color: #ffffff;  color: #ffffff}
#nav ul li ul li:hover a {background-color: #0b6139 !important}
#nav ul li ul {background-color: #2E3136; border-bottom: 5px solid #A90010; border-left: 1px solid #60636A}/*background and border colors for nested nav
#nav ul li ul li ul {background-color: #c7e591; top: 0px; border: 0}

#nav ul li ul li {height: auto !important; padding: 0}
#nav ul li ul li a {float: left; display: block; background-color: transparent !important; background-image: none !important; height: auto !important; padding: 3px 10px 3px 10px; color: #C6CBDC !important; font-size: 12px; font-weight: normal; line-height: 1.3em; text-tranform: none !important; border: 0; border-bottom: 1px solid #60636A}
#nav ul li ul li.last a {border-bottom: 0 !important}

#nav ul li ul li a:hover {color: #ffffff !important; background-color: #1C1D1E !important}/*text and hover colors for nested nav
#nav ul li ul li ul li a:hover {color: #333333; background-color: #C8C2A1 !important}
#nav ul ul {width: 173px}
#nav ul li ul li {width: 173px}
#nav ul li ul li a {width: 153px}
*/





/* highlights */
/*
.company #nav .navcompany a,
.services #nav .navservices a,
.products #nav .navproducts a,
.markets #nav .navmarkets a,
.technologies #nav .navtechnologies a {background-image: url(../images/nav_on.gif); color: #ffffff}

.company #nav .navcompany ul,
.services #nav .navservices ul,
.products #nav .navproducts ul,
.markets #nav .navmarkets ul,
.technologies #nav .navtechnologies ul {background-color: #A90010}

.company #nav .navcompany ul li a,
.services #nav .navservices ul li a,
.products #nav .navproducts ul li a,
.markets #nav .navmarkets ul li a,
.technologies #nav .navtechnologies ul li a {color: #EED6D9 !important; border-bottom: 1px solid #C83850}

.company #nav .navcompany ul li a:hover,
.services #nav .navservices ul li a:hover,
.products #nav .navproducts ul li a:hover,
.markets #nav .navmarkets ul li a:hover,
.technologies #nav .navtechnologies ul li a:hover {background-color: #7F0715 !important}

.about #nav .subabout a,
.news #nav .subnews a,
.seminars #nav .subseminars a,
.careers #nav .subcareers a,
.electrical #nav .subelectrical a,
.rf #nav .subrf a,
.software #nav .subsoftware a,
.mechanical #nav .submechanical a,
.pcb #nav .subpcb a,
.human #nav .subhuman a,
.system #nav .subsystem a,
.testing #nav .subtesting a,
.process #nav .subprocess a,
.management #nav .submanagement a,
.start #nav .substart a,
.consulting #nav .subconsulting a,
.consumer #nav .subconsumer a,
.medical #nav .submedical a,
.computer #nav .subcomputer a,
.military #nav .submilitary a,
.industrial #nav .subindustrial a,
.automotive #nav .subautomotive a,
.other #nav .subother a,
.new #nav .subnew a,
.zigbee #nav .subzigbee a,
.usb #nav .subusb a,
.voip #nav .subvoip a,
.audio #nav .subaudio a,
.wireless #nav .subwireless a,
.telephony #nav .subtelephony a,
.internet #nav .subinternet a,
.gps #nav .subgps a,
.ethernet #nav .subethernet a,
.video #nav .subvideo a,
.bluetooth #nav .subbluetooth a {background-color: #7F0715 !important}

.about #sidebar .subabout a,
.news #sidebar .subnews a,
.seminars #sidebar .subseminars a,
.careers #sidebar .subcareers a,
.electrical #sidebar .subelectrical a,
.rf #sidebar .subrf a,
.software #sidebar .subsoftware a,
.mechanical #sidebar .submechanical a,
.pcb #sidebar .subpcb a,
.human #sidebar .subhuman a,
.system #sidebar .subsystem a,
.testing #sidebar .subtesting a,
.process #sidebar .subprocess a,
.management #sidebar .submanagement a,
.start #sidebar .substart a,
.consulting #sidebar .subconsulting a,
.consumer #sidebar .subconsumer a,
.medical #sidebar .submedical a,
.computer #sidebar .subcomputer a,
.military #sidebar .submilitary a,
.industrial #sidebar .subindustrial a,
.automotive #sidebar .subautomotive a,
.other #sidebar .subother a,
.new #sidebar .subnew a,
.zigbee #sidebar .subzigbee a,
.usb #sidebar .subusb a,
.voip #sidebar .subvoip a,
.audio #sidebar .subaudio a,
.wireless #sidebar .subwireless a,
.telephony #sidebar .subtelephony a,
.internet #sidebar .subinternet a,
.gps #sidebar .subgps a,
.ethernet #sidebar .subethernet a,
.video #sidebar .subvideo a,
.bluetooth #sidebar .subbluetooth a {background-image: url(../images/more_on.gif); color: #A90010; background-repeat: no-repeat; background-position: right; padding-right: 15px}
*/
#addthis {clear: both; margin: 20px -10px 0 0}

.threecol {padding-bottom: 15px}
.threecol .col {width: 160px; float: left}
.threecol .col ul {margin: 5px 0 0 0; padding-left: 15px}

a.click {color: #a90010}

#text3d {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}