@charset "utf-8";

body {
  margin:0;
  padding:0;
  background:#6d6d71;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  color:#666;
}

a {
  color:#0d83c3;
}

img {
  border:none;
}

h1 {
  margin-top:0;
  padding-top:0;
  font-size:1.5em;
  text-transform:uppercase;
}

h2 {
  margin-top:0;
  padding-top:0;
  font-size:1.44em;
  text-transform:uppercase;
}

#outerWrapperWithFlashWithSubnav {
  width:100%;
  background:#fff url(../images/gui/background_secondary.png) top left repeat-x;
}

#outerWrapperWithFlashNoSubnav {
  width:100%;
  background:#fff url(../images/gui/background_primary.png) top left repeat-x;
}

#outerWrapperNoFlashWithSubnav {
  width:100%;
  background:#fff url(../images/gui/background_tertiary.png) top left repeat-x;
}

#outerWrapperNoFlashNoSubnav {
  width:100%;
  background:#fff url(../images/gui/background_quaternary.png) top left repeat-x;
}

#innerWrapper {
  width:950px;
  margin:auto;
}

/* --- header --- */

#header {
  width:950px;
  height:75px;
}

#logo {
  float:left;
  margin:29px 0 0 17px;
}

#headerRight {
  float:right;
  width:185px;
  text-align:right;
}

#utilityNav {
  width:185px;
  padding:5px 0 6px 0;
  background:#ccc;
  text-align:center;
  font-size:.63em;
  color:#595959;
}

#utilityNav a {
  color:#595959;
  text-decoration:none;
}

#utilityNav a:hover {
  text-decoration:underline;
}

/* --- navigation --- */

#nav {
  list-style:none;
  position:relative;
  margin:0;
  z-index:1;
}

ul#nav,
#nav .primaryButton h3,
#nav .secondaryButton h4,
ul#subnavStatic,
#subnavStatic h4 {
  margin:0;
  padding:0;
}

#nav .primaryButton {
  float:left;
  position:relative;
  border-top:3px solid #fff;
}

#nav .primaryButton h3 a {
  display:block;
  padding:9px 0 8px 0;
  background:#001658;
}

#nav .primaryButton h3 a:hover {
  background:#406ea8;
}

#nav .active h3 a {
  background:#406ea8;
}

#nav .subnav {
  width:950px;
  position:absolute;
  background:#406ea8;
  display:none;
  z-index:100;
}

#nav .active .subnav {
  display:block;
}

#nav #videoSub {
  margin:0 0 0 -185px;
}

ul.subnavButtons {
  margin:0;
  padding:0;
  list-style:none;  
}

#nav .secondaryButton,
#subnavStatic li {
  float:left;
  position:relative;
}

#nav .secondaryButton h4 a {
  display:block;
  padding:9px 0 8px 0;
  background:#406ea8;
}

#nav .secondaryButton h4 a:hover {
  background:#6288b8;
}

#nav #whyChoose h3 a {
  padding-right:22px;
  padding-left:17px;
}

#nav #video h3 a {
  padding-right:24px;
  padding-left:22px;
}

#nav #energy h4 a,
#subnavStatic #subEnergy h4 a {
  padding-right:20px;
  padding-left:18px;
}

#nav #browseSurgeon h4 a,
#subnavStatic #subBrowseSurgeon h4 a {
  padding-right:22px;
  padding-left:18px;
}

#nav #browseFeature h4 a,
#subnavStatic #subBrowseFeature h4 a {
  padding-right:22px;
  padding-left:22px;
}

#nav #newsEvents h3 a,
#nav #fluidics h4 a,
#subnavStatic #subFluidics h4 a,
#nav #microCoaxial h4 a,
#subnavStatic #subMicroCoaxial h4 a,
#nav #ergonomics h4 a,
#subnavStatic #subErgonomics h4 a {
  padding-right:24px;
  padding-left:24px;
}

#scheduleDemo {
  float:right;
}

#subnavStatic {
  clear:both;
  list-style:none;
  height:27px;
}

#subnavStatic h4 a {
  display:block;
  background:#406ea8;
  padding-top:9px;
  padding-bottom:8px;
}

#subnavStatic h4 a:hover {
  background:#6288b8;
}

#nav #whyChoose h3.current,
#nav #video h3.current,
#nav #newsEvents h3.current {
  display:block;
  background:#1d3e7d;
}

#nav #whyChoose h3.current {
  padding:9px 22px 8px 17px;
}

#nav #video h3.current {
  padding:9px 24px 8px 22px;
}

#nav #newsEvents h3.current {
  padding:9px 24px 8px 24px;
}

#nav #whyChoose h3.currentAnchor a,
#nav #video h3.currentAnchor a {
  background:#1d3e7d;
}

#subnavStatic #subEnergy h4.current,
#subnavStatic #subFluidics h4.current,
#subnavStatic #subMicroCoaxial h4.current,
#subnavStatic #subErgonomics h4.current,
#subnavStatic #subBrowseSurgeon h4.current,
#subnavStatic #subBrowseFeature h4.current {
  display:block;
  background:#6288b8;
}

#subnavStatic #subEnergy h4.current {
  padding:9px 20px 8px 18px;
}

#subnavStatic #subBrowseSurgeon h4.current {
  padding:9px 22px 8px 18px;
}

#subnavStatic #subBrowseFeature h4.current {
  padding:9px 22px 8px 22px;
}

#subnavStatic #subFluidics h4.current,
#subnavStatic #subMicroCoaxial h4.current,
#subnavStatic #subErgonomics h4.current {
  padding:9px 24px 8px 24px;
}

/* --- flash banner --- */

#videoBanner {
  width:950px;
}

/* --- content ---*/

#contentSection {
  width:933px;
  padding-left:17px;
  font-size:.75em;
  line-height:1.5em;
}

#content {
  float:left;
  width:730px;
  margin:24px 0 42px 0;
}

#aside {
  float:right;
  width:185px;
  margin:18px 0 42px 0;
}

#newsSection {
  width:185px;
  margin:0;
  padding:8px 0 8px 0;
  background:#e5e5e5;
}

#newsSection a {
  color:#666;
  text-decoration:none;
}

#newsSection a:hover {
  text-decoration:underline;
}

#newsSection p {
  margin-top:5px;
  padding:0 8px 0 8px;
}

/* --- footer --- */

#footer {
  width:750px;
  margin:auto;
  padding:11px 100px 11px 100px;
  text-align:center;
  font-size:.63em;
  color:#fff;
}

#footer a {
  color:#fff;
}

/* --- clear --- */

.clear {
  clear:both;
}