body {
  min-width: 912px;
}

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 912px;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 9px;
  margin-right: 9px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
  position:relative;
}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

.container_12 .grid_1 {width:58px;}
.container_12 .grid_2 {width:134px;}
.container_12 .grid_3 {width:210px;}
.container_12 .grid_4 {width:286px;}
.container_12 .grid_5 {width:362px;}
.container_12 .grid_6 {width:438px;}
.container_12 .grid_7 {width:514px;}
.container_12 .grid_8 {width:590px;}
.container_12 .grid_9 {width:666px;}
.container_12 .grid_10 {width:742px;}
.container_12 .grid_11 {width:818px;}
.container_12 .grid_12 {width:894px;}

.container_12 .prefix_1 {padding-left:76px;}
.container_12 .prefix_2 {padding-left:152px;}
.container_12 .prefix_3 {padding-left:228px;}
.container_12 .prefix_4 {padding-left:304px;}
.container_12 .prefix_5 {padding-left:380px;}
.container_12 .prefix_6 {padding-left:456px;}
.container_12 .prefix_7 {padding-left:532px;}
.container_12 .prefix_8 {padding-left:608px;}
.container_12 .prefix_9 {padding-left:684px;}
.container_12 .prefix_10 {padding-left:760px;}
.container_12 .prefix_11 {padding-left:836px;}

.container_12 .suffix_1 {padding-right:76px;}
.container_12 .suffix_2 {padding-right:152px;}
.container_12 .suffix_3 {padding-right:228px;}
.container_12 .suffix_4 {padding-right:304px;}
.container_12 .suffix_5 {padding-right:380px;}
.container_12 .suffix_6 {padding-right:456px;}
.container_12 .suffix_7 {padding-right:532px;}
.container_12 .suffix_8 {padding-right:608px;}
.container_12 .suffix_9 {padding-right:684px;}
.container_12 .suffix_10 {padding-right:760px;}
.container_12 .suffix_11 {padding-right:836px;}

.container_12 .push_1 {left:76px;}
.container_12 .push_2 {left:152px;}
.container_12 .push_3 {left:228px;}
.container_12 .push_4 {left:304px;}
.container_12 .push_5 {left:380px;}
.container_12 .push_6 {left:456px;}
.container_12 .push_7 {left:532px;}
.container_12 .push_8 {left:608px;}
.container_12 .push_9 {left:684px;}
.container_12 .push_10 {left:760px;}
.container_12 .push_11 {left:836px;}

.container_12 .pull_1 {left:-76px;}
.container_12 .pull_2 {left:-152px;}
.container_12 .pull_3 {left:-228px;}
.container_12 .pull_4 {left:-304px;}
.container_12 .pull_5 {left:-380px;}
.container_12 .pull_6 {left:-456px;}
.container_12 .pull_7 {left:-532px;}
.container_12 .pull_8 {left:-608px;}
.container_12 .pull_9 {left:-684px;}
.container_12 .pull_10 {left:-760px;}
.container_12 .pull_11 {left:-836px;}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

body {
  font-size: 16px;
  font-family: "futura-pt", helvetica;
  font-weight: 300;
  font-style: normal;

  background: #fff
  color: #343746;

  border: 0;
  margin: 0;
  padding: 0;
}

a, a:active {
  text-decoration: none;
  color: #343746;
  outline: none;
}

a:hover {
  color: #ccc;
  -webkit-transition: color .25s linear;
  -moz-transition: color .25s linear;
  transition: color .25s linear;
}

.delim {
  height: 70px;
  border-bottom: 1px dashed #989898;
}

#menu {
  margin-top: 20px;
  height: 100px;
  border-bottom: 1px solid white;
}

#menu img {
  width: 70px;
  height: 70px;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding-top: 20px;
}

#menu li {
  float: right;
  border-right: 1px solid #555555;
  padding: 0 10px 0 10px;

  font-weight: 700;
  font-size: .85em;
}

#menu li:first-child {
  border-right: 0;
  padding-right: 0;
}

#header-small {
  height: 75px;
  background: url("images/header-small.png") no-repeat 9px 0px;
}

#header {
  height: 400px;
  background: url("images/header.png") no-repeat 9px 0px;

  color: white;
  text-shadow: rgba(150, 0, 0, 0.5) 1px 1px 0px;
}

#header div:first-child {
  margin-top: 35px;
}

#header .title {
  font-family: "futura-pt-condensed", helvetica;
  font-weight: 500;
  font-size: 8em;
}

#header .subtitle {
  font-weight: 500;
  font-size: 2.5em;
  margin-left: 10px;
}

#header .claim {
  font-weight: 300;
  font-size: 2em;
  margin-left: 5px;
}

#header .dots {
  font-weight: 500;
  font-size: 2em;
  margin-left: 12px;
  vertical-align: -15%;
}

#header a {
  font-size: 1.5em;
  font-weight: 500;

  margin-top: 35px;
  padding: 12px 0 12px 0;

  display: block;
  width: 190px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 50px;
  color: white;
  text-align: center;
}

#header a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color .25s linear;
  -moz-transition: background-color .25s linear;
  transition: background-color .25s linear;
}

#header a:active {
  -webkit-transform: scale(1.01, 1.01);
  -moz-transform: scale(1.01, 1.01);
  transform: scale(1.01, 1.01);
}

#header .require {
  font-size: .7em;
  padding: 12px 0 0 0;
  display: block;
  text-align: center;
}

#purchase {
  text-align: center;
  padding-top: 50px;
  color: #343746;
}

#purchase .title {
  font-size: 3em;
  font-family: "futura-pt-condensed", helvetica;
  font-weight: 500;
}

#purchase .delim {
  height: 40px;
}

.wf-loading {
  visibility: hidden;
}

#fastspring {
  text-align: left;
}

#fastspring ul {
  list-style-type: none;
}

#fastspring li {
  height: 25px;
}

#fastspring .core-messages {
  margin-top: 10px;
}

#fastspring #store-variation-selection {
  visibility: hidden;
}

#fastspring .store-product-detail {
  padding-top: 0px;
  padding-bottom: 25px;
}

#fastspring .store-product-detail-pricing {
  font-weight: 700;
  font-size: 2.0em;
  vertical-align: top;
  color: rgb(0, 68, 106);
  margin-left: 7.5em;
}

#fastspring .store-product-detail-description-short:after {
  content: "You may use your license to install Vicious for Xcode on as many as computers as you like, but you're obviously not allowed to share your license with your coworkers or other developers.";
}

#fastspring .core-form-field-area-left,
#fastspring .core-form-field-area-right {
  width: 330px;
}

#fastspring .core-form-field-body-note {
  font-size: .75em;
  width: 315px;
}

#fastspring input {
  border: 1px solid #343746;
  border-radius: 2px;
  height: 24px;
  width: 250px;
  margin: 10px 0 10px 0;
  padding: 3px;
  background-image: none;

  font-family: "futura-pt", helvetica;
  font-size: 1.2em;
  font-weight: 300;
}

#fastspring input[type="radio"] {
  width: 20px;
}

#fastspring label {
  font-size: 1.2em;
  font-weight: 500;
  color: #343746;
}

#fastspring label.core-label-optional:after {
  font-size: .75em;
  color: #ed5f16;
  content: " (optional)";
}

#fastspring .store-section-customer-address {
  padding-top: 30px;
}

#fastspring select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;

  border: 1px solid #343746;
  border-radius: 2px;
  height: 32px;
  width: 258px;
  margin: 10px 0 10px 0;
  padding: 3px;

  font-family: "futura-pt", helvetica;
  font-size: 1.2em;
  font-weight: 300;
}

#fastspring .store-section-payment {
  padding-top: 5px;
}

#fastspring .store-page-navigation {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}

#fastspring .store-page-navigation .store-action-list {
  text-align: center;
}

#fastspring .store-page-navigation a {
  width: 250px;
  height: 36px;
  border: 6px solid #d5d5d5;
  border-radius: 50px;
  background: #ed5f16;
  text-align: center;
}

#fastspring .store-page-navigation a:active {
  border-color: #eee;
  -webkit-transition: border-color .1s linear;
  -moz-transition: border-color .1s linear;
  transition: border-color .1s linear;
}

#fastspring .store-page-navigation a span {
  color: white;
  background-image: none;
  font-family: "futura-pt", helvetica;
  font-size: 1.75em;
  font-weight: 300;
  font-style: normal;
}

#fastspring .store-notice-reseller a {
  color: #ed5f16;
}

#fastspring .norton {
  width: 115px;
  margin: 0 auto;
  padding-bottom: 50px;
}

#fastspring .store-section-order-contents {
}

#fastspring .store-section-order-contents .core-section-body {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

#fastspring .store-order-pricing {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

#fastspring .store-field-cc-number {
  float: left;
  width: 230px;
}

#fastspring .store-field-cc-number input {
  width: 200px;
}

#fastspring .store-field-cc-expire {
  margin-top: 0;
  float: left;
  width: 220px;
}

#fastspring .store-field-cc-expire select {
  width: 90px!important;
}

#fastspring .store-section-payment-details-billing {
  padding-top: 30px;
}

#fastspring .store-surveys {
  visibility: hidden;
}

#fastspring .store-section-complete h2 {
  visibility: hidden;
}

#fastspring #store-delivery-message:after {
  content: "You will also receive another email containing your license key.";
}


#logo {
  width: 100%;
  text-align: center;
  height: 64px;
}

#logo img {
  width: 128px;
  height: 128px;
}

#footer {
  width: 100%;
  background-color: rgb(0, 68, 106);
  padding-top: 80px;
  padding-bottom: 20px;
}

#footer #content {
  color: white;
  font-size: .9em;
  padding-left: 40px;
}

#footer .title {
  margin-bottom: 10px;
  font-weight: 700;
}

#footer .bold {
  font-weight: 500;
}

#footer .label {
  font-weight: 500;
  display: block;
  margin-top: 10px;
}

#footer .label:first-child {
  margin-top: 0;
}

#footer a {
  color: white;
  text-decoration: none;
}

#footer #copy {
  font-size: .85em;
  margin-top: 30px;
  color: rgb(57, 98, 140);
  text-align: center;
}

#footer #copy span {
  margin-left: 35px;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

#footer li {
  margin: 0;
  padding: 5px 0 10px 0;
}

#footer li img {
  padding: 0 5px 0 2px;
}

#footer a span {
  vertical-align: 25%;
}