/** =MAIN
----------------------------------------------- */
body, td, input, select, textarea, a {
  font: 13px/1.4em "Helvetica Neue", arial, helvetica, verdana, sans-serif;
}
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, 
p, pre, blockquote, ul, ol, dl, address {
  margin: 0;
  padding: 0;
}
li, dd, blockquote {
  margin-left: 1em;
}
fieldset {
  border: none;
}
img, table {
  border-width: 0;
}
hr {
  display: none;
}

/** =COLORS
----------------------------------------------- */
body {
  color: #333;
  background-color: #fdfdfd;
}
a {
  font-size: 100%;
}
a:link {
  color: #4984cd;
}
a:visited {
  color: #4984cd;
}
a:hover {
  color: #333;
}


/** =CLEAR FLOATS
----------------------------------------------- */
/* clear float */
.clr:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clr {display: inline-block;}
/* Hides from IE-mac \*/
* html .clr {height: 1%;}
.clr {display: block;}
/* End hide from IE-mac */


/** =COMMON
----------------------------------------------- */
.vtop {
  vertical-align: top;
}
.vmid {
  vertical-align: middle;
}
.vbot {
  vertical-align: bottom;
}
.shade {
  background-color: #f1f5fa;
}
input.text, 
select.text, 
textarea.text {
  border: 1px solid #ddd;
}
.check {
  margin: 0;
}

.img_left {
  float: left;
  display: inline;
  margin: 5px 10px 0 0;
  border: 2px solid #666;
}
.img_right {
  float: right;
  display: inline;
  margin: 5px 0 0 10px;
  border: 2px solid #666;
}
code, .path {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
  border-width: 1px 0;
  font-family: "Courier New", Courier, monospace;
  font-size: 90%;
}
.amp {
  font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  font-weight: normal;
  font-style: italic;
}

/* =FIGURES 
----------------------------------------------- */
.figure {
  margin-bottom: 8px;
  padding: 5px;
  background-color: #E4E4E4;
}
.inline_figure img,
.figure img {
  border: 1px solid #999;
}
.figure {
  font-size: 80%;
}
.figure p,
#sidebar .figure p {
  margin: 7px 4px 0 4px;
}
.figure .title {
  font-size: 90%;
  font-weight: bold;
}
#content .figure p.caption {
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 1.1em;
}
.figure_right {
  float: right;
  display: inline;
  margin-left: 8px;
}
.figure_left {
  float: left;
  display: inline;
  margin-right: 8px;
}


/** PAGINATION 
----------------------------------------------- */
#paging {
  margin: 2em 0 1em 0;
  border-top: 2px solid #eee;
  padding-top: 1em;
}
.pagination {
  float: right;
  display: inline;
  margin: 0 0 1em 0;
  text-align: right;
}
.pagination a,
.pagination a:visited,
.pagination .disabled,
.pagination .current {
  float: left;
  display: inline;
  height: 12px;
  display: block;
  border: 1px solid #c9c9c9;
  background: #b8b8b8 url("/images/buttons/pagination.gif") 0 0 repeat-x;
  padding: 3px 6px;
  margin-left: 3px;
  line-height: 1em;
  text-decoration: none;
  color: #2B3A51;
  font-size: 90%;
} 
.pagination a:hover,
.pagination .current {
  color: #fff;
  background: #1956ad url("/images/buttons/pagination_highlight.gif") 0 0 repeat-x;
  border: 1px solid #4580c8;
}

.pagination .gap {
  float: left;
  display: inline;
  margin: 0 5px;
}
.pagination .disabled {
  background: #dbdbdb url("/images/buttons/pagination_disabled.gif") 0 0 repeat-x;
  border: 1px solid #e6e6e6;
  color: #aaa;
}
.pagination .disabled:hover {
  color: #aaa;
}

.flippers {
  border-top: 2px solid #eee;
  padding-top: 1em;
  margin-top: 2em;
}
.flippers .previous {
  float: left;
  display: inline;
}
.flippers .next {
  float: right;
  display: inline;
}
.flippers a,
.flippers a:visited {
  float: left;
  display: inline;
  height: 12px;
  border: 1px solid #c9c9c9;
  background: #b8b8b8 url("/images/buttons/pagination.gif") 0 0 repeat-x;
  padding: 3px 6px;
  line-height: 1em;
  text-decoration: none;
  color: #2B3A51;
  font-size: 90%;
} 
.flippers a:hover {
  color: #fff;
  background: #1956ad url("/images/buttons/pagination_highlight.gif") 0 0 repeat-x;
  border: 1px solid #4580c8;
}

/** =FLASH MESSAGES 
----------------------------------------------- */
#message_box {
  margin: 5px 0 0 0;  
  border: 1px solid #e7dfb4;
  padding: 3px 8px;
  background-color: #fffbe4;
  margin-bottom: 12px;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#message_box strong {
  color: #333;
}
#message_box ol {
  margin: 5px 4px;
}
#message_box li {
  padding-left: 0;
  margin-left: 38px;
}
#message_box img {
  vertical-align: top;
  margin: 1px 2px 0 0;
}
#err_msgs li {
  font-size: 90%;
}
#err_fix {
  margin: 8px 0 3px 24px;
  font-style: italic;
  font-size: 90%;
}

/** =FORMS
----------------------------------------------- */
/* Rails puts divs around fields to mess with me! */
.fieldWithErrors {
  display: inline;
}
form fieldset {
  width: 390px;
  display: inline;
  border-top: 1px dotted #c6c6c6;
  margin: 5px 0 10px 0;
  padding-bottom: 5px;
}
form fieldset.none {
  border: 0;
}
form legend {
  color: #223a5e;
  font-size: 120%;
  font-weight: bold;
  padding: 1px 6px 5px 0px;
  background-color: #fff;
}
form fieldset p.desc {
  margin: 2px 0 8px 0;
  font-size: 90%;
  line-height: 1.3em;
  color: #555;
}
span.req {
  color: #3393ec;
  margin-left: 2px;
}
table.form_table .fieldWithErrors .text {
  background-color: #fffbe4;
}
#content .form_table p {
  margin: 0;
}

.form_table th {
  width: 105px;
  padding: 5px 4px 3px 0px;
  line-height: 1.2em;
  font-size: 90%;
  text-align: left;
  vertical-align: top;
}
.form_table td {
  padding: 3px 4px;
  line-height: 1.2em;
  font-size: 90%;
  vertical-align: top;
}
.form_table label {
  vertical-align: middle;
}
.form_table .text {
  margin: 0;
  border: 1px solid #ccc;
  background-color: #fdfdfd;
  vertical-align: middle;
  font-size: 95%;
}
.form_table .file {
  width: 255px;
  margin: 0;
  border: 1px solid #ccc;
  font-size: 95%;
  vertical-align: middle;
}
.form_table span.value {
  vertical-align: middle;
  font-size: 95%;
}
.form_table input.text {
  width: 255px;  
  padding: 2px 3px;
}
.form_table select.text {
  width: 263px;
  padding: 1px 0;
}
.form_table textarea.text {
  width: 255px;
  padding: 2px 3px;

}
.form_table .text:focus, 
.form_table .text:hover {
  border: 1px solid #73a0d9;
  background-color: #fff;
}
.form_table .submit th,
.form_table .submit td {
  padding-top: 6px;
}
.form_table .submit input {
  vertical-align: middle;
}
.form_table .check {
  vertical-align: middle;
}
.form_table p {
  font-size: 95%;
}
#content .form_table p.tip, 
#modal_try_now .form_table p.tip {
  margin-top: 2px;
  color: #666;
  font-size: 95%;
}
.form_submit {
  padding-left: 12px;
  padding-bottom: 20px;
}
.form_submit_indent {
  padding-left: 12px;
  padding-bottom: 20px;
}
.form_table .other {
  display: none;
}


/** BUTTONS 
----------------------------------------------- */
.round_button {
  padding: 2px 0 0 0;
}
.round_button .a {
  float: left;
  display: inline;
  position: relative;
  height: 25px;
  margin: 0;
  border: 0 none;
  background: transparent url("/images/buttons/round.gif") no-repeat scroll left top;
  padding: 2px 0 4px 12px;
  font-size: 12.5px;
  color: #000;
  cursor: pointer;
}
.round_button .rw {
  float: left;
  display: inline;
  height: 25px;
  width: 12px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.round_button .r {
  background: transparent url("/images/buttons/round.gif") no-repeat scroll -238px 0;
  height: 25px;
  width: 12px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
.round_button span.or {
  margin: 0 6px;
  color: #999;
}
.round_button span.or, 
.round_button a.cancel {
  float: left;
  display: inline;
  margin-top: 4px;
  vertical-align: middle;
  line-height: 1.3em;
}

/** =LIGHTBOX
----------------------------------------------- */
div#outerImageContainer {
  border: 1px solid #fff;
  border-bottom: 0;
}
div#imageDataContainer {
  background-color: #e4e4e4;
  border: 1px solid #fff;
  border-top: 0;
}
img#lightboxImage {
  border: 1px solid #999;
}
div#imageContainer {
  background-color: #e4e4e4;
}
div#imageData {
  padding-top: 5px;
  font-weight: bold;
  color: #333;
}

div#bottomNav {
  overflow: hidden;
}

/** =LAYOUT
----------------------------------------------- */
html, body {
  height: 100%;
}
#page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -35px;
}
#auth_bar,
#header, 
#main_body,
#footer, 
#splash {
  width: 960px;
  margin: 0 auto;
}

#wrapper {
  overflow: auto;
}

#footer_wrapper, 
.push {
  height: 32px;
}

/** =AUTH BAR
----------------------------------------------- */
#auth_wrapper {
  background: #393939 url("/images/common/bar_fade.gif") repeat-x;
  border-bottom: 1px solid #dfdfdf;
}
#auth_bar {
  height: 27px;
  border-top-width: 0px;
  text-align: right;
}
#auth_bar,
#auth_bar a, 
#auth_bar a:visited {
  color: #fff;
  line-height: 1em;
  font-size: 95%;
  text-decoration: none;
  letter-spacing: 0.1px;
  line-height: 26px;
}
#auth_bar a:hover {
  text-decoration: underline;
}
#auth_bar .separator {
  color: #3a3a3a;
  padding: 0 2px;
}

#auth_bar .num {
  float: left;
  display: inline;
  padding-left: 4px;
}

/* auth */
#auth_bar .auth {
  float: right;
  display: inline;
  padding-right: 4px;
  margin-right: 20px;
}
#auth_bar .auth a, 
#auth_bar .auth a:visited {
  width: 59px;
  float: left;
  display: inline;
  text-align: left;
  padding: 0 0 0 32px;
  background: url("/images/common/sign_in.png") 0 0 no-repeat;
  font-weight: bold;
  text-shadow: #666 -1px -1px 1px;
  font-size: 105%;
}
#auth_bar .auth a:hover {
  background-position: 0 -26px;
  text-decoration: none;
}
#auth_bar .auth a:active {
  background-position: 0 -52px;
}

/** =HEADER
----------------------------------------------- */
#header_wrapper {
  background: #f0f0f1 url("/images/common/header_fade.gif") top repeat-x;
  border-bottom: 1px solid #fff;
}
#header {
  padding: 6px 0 10px 0;
}

#logo {
  float: left;
  display: inline;
}
#logo span, #logo a {
  display: block;
  width: 169px;
  height: 47px;
  background: url("/images/common/logo_hi.png") 0 0 no-repeat;
}
#logo img {
  display: block;
  width: 0;
}
#signup {
  padding-top: 13px;
  padding-left: 9px;
  float: right;
  display: inline;
}

/** =NAV
----------------------------------------------- */
#nav {
  float: right;
  display: inline;
  list-style: none;
  margin-right: 15px;
  padding: 12px 0 10px 0;
  font-size: 95%;
}
#nav li {
  float: left;
  display: inline;
  margin: 0;
  padding: 5px 0 5px 0;
}
#nav li a {
  float: left;
  display: inline;
  padding: 0 13px 0 13px;
  font-size: 105%;
  text-decoration: none;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #fff;
  line-height: 1.2em;
  font-weight: bold;
  letter-spacing: .2px;
}
#nav li.home a, 
#nav li.signup a {
  border-left: none;
}
#nav li.contact a, 
#nav li.signup a {
  border-right: none;
}
#nav li.sel a, 
#nav li.sel a:visited {
  color: #000;
}
.homepage #nav li.home a, 
.homepage #nav li.home a:visited, 
.features #nav li.features a,
.features #nav li.features a:visited,
.company  #nav li.company a,
.company  #nav li.company a:visited,
.services #nav li.services a,
.services #nav li.services a:visited,
.contacts #nav li.contact a, 
.contacts #nav li.contact a:visited {
  color: #333;
  font-weight: bold;
}

/* search */
#g_search {
  float: right;
  display: inline;
  margin: 6px 4px 0 0;
}
#g_search #search_wrapper {
  width: 160px;
  position: relative;
  margin-left: 11px;
  margin-top: 9px;
}
#g_search label {
  position: absolute;
  top: 76px;
  right: 44px;
  text-decoration: none;
  line-height: 1em;
  font-size: 88%;
  text-align: center;
  color: #777;
  text-shadow: #fff 1px 1px 1px;
  letter-spacing: 0.12px;
}
#g_search input.g_prettysearch {
  height: 22px;
  width: 130px;
  position: absolute;
  right: 10px;
  top: 0;
  margin: 0 0 0 20px;
  background: transparent url("/images/search/center.gif") repeat-x scroll center top;
  border: 0 none;
  padding: 3px 0 0;
  font-size: 12px;
  outline: 0 none;
}
#g_search .left, 
#g_search .right {
  display: block;
  position: absolute;
  top: 0;
  height: 22px;  
}
#g_search .left {
  left: 0;
  width: 20px;
  background: url("/images/search/left.gif") no-repeat scroll left top;
}
#g_search .right {
  right: 0;
  width: 10px;
  background: url("/images/search/right.gif") no-repeat scroll right top;
}
#g_search #search_reset {
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 11px;
  height: 11px;
  z-index: 1;
  overflow: hidden;
  background: url("/images/search/close.gif") repeat scroll 0 0;
  cursor: pointer;
  _cursor:hand;
}
#g_search .empty #search_reset {
  display: none;
}
#g_search .blurred input {
  color: #7e7e7e;
}

/** =FOOTER
----------------------------------------------- */
#footer_wrapper {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  background-color: #f5f5f5;
}
#footer {
  padding-top: 6px;
  font-size: 90%;
  overflow: hidden;
}

#footer .separator {
  color: #666;
  padding: 0 2px;
}
#footer .privacy {
  float: left;
  display: inline;
}
#footer .powered {
  float: right;
  display: inline;
}

/** =SPLASH
----------------------------------------------- */
#splash_wrapper {
  background: #d1d9e2 url("/images/common/splash_ribbon.gif") repeat-x;
  border-top: 1px solid #ccd4dd;
  border-bottom: 1px solid #bcc4cc;
}
#splash {
  padding: 9px 0 13px 0;
}
#splash .title {
  float: left;
  display: inline;
}
#splash .call_to_action {
  float: right;
  display: inline;
  margin: 0 0;
}
#splash .call_to_action a, 
#splash .call_to_action a:visited {
  float: left;
  display: inline;
  width: 228px;
  height: 63px;
  background: url("/images/buttons/try_now.png") 0 0 no-repeat;
  text-indent: -9999px;
  outline: none;
}
#splash .call_to_action a:hover {
  background-position: 0 -63px;
}
#splash .call_to_action a:active {
  background-position: 0 -126px;
}

#splash .brochure a {
  float: left;
  display: inline;
  width: 82px;
  height: 39px;
  margin: 7px 0 0 10px;
  padding: 10px 0 0 55px;
  background: url("/images/buttons/brochure.png") 0 0 no-repeat;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.22em;
  font-size: 95%;
  text-shadow: #e1e6ec 1px 1px 1px;
}

#splash h1 {
  margin: 4px 0 0 0;
  line-height: 1.3em;
  font-size: 170%;
}
#splash p.snippet {
  font-size: 125%;
  line-height: 1.7em;
  color: #555;
}

/** =CONTENT
----------------------------------------------- */
#main_body {
  margin-bottom: 30px;
}
#wrapper {
  background-color: #fdfdfd;
  border-top: 1px solid #fff;
}

#content {
  float: left;
  display: inline;
  width: 692px;
  margin: 18px 0 0 0;
}

.content_left {
  padding: 0 28px 32px 0;
}
.content_right {
  padding: 0 0 32px 28px;
}

#content h2 {
  margin-bottom: .5em;
  font-size: 150%;
}
#content h3 {
  margin-top: 1.4em;
  margin-bottom: .5em;
  font-size: 125%;
}

#content p {
  margin-bottom: 1em;
  font-size: 105%;
  color: #555;
}
#content p em {
  color: #333;
}

/** =SIDEBAR
----------------------------------------------- */
#sidebar {
  float: left;
  display: inline;
  width: 232px;  
  margin: 18px 0 0 0;
  padding: 0 0 32px 0;
}
.sidebar_left {
  background: url("/images/sidebar/fade_left.gif") 0 0 no-repeat;
}
.sidebar_right {
  background: url("/images/sidebar/fade_right.gif") 0 0 no-repeat;
}
.sidebar_left, 
.sidebar_right {
  min-height: 460px;  
}
* html .sidebar_left, 
* html .sidebar_right {
  height: 460px;
}

#sidebar .sections {
  list-style: none;
}
#sidebar .sections li {
  float: left;
  display: inline;
  width: 232px;
  margin: 0;
  background: url("/images/sidebar/separator.gif") right bottom no-repeat;
}

#sidebar .sections li a, 
#sidebar .sections li a:visited {
  float: left;
  display: inline;
  width: 210px;
  margin: 0;
  padding: 8px 0 10px 22px;
  line-height: 1em;
  text-decoration: none;
  font-weight: bold;
  font-size: 105%;
  background: url("/images/sidebar/dot.gif") 5px center no-repeat;
}
#sidebar .sections li.sel, 
#sidebar .sections li.open {
  background: url("/images/sidebar/selection.gif") repeat-x;
}
#sidebar .sections li.sel a, 
#sidebar .sections li.sel a:visited {
  background: url("/images/sidebar/selection_dot.gif") 5px center no-repeat;
  color: #fff;
}
#sidebar .sections li.closed a,
#sidebar .sections li.closed a:visited  {
  background: url("/images/sidebar/arrow.gif") 5px center no-repeat;
}
#sidebar .sections li.subsel a, 
#sidebar .sections li.subsel a:visited {
  background: url("/images/sidebar/subselection_arrow.gif") 5px center no-repeat;
}
#sidebar .sections li.open a, 
#sidebar .sections li.open a:visited {
  background: url("/images/sidebar/selection_arrow.gif") 5px center no-repeat;
  color: #fff;
}

/* submenus */
#sidebar .sections li ul {
  display: none;
}
#sidebar .sections li.subsel ul,
#sidebar .sections li.open ul {
  display: block;
  list-style: none;
}
#sidebar .sections li.subsel ul li a, 
#sidebar .sections li.subsel ul li a:visited, 
#sidebar .sections li.open li a, 
#sidebar .sections li.open ul li a:visited {
  background: none;
  color: #5d697e;
  font-weight: normal;
  font-size: 95%;
  padding: 5px 0 7px 20px;
}
#sidebar .sections li.subsel ul li a:hover, 
#sidebar .sections li.open ul li a:hover {
  color: #333;
}
#sidebar .sections li.subsel ul li.sel a, 
#sidebar .sections li.subsel ul li.sel a:visited {
  color: #fff;
}

#sidebar h4 {
  padding: 8px 0 10px 15px;
  line-height: 1em;
  text-decoration: none;
  font-weight: bold;
  font-size: 105%;
  color: #4984cd;
  background: url("/images/sidebar/separator.gif") 1px bottom no-repeat;
}
#sidebar .module {
  margin-left: 15px;
  margin-bottom: 1em;
}

/** =HOMEPAGE
----------------------------------------------- */
.homepage #content {
  width: 720px;
  padding-left: 0;
}

/* homepage splash */
.homepage #splash_wrapper {
  background: #e8f1f7 url("/images/common/splash_fade.gif") repeat-x;
}
.homepage #splash {
  padding-bottom: 0;
}
.homepage #splash p.snippet {
  margin-top: 17px;
  margin-bottom: 22px;
  line-height: 1.6em;
}
.homepage #splash h3 {
  margin-bottom: 20px;
  font-size: 125%;
  font-weight: bold;
  color: #333;
  margin-bottom: 80px;    
}
.homepage .ni {
  margin-bottom: 35px;
  font-size: 110%;
  line-height: 20px;
  color: #777;
}
.homepage .ni img {
  vertical-align: middle;
  margin-left: 5px;
}

.homepage #splash span.number {
  color: #3e7dc8;
  margin-left: 4px;
}
.homepage .splash_text {
  float: left;
  display: inline;
  width: 398px;
  height: 345px;
  overflow: hidden;
  padding-bottom: 18px;
}
.homepage #splash .call_to_action {
  float: left;
  font-size: 120%;
  font-weight: bold;
}
.homepage #splash .call_to_action a, 
.homepage #splash .call_to_action a:visited {
  text-decoration: none;
  font-weight: bold;
}


/* carousel */
.homepage #carousel {
  float: left;
  display: inline;
  width: 512px;
  height: 360px;
  margin-left: 28px;
  background: url("/images/carousel/bg.png") 7px 0 no-repeat;
}
.homepage #carousel ul {
  list-style: none;
}
.homepage #carousel li {
  margin: 0;
}

/* images */
.homepage #carousel_images {
  float: left;
  display: inline;
  height: 313px;
  width: 449px;
  margin: 13px 10px 0 59px;
}
.homepage #carousel_images ul {
  margin: 13px 0 0 1px;  
}
.homepage #carousel_images li {
  float: left;
}


/* controls */
#carousel .controls {
  margin: 13px 11px 7px 172px;
}
#carousel .controls a, 
#carousel .controls a:visited {
  display: block;
  text-indent: -9999px;
  outline: none;
  line-height: 1em;
}

/* circle nav */
#carousel_nav {
  float: left;
  display: inline;
  margin-top: 2px;
}
#carousel_nav a, 
#carousel_nav a:visited {
  float: left;
  display: inline;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  background: url("/images/carousel/circles.png") -10px 0 no-repeat;
}
#carousel_nav a:hover {
  background: url("/images/carousel/circles.png") -20px 0 no-repeat;
}
#carousel_nav a.sel {
  text-decoration: none;
  background: url("/images/carousel/circles.png") 0 0 no-repeat;
}

/* prev/next arrows */
#carousel_buttons {
  width: 45px;
  float: right;
  display: inline;
}
#carousel_buttons li {
  width: 45px;
  float: right;
}
#carousel_buttons a {
  width: 22px;
  height: 17px;
  float: right;
  display: inline;
  text-decoration: none;
  background: url("/images/carousel/buttons.png") 0 0 no-repeat;
}
#carousel_buttons a.prev {
  background-position: 0 0;
}
#carousel_buttons a.prev:hover {
  background-position: 0 -17px;
}
#carousel_buttons a.prev:active {
  background-position: 0 -34px;
}
#carousel_buttons a.next {  
  background-position: -22px 0;
}
#carousel_buttons a.next:hover {
  background-position: -22px -17px;
}
#carousel_buttons a.next:active {
  background-position: -22px -34px;
}

/* text */
#carousel_text {
  float: left;
  display: inline;
}
#carousel_text ul {
  margin: 0;
}
#carousel_text li {
  margin: 0;
  line-height: 1em;
  font-weight: normal;
}

/* features */
#feature_wrapper {
  background: url("/images/common/feature_fade.png") 0 0 repeat-x;  
  border-bottom: 1px solid #dfdfdf;
}
.compatible_with_labview {
    float: right;
    margin: 0 5px 10px 15px;
}
.feature_list {
  width: 960px;
  margin: 0 auto;
  padding: 19px 0 8px 0 ;
  list-style: none;
}
.feature_list li {
  float: left;
  display: inline;
  width: 230px;
  margin: 0 8px 0 0;
}
.feature_list li h3 {
  padding: 0 8px 0 40px;
  font-weight: normal;
  font-size: 110%;
  margin-top: 0;
  margin-bottom: 8px;
}
.feature_list li h3 a, 
.feature_list li h3 a:visited {
  color: #555;
  text-decoration: none;
  line-height: 1.3em;
}
.feature_list li h3 a:hover {
  color: #4984cd;
}
.feature_list li p {
  color: #888;
  font-size: 90%;
  margin-bottom: 6px;
  padding: 0 8px 0 0;
  line-height: 1.3em;
}
.feature_list li p a, 
.feature_list li p a:visited {
  text-decoration: none;
}
.feature_list .capture {
  background: url("/images/icons/package.gif") 0 center no-repeat;
}
.feature_list .backup {
  background: url("/images/icons/disk.gif") 0 center no-repeat;
}
.feature_list .search {
  background: url("/images/icons/search.gif") 0 center no-repeat;
}
.feature_list .report {
  background: url("/images/icons/chart.gif") 0 center no-repeat;
}
.feature_list .hosted {
  background: url("/images/icons/station.gif") 0 center no-repeat;
}
.feature_list .compare {
  background: url("/images/icons/compare.gif") 0 center no-repeat;
}
.feature_list .users {
  background: url("/images/icons/users.gif") 0 center no-repeat;
}

/* benefits */
#benefits {
  float: left;
  display: inline;
  width: 632px;
  margin-right: 0;
  margin-top: 25px;
}
#benefits h3 {
  color: #7a7a7a;
  font-weight: normal;
  margin-bottom: 10px;
  margin-right: 20px;
  background: url("/images/common/divider.gif") right bottom repeat-x;
  padding-bottom: 8px;
}
#benefits ul {
  list-style: none;
}
#benefits li {
  float: left;
  display: inline;
  width: 296px;
  margin: 0 20px 20px 0;
  font-size: 95%;
  line-height: 1.4em;
}
#benefits .fast li {
  margin-bottom: 6px;
}
#benefits h4 {
  margin-bottom: 6px;
  padding-left: 21px;
  font-size: 110%;
  color: #2a344b;
}
#benefits p {
  color: #666;
}
#benefits .operations h4 {
  background: url("/images/icons/operations.png") 0 1px no-repeat;
}
#benefits .qa h4 {
  background: url("/images/icons/qa.png") 0 1px no-repeat;
}
#benefits .engineering h4 {
  background: url("/images/icons/engineering.png") 0 1px no-repeat;
}
#benefits .it h4 {
  background: url("/images/icons/it.png") 0 1px no-repeat;
}
#benefits .quickly h4 {
  background: url("/images/icons/quickly.png") 0 1px no-repeat;
}
#benefits .software h4 {
  background: url("/images/icons/software.png") 0 1px no-repeat;
}
#benefits .software p {
  float: left;
  display: inline;
  width: 236px;
  margin-right: 16px;
}
#benefits .software p.icons {
  float: left;
  display: inline;
  width: 24px;
  margin-right: 0;
}
#benefits .software p.icons img {
  margin-bottom: 3px;
}


/* try */
#try {
  float: left;
  display: inline;
  width: 292px;
  margin-top: 25px;
  border: 1px solid #dae3ea;
  background: #eff3f6;
  padding: 12px 11px;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#try h3 {
  margin: 0 0 15px 0;
  background: url("/images/icons/try_free.png") 0 0 no-repeat;
  padding-left: 30px;
  line-height: 24px;
  font-size: 115%;
  color: #28354b;
}
#try h3 span {
  float: left;
  display: inline;
  line-height: 25px;
}
#try h3 a.free {
  float: left;
  display: inline;
  width: 119px;
  margin: 0 0 0 5px;
  background: url("/images/common/try_free.png") 0 1px no-repeat;
  padding: 0 8px 0 9px;
  color: #fff;
  line-height: 25px;
  text-shadow: #2c517c -1px -1px 1px;
  text-decoration: none;
  font-weight: bold;
}
#try ul {
  margin: 0 0 12px 0;
  list-style: none;
}
#try li {
  color: #555;
  font-size: 85%;
  margin: 0;
  background: url("/images/icons/bullet.png") 0 center no-repeat;
  padding: 1px 0 1px 17px;
}
#try p {
  margin: 0 0 12px 0;
  font-size: 95%;
  line-height: 1.6em;
}

/* feature_boxes */
#feature_boxes {
  margin-bottom: 20px;
}
#feature_boxes ul {
  list-style: none;
}
#feature_boxes li {
  float: left;
  display: inline;
  width: 294px;
  margin: 0 20px 0 0;
  border: 1px solid #efefef;
  background-color: #fff;
}

#feature_boxes .icon {
  float: left;
  display: inline;
  width: 57px;
  height: 104px;
  background: url("/images/icons/feature_boxes.png") 0 0 no-repeat;
}
#feature_boxes .scalable .icon {
  background-position: -57px 0 ;
}
#feature_boxes .save .icon {
  background-position: -114px 0 ;
}

#feature_boxes .text {
  width: 217px;
  float: left;
  display: inline;
  padding: 4px 10px 4px 10px;
}
#feature_boxes .text h3 {
  margin-bottom: 5px;
  font-size: 110%;
}
#feature_boxes .text h3 a, 
#feature_boxes .text h3 a:visited {
  font-weight: bold;
  text-decoration: none;
}
#feature_boxes .text p {
  font-size: 90%;
  line-height: 1.4em;
}

#feature_boxes .save {
  width: 314px;
  margin: 0 0 0 0px;
  border: 1px solid #dae3ea;
}
#feature_boxes .save .text {
  width: 234px;
}

div.divider {
  margin-right: 16px;
  background: url("/images/common/divider.gif") 0 0 repeat-x;
}


/** =FEATURES
----------------------------------------------- */
#content h3.line {
  margin-bottom: .2em;
  border-bottom: 1px solid #eee;
}
h3.line a, 
h3.line a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #2e68b0;
}

.feature_points {
  margin-top: 12px;
  list-style: none;
}
.feature_points li {
  float: left;
  display: inline;
  width: 220px;
  margin: 0 8px 6px 0;
}
#content .feature_points li h4 {
  padding: 4px 8px 3px 30px;
  font-weight: normal;
  font-size: 110%;
  margin-top: 0;
  margin-bottom: 6px;
}
#content .feature_points li h4 a {
  line-height: 1.2em;
  font-weight: normal;
  text-decoration: underline;
}
#content .feature_points li p {
  color: #666;
  font-size: 90%;
  line-height: 1.4em;
  padding: 0 8px 0 0;
}
.feature_points .aggregate {
  background: url("/images/icons/features/aggregate.gif") 0 center no-repeat;
}
.feature_points .attachments {
  background: url("/images/icons/features/attachments.gif") 0 center no-repeat;
}
.feature_points .backup {
  background: url("/images/icons/features/backup.gif") 0 center no-repeat;
}
.feature_points .compare {
  background: url("/images/icons/features/compare.gif") 0 center no-repeat;
}
.feature_points .factories {
  background: url("/images/icons/features/factories.gif") 0 center no-repeat;
}
.feature_points .file_formats {
  background: url("/images/icons/features/file_formats.gif") 0 center no-repeat;
}
.feature_points .hosting {
  background: url("/images/icons/features/hosting.gif") 0 center no-repeat;
}
.feature_points .measurement {
  background: url("/images/icons/features/measurement.gif") 0 center no-repeat;
}
.feature_points .reports {
  background: url("/images/icons/features/reports.gif") 0 center no-repeat;
}
.feature_points .scalability {
  background: url("/images/icons/features/scalability.gif") 0 center no-repeat;
}
.feature_points .search {
  background: url("/images/icons/features/search.gif") 0 center no-repeat;
}
.feature_points .send_data {
  background: url("/images/icons/features/send_data.gif") 0 center no-repeat;
}
.feature_points .stations {
  background: url("/images/icons/features/stations.gif") 0 center no-repeat;
}
.feature_points .upload {
  background: url("/images/icons/features/upload.gif") 0 center no-repeat;
}
.feature_points .uut {
  background: url("/images/icons/features/uut.gif") 0 center no-repeat;
}

div.compare {
  border: 1px solid #d6dbe1;
  margin-bottom: 15px;
}
div.compare table {
  width: 100%;
  border: 1px solid #fff;
  border-width: 1px 0 0 1px;
}
div.compare table th, 
div.compare table td {
  border: 1px solid #fff;
  border-width: 0 1px 1px 0;
  padding: 5px 6px;
  vertical-align: top;
}
div.compare table th {
  background-color: #e8f1f7;
  text-align: right;
}
div.compare table td {
  background-color: #f6f8f9;
  font-size: 85%;
}
div.compare table .competition {
  width: 140px;
}
div.compare table .price {
  color: #333; 
  text-align: right;
}
div.compare table .na {
  color: #999;
  text-align: right;
}
div.compare table .total {
  text-align: right;
  font-weight: bold;
}
div.compare table .savings {
  text-align: right;
  color: #67af5a;
  font-weight: bold;
}
span.benefit {
  font-weight: bold;
}
span.highlight {
  background-color: #fafad2;
}

/** =COMPANY
----------------------------------------------- */
#management h3 {
  margin: 5px 0 0 0;
  font-size: 110%;
}
#management span.position {
  margin: 0 0 0 5px;
  color: #666;
  font-weight: normal;
  font-style: italic;
}
#management p {
  margin-bottom: 0;
}
#management .email {
  margin-bottom: 5px;
}
#management .person {
  float: left;
  display: inline;
  width: 325px;
  margin-right: 20px;
}
.about_position {
  font-style: italic;
}

#sidebar .locations h5 {
  font-size: 100%;
  margin-top: 10px;
}
#sidebar .locations img {
  margin: 8px 0 0 0;
}
#sidebar .locations .city {
  color: #666666;
  font-size: 90%;
}
#sidebar .locations p {
  color: #333333;
  font-size: 84%;
  line-height: 1.7em;
}
#sidebar .locations p {
  font-size: 95%;
}
.client_list .figure {
  float: left;
  display: inline;
  margin: 0 8px 8px 0;
}

/** =SERVICES
----------------------------------------------- */

/** =SIGN UP
----------------------------------------------- */

/** =CONTACT US
----------------------------------------------- */

.trial_form {
  float: left;
  width: 390px;
}
.trial_form legend {
  font-size: 110%;
}
#content .in_touch {
  float: left;
  font-size: 100%;
}
#content .trial_points {
  float: left;
  width: 250px;
  margin: 0 0 0 20px;
  background: #eff3f6;
  padding: 8px 10px 0 10px;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #333;
  font-size: 85%;  
}
.trial_points h4 {
  font-size: 125%;
  margin-bottom: 5px;
}
.trial_points ul {
  list-style: none;
  margin-bottom: 12px;
}
.trial_points li {
  margin: 0;
  background: url("/images/icons/bullet.png") 0 center no-repeat;
  padding: 0 0 0 17px;
  font-size: 100%;
  color: #555;
}

/* modal adjustments */
#modal_try_now h2, 
#modal_try_now .trial_points {
  display: none;
}
#modal_try_now p.in_touch {
  margin-bottom: .75em;
  font-size: 100%;
  color: #555;
}
#modal_try_now .trial_form {
  width: 370px;
}
#modal_try_now .prefer_contact {
  margin-bottom: 0;
}
#modal_try_now .prefer_contact ul {
  margin-bottom: 0;
}
#modal_try_now h3 {
  font-size: 125%;
  margin-bottom: 0.5em;
  margin-top: .5em;
}
#modal_try_now form fieldset {
  width: 380px;
}

.prefer_contact {
  margin: 10px 0 0 0;
}
.prefer_contact h3 {
  color: #223A5E;
}
ul.contact {
  width: 375px;
  list-style: none;
  margin: 0 0 1em 0;
  background-color: #f1f1f1;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.contact li {
  margin: 0;
  padding: 3px 0 3px 43px;
  line-height: 30px;
  font-size: 120%;
}
.contact li a,
.contact li a:visited {
  text-decoration: none;
}
.contact .label {
  width: 55px;
  line-height: 30px;
  color: #666;
}
.contact .num {
  color: #4984cd;
  margin-left: 4px;
  line-height: 30px;
}
.contact .call {
  background: url("/images/icons/phone.png") 11px center no-repeat;
  border-bottom: 1px solid #fff;
}
.contact .email {
  background: url("/images/icons/mail.png") 11px center no-repeat;
}


/** =SEARCHES
----------------------------------------------- */
#l_search {
  background-color: #fff;
  padding: 6px 0;
}
#l_search .box {
  float: left;
  display: inline;
  margin-right: 4px;
  padding-top: 2px;
}
#l_search .box input {
  width: 300px;
}
#l_search .round_button {
  float: left;
  display: inline;
}

h3#search_results_range {
  margin-top: 1em;
  background-color: #e4eef5;
  border-top: 1px solid #ccd4dd;
  padding: 3px 8px;
  font-weight: normal;
  font-size: 90%;
}

#search_results {
  list-style: none;
  width: 540px;
}
#search_results a,
#search_results a:visited {
  color: #2e68b0;
}
#search_results li {
  margin: 0;
  margin-top: 1em;
}
#search_results h3 {
  margin: 0;
  font-size: 110%;
}
#search_results .desc {
  color: #333;
  line-height: 1.3em;
}
#search_results cite {
  color: #008000;
  font-style: normal;
}

#no_search_results {
  margin-top: 1em;
  margin-left: 4px;
}
#no_search_results p {
  color: #333;
}
#no_search_results h3 {
  border-top: 2px solid #eee;
  margin-top: 1em;
  padding-top: 1em;
}

/* sidebar */
#sidebar h4.searches {
  color: #333;
}
#sidebar ul.searches {
  list-style: none;
}
#sidebar ul.searches li {
  float: left;
  display: inline;
  width: 232px;
  margin: 0;
}
#sidebar ul.searches li a, 
#sidebar ul.searches li a:visited {
  width: 210px;
  float: left;
  display: inline;
  margin: 0;
  padding: 5px 3px 5px 16px;
  line-height: 1em;
  text-decoration: none;
  font-size: 105%;
}



/** =COMMON BUTTON STYLES
----------------------------------------------- */
.button { 
  float: left;
  margin: 0;
  border: 0; 
  padding: 0 14px 0 0; 
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  outline: none;
}
.button span { 
  position: relative; 
  display: block; 
  white-space: nowrap; 
  padding: 0 0 0 14px; 
}
button:focus::-moz-focus-inner { 
  border-color: transparent !important; 
} 
button::-moz-focus-inner { 
  border: none;
  padding: 0;
}

a.button:link, 
a.button:visited {
  color: #333;
}
a.button:link span, 
a.button:visited span {
  float: left;
  display: inline;
}
a.icon_button span, 
button.icon_button span {
  padding-left: 8px !important;
}
.button img {
  border: 0;
  vertical-align: middle;
}


/* primary */
button.primary, 
a:link.primary, 
a:visited.primary {
  font-weight: bold;
  color: #000;
}

/* disabled */
button.disabled, 
a:link.disabled, 
a:visited.disabled {
  color: #aaa;
  cursor: default;
}
button.disabled img, 
a.disabled img {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

/** =RECT BUTTON STYLES
----------------------------------------------- */
.rect_button, 
.disabled.rect_button:hover { 
  padding-right: 10px;
  background: url("/images/buttons/rect_normal.png") right no-repeat; 
}
.rect_button span, 
.disabled.rect_button:hover span { 
  height: 14px; 
  line-height: 14px;
  padding-top: 3px;
  padding-left: 10px;
  padding-bottom: 3px;
  background: url("/images/buttons/rect_normal.png") left no-repeat;
}
.rect_button:hover {
  background: url("/images/buttons/rect_hover.png") right no-repeat; 
}
.rect_button:hover span {
  background: url("/images/buttons/rect_hover.png") left no-repeat; 
}
.rect_button:active {
  background: url("/images/buttons/rect_active.png") right no-repeat; 
}
.rect_button:active span {
  background: url("/images/buttons/rect_active.png") left no-repeat; 
}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("/images/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("/images/lightbox/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/images/lightbox/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.0em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* =REDBOX
----------------------------------------------- */
#RB_overlay {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
}
#RB_redbox {
  width: 100%;
  position: absolute;
  top: 0px;
}
#RB_window {
  z-index: 101;
  display: block;
  text-align: left;
  overflow: hidden;
  margin: 20px auto 0 auto;
  position: absolute;  
}

/* =MODAL
----------------------------------------------- */
.modal_box .tl, 
.modal_box .tr, 
.modal_box .bl, 
.modal_box .br {
  height:10px;
  overflow:hidden;
  padding:0;
  width:10px;
}
.modal_box .b {
  background: url("/images/modal/b.png");
}
.modal_box .tl {
  background: url("/images/modal/corners.png") 0 0 no-repeat;
}
.modal_box .tr {
  background: url("/images/modal/corners.png") -10px 0 no-repeat;
}
.modal_box .bl {
  background: url("/images/modal/corners.png") 0 -10px no-repeat;
}
.modal_box .br {
  background: url("/images/modal/corners.png") -10px -10px no-repeat;
}

.modal_box .box {
  padding: 0;
  border: 0;
  width: 390px;
  background-color: #fff;
}
.modal_box .head {
  border: 1px solid #000;
  background: #393939 url("/images/modal/head_fade.png") repeat-x;
  padding: 0 7px;
  color: #fff;
  font-size: 105%;
  font-weight: bold;
  letter-spacing: 0.3px;
  text-shadow: #426490 -1px -1px 1px;
  line-height: 25px;
}
.modal_box .head .title {
  float: left;
}
.modal_box .head .close a, 
.modal_box .head .close a:visited {
  width: 20px;
  height: 18px;
  float: right;
  margin-top: 3px;
  background: url("/images/modal/close.png") 0 0 no-repeat;
  text-indent: -9999px;
  font-size: 1px;
}
.modal_box .head .close a:hover {
  background-position: 0 -18px;
}

.modal_box .head .close a:active {
  background-position: 0 -36px;
}


.modal_box .content {
  border: 1px solid #555;
  border-top: 0;
}
.modal_box .content .summary {
  border-bottom: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 6px 10px;  
}
.modal_box .content .body {
  padding: 10px 10px;    
}
.modal_box .content .buttons {
  border-top: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 6px 10px 6px 10px;  
  text-align: right;
}
.modal_box .content .buttons a, 
.modal_box .content .buttons button {
  float: right;
  margin: 0 0 0 4px;
  vertical-align: middle;
}