* {
  margin: 0;
  padding: 0; }

body {
  background: #ebebeb url(/images/bg_gradient.gif) repeat-x; }

a img {
  border: 0; }

.pageContainer {
  width: 1000px;
  margin: auto; }

.leftColumn {
  width: 425px;
  float: left; }

.rightColumn {
  width: 425px;
  float: right; }

.clearBoth, .clearBothMargin {
  clear: both; }

.clearBothMargin {
  height: 50px; }

.header {
  height: 100px;
  padding: 0px 50px; }
  .header .tenderlyLogo {
    margin-top: 50px; }
  .header .navigation {
    text-align: right;
    position: relative;
    width: 500px;
    height: 100px;
    float: right;
    z-index: 4; }
    .header .navigation td {
      text-align: center;
      padding-right: 25px;
      height: 25px;
      vertical-align: bottom; }
    .header .navigation td.navText {
      height: 80px; }
    .header .navigation a {
      font: normal 15px "Lucida Sans Unicode", Lucida Grande, Arial, Helvetica, sans serif;
      color: #000;
      text-decoration: none; }
      .header .navigation a img.chevron {
        display: block;
        width: 7px;
        height: 5px; }

* html .header {
  margin-bottom: -10px; }

h1.pageTitle {
  color: #39808E;
  font: bold 40px/36px Helvetica, Arial, sans-serif;
  padding-top: 160px;
  letter-spacing: -2px; }

h2.pageTagline {
  width: 350px;
  padding-top: 15px;
  color: #000;
  font: bold 18px/27px Arial, Helvetica, sans-serif; }

.content {
  background: #fff;
  padding: 0px;
  border-top: 1px solid #acacac;
  position: relative;
  zoom: 1; }
  .content .logoChevron {
    position: absolute;
    margin-top: -1px;
    width: 7px;
    height: 5px;
    left: 115px; }
  .content a.jumpline {
    display: block;
    margin-top: 15px;
    color: #11343A;
    text-decoration: none;
    font: normal 12px/12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
    .content a.jumpline img {
      padding-top: 3px;
      vertical-align: top;
      border: 0; }
  .content a.jumpline:hover {
    text-decoration: underline; }
  .content h3 {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #39708E;
    margin: 0px 0px 5px 0px;
    text-decoration: none; }
    .content h3 a, .content h3 a:visited {
      text-decoration: none;
      color: #39708E; }
  .content .splash {
    background: #fff url(/images/abstract_smoke.jpg) no-repeat;
    padding: 0px 50px;
    height: 520px; }
  .content .splashPricing {
    background: #fff url(/images/pricing_smoke.jpg) no-repeat;
    padding: 0px 50px;
    height: 520px; }
  .content .splashWhy {
    background: #fff url(/images/why_smoke.jpg) no-repeat 0 -120px;
    height: 520px;
    padding: 0px 50px; }
  .content .splashNoBG {
    background: #fff;
    padding: 0px 50px;
    height: 240px; }
  .content .tagline {
    margin-top: 128px; }
  .content .screenshot {
    position: absolute;
    top: 70px;
    right: 30px;
    width: 534px;
    height: 393px;
    background: url(/images/screenshot.png) no-repeat; }
  .content .role {
    padding: 25px 50px;
    background: #FFFAAF;
    border-top: 1px solid #878760;
    border-bottom: 1px solid #878760; }
    .content .role table {
      border-collapse: collapse; }
    .content .role .rolePanel {
      width: 266px;
      font: normal 13px/21px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
      color: #112615;
      letter-spacing: -0.8px; }
    .content .role .roleSpacer {
      width: 50px; }
    .content .role h3 {
      font: bold 14px/14px Arial, Helvetica, sans-serif;
      color: #15352A;
      margin-bottom: 5px; }

.information {
  padding: 50px;
  font: normal 14px/24px Lucida Sans, Arial, Helvetica, sans-serif;
  color: #112615;
  position: relative;
  zoom: 1; }
  .information p {
    margin-bottom: 10px; }
  .information ul {
    margin-left: 15px;
    padding-left: -15px;
    list-style: square outside none; }
  .information h2#projectManagement, .information h2#subManagement, .information h2#onlineTendering, .information h2#customize {
    margin-top: 10px;
    margin-bottom: 5px;
    height: 25px;
    width: 300px;
    background: url(/images/headings.gif) no-repeat; }
  .information h2#projectManagement {
    background-position: 0px -25px; }
  .information h2#subManagement {
    background-position: 0px -50px; }
  .information h2#customize {
    background-position: 0px -75px; }
  .information .spacer {
    clear: both;
    height: 50px; }

.primaryAction {
  border: 1px solid #007236;
  padding: 20px; }
  .primaryAction h3 {
    font: bold 16px/16px Arial,Helvetica,sans-serif;
    color: #007236; }

.secondaryAction {
  border: 1px solid #0071BC;
  padding: 20px; }
  .secondaryAction h3 {
    font: bold 16px/16px Arial,Helvetica,sans-serif;
    color: #0071BC; }

.footer {
  background: #363636;
  font: normal 12px/18px Lucida Sans, Arial, Helvetica, sans-serif;
  border-top: 1px solid #767676;
  color: #bbb;
  padding: 0px 50px; }
  .footer p {
    margin-top: 10px; }
  .footer strong {
    color: #eee;
    font-weight: bold; }
  .footer a {
    color: #eee;
    font-weight: bold;
    text-decoration: none; }
  .footer .constrexLogo {
    width: 100px;
    height: 31px;
    margin: 85px 165px; }

.pricingNB {
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #39708E;
  text-align: center;
  margin-top: 60px; }

table.priceItem {
  border-collapse: collapse;
  border: 1px solid #bbb;
  background: #ebebeb;
  width: 100%;
  margin-top: 12px; }
  table.priceItem td.priceDescription {
    width: 75%;
    padding: 16px;
    font: bold 18px "Secca Std", Arial, Helvetica, sans-serif;
    text-shadow: #fff 1px 1px; }
  table.priceItem td.price {
    width: 25%;
    padding: 16px;
    font: bold 20px "Secca Std", Arial, Helvetica, sans-serif;
    text-align: center;
    color: #39708E; }

h2#pricingPerpetual, h2#pricingSupport, h2#pricingUnlimited, h2#pricingEvaluation, h2#pricingMethod {
  height: 25px;
  width: 400px;
  margin-top: 15px;
  margin-bottom: 5px;
  background: #fff url(/images/pricing_headings.gif) no-repeat; }

h2#pricingSupport {
  background-position: 0px -50px; }

h2#pricingUnlimited {
  background-position: 0px -25px; }

h2#pricingEvaluation {
  background-position: 0px -100px; }

h2#pricingMethod {
  background-position: 0px -75px; }

h2#whyEngineers, h2#whyProjectManagers, h2#whyIT {
  height: 25px;
  width: 300px;
  margin-top: 15px;
  margin-bottom: 5px;
  background: #fff url(/images/why_headings.gif) no-repeat; }

h2#whyEngineers {
  background-position: 0 -25px; }

h2#whyIT {
  background-position: 0 -50px; }

table.supportPricing {
  width: 100%;
  margin-top: 15px;
  border-collapse: collapse;
  border-top: 1px solid #bbb; }
  table.supportPricing td.supportDesc {
    width: 75%;
    padding: 5px;
    border-bottom: 1px solid #bbb; }
  table.supportPricing td.supportPrice {
    text-align: center;
    width: 25%;
    padding: 5px;
    color: #39708E;
    border-bottom: 1px solid #bbb; }

td.column33 {
  width: 266px;
  vertical-align: top; }
  td.column33 h4 {
    margin-top: 10px;
    color: #39708E; }

td.columnspacer {
  width: 50px; }

.splashFeatures {
  background: #fff url(/images/features_smoke.jpg) no-repeat;
  height: 500px;
  padding: 0px 50px; }

.download {
  margin: 20px 0;
  background: #fff;
  border: 1px solid #bbb;
  padding: 15px;
  position: relative; }
  .download h2 {
    font: bold 16px Arial, Helvetica, sans-serif; }
  .download .osImage {
    float: left;
    margin-right: 15px; }
  .download .versionInformation {
    font: normal 12px/20px Arial, Helvetica, sans-serif;
    color: #888; }
  .download .data {
    color: #222; }

.contactForm {
  float: left;
  width: 560px; }

.contactDetails {
  float: right;
  width: 290px;
  font: normal 12px Arial,Helvetica,sans-serif; }
  .contactDetails dl {
    font: normal 12px Arial,Helvetica,sans-serif; }
  .contactDetails dt {
    font-weight: bold;
    margin-top: 12px; }
  .contactDetails dd {
    color: #696762; }

.formControl {
  padding-top: 10px;
  clear: both; }
  .formControl label {
    float: left;
    padding-top: 2px;
    display: block;
    width: 110px;
    font: normal 12px Arial, Helvetica, sans-serif; }
  .formControl input, .formControl textarea {
    float: left;
    padding: 2px;
    color: #696762;
    font: normal 12px Arial, Helvetica, sans-serif; }

.formActions {
  padding-top: 20px;
  padding-left: 110px;
  clear: both; }

.eula h1 {
  margin-bottom: 20px; }
.eula h2 {
  color: #39708E;
  font: bold 16px/24px Arial, Helvetica, sans-serif;
  margin-top: 20px; }
.eula ul {
  margin-bottom: 10px;
  margin-left: 30px; }