* html object.mov {
  display: none;
}
* html object.mov/**/ {
  display: inline;
}
* html object.mov {
  display/**/: none;
}

html 
{ 
  min-height: 100%; 
  height: auto; 
  border:none;
}

h2 {
  color:#fff;
  text-transform:lowercase;
  font-weight:normal;
  font-size:1.8em;
  letter-spacing:-1px;
}
h2 {
  color:#bbb;
}

a {
  color:#fff;
  text-decoration:none;
}

#video {
  width:720px;
  height:400px;
  background-image:url(../images/start.gif);
  clear:both;
}
* html #video {
  clear:inherit;
}

#title,
#title_start,
#title_pricing {
  width:900px;
  height:379px;
  position:relative;
  clear:both;
}

#title img,
#title_start img,
#title_pricing img { border:none; }

#title img {
  border:0;
}

/* ================= */
/* = Pricing table = */
/* ================= */

#title_pricing {
  height: 428px;
}
#title_pricing_table {
  position: relative;
  height: auto;
  width: 900px;
  background: url(../images/page-header-pricing-empty.png) no-repeat left top;
  overflow: visible;
  border-top: 1px solid #444;
}

table.tbl-pricing {
  margin: 20px 40px;
  table-layout: fixed;
  width: 775px;
}
table.tbl-pricing th,
table.tbl-pricing td {
  padding: .25em .5em;
  font-size: 13px;
  color: #DDD;
  text-align: center;
  vertical-align: bottom;
}

table.tbl-pricing thead th {
  padding-top: 25px;
  font-size: 21px;
  color: #FFF;
}

table.tbl-pricing tbody th {
  text-align: right;
  font-size: 11px;
  color: #999;
  width: 150px;
}
table.tbl-pricing tbody th acronym {
  margin-right: -16px;
  padding-right: 16px;
  background: url(../images/i-questionmark.gif) no-repeat right 2px;
}

table.tbl-pricing td em {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #999;
}

/* New plans */
table.tbl-pricing .plan-new strong {
  margin-right: -22px;
  padding-right: 22px;
  background: url(../images/i-new.gif) no-repeat 100% 0px;
}

/* Highlighted plan*/
table.tbl-pricing .plan-highlight {
  background-color: #343434;
  color: #FFF;
}
table.tbl-pricing thead .plan-highlight {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-radius: 4px;
}

/* Price */
.tbl-pricing .row-price td {
  font-size: 13px;
  color: #999;
}
.tbl-pricing .row-price strong {
  padding: 0 .25em;
  font-weight: normal;
  font-size: 21px;
  color: #FFF;
  font-family: Georgia, serif;
}

/* Markers and special characters */
.tbl-pricing .plan-unlimited {
  color: #8BBF6D;
  font-size: 18px;
  font-weight: 100;
  line-height: .5;
}
.tbl-pricing .plan-feature-marker {
  color: #8BBF6D;
  font-size: 18px;
  font-weight: 100;
  line-height: .5em;
}
.tbl-pricing .plan-empty {
  color: #666;
  font-size: 10px;
}

/* signup button in the pricing table */
.tbl-pricing a.btn-signup {
  display: block;
  margin: 4px 0 10px 36px;
  color: #FFF;
  font-size: 12px;
  text-shadow: #030 0 -1px 0;
  line-height: 1;
  background: url(../images/btn-small-left.gif) no-repeat 0 0;
  width: 83px;
  height: 26px;
}
.tbl-pricing a.btn-signup strong {
  display: block;
  padding: 6px 17px 0px 6px;
  margin-left: 7px;
  background: url(../images/btn-small-right.gif) no-repeat right top;
  height: 20px;
}
.tbl-pricing a.btn-signup:hover {
  background-position: 0 -26px;
  color: #FFF;
}
.tbl-pricing a.btn-signup:hover strong {
  background-position: 100% -26px;
}

.tbl-pricing a.btn-more {
  margin-left: 25px;
  width: 103px;
}

/* Free trial sentence */
.pricing-freetrial {
  position: absolute;
  left: -20px;
  top: 20px;
  margin: 0;
  padding: 35px 15px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  text-shadow: #000 0 1px 0;
  width: 90px;
  height: 50px;
  background: url(../images/pricing-trial-badge.png) no-repeat 0 0;

  -webkit-transform:rotate(-15deg) scale(1);
  -webkit-transition: all 0.5s ease-in-out;
}
.pricing-freetrial:hover {
  -webkit-transform:rotate(-10deg) scale(1.125);
}

/* Free plan sentence */
.pricing-plan-free {
  margin: 0 0 1px 0;
  padding: 16px;
  color: #999;
  font-size: 13px;
  text-align: center;
  background-color: #000;
}
.pricing-plan-free a {
  margin: 0 .5em;
  color: #8BBF6D;
  border-bottom: 1px solid #8BBF6D;
}
.pricing-plan-free a:hover {
  color: #FFF;
  border-color: #FFF;
}


div#video-wrapper {
  background:#222;
  width:810px;
  height:400px;
  padding:20px 0 20px 90px;
  clear:both;
}

div#controls-wrapper {
  clear:both;
  height:40px;
  width:810px;
  padding:0 0 0 90px;
}

#controls {
  height:20px;
  margin-top:5px;
  width:710px;
}

#track,#play,#pause {opacity:0; filter:alpha(opacity=0);}

#alternatives {
  margin-top:10px;
  margin-bottom:20px;
  background-color:#844;
  opacity:0.9;
  font-size:0.8em;
  color:#fff;
  padding:10px;
  text-align:center;
}
#alternatives a {
  border-bottom:1px solid #fff;
}
#track {
  float:right;
  width:644px;
  background-color:#333;
  height:4px;
  position:relative;
  z-index:0;
  margin-top:11px;
}
#handle {
  top:-8px;
  left:0;
  position:absolute;
  background:url(../images/handle.gif);
  z-index:2;
  width:9px;
  height:20px;
}
#span-start {
  top:0;
  left:0;
  position:absolute;
  background-color:#8cc06c;
  overflow:hidden;
  height:4px;
  z-index:1;
}
em {
  font-style:normal;
  font-weight:bold;
  color:#8cc06c;
}
#content {
  clear:both;
  background-color:#111;
  text-decoration:none;
  font-size:0.8em;
  color:#fff;
  padding: 30px 38px 60px 20px;
}

div.column {
  width:380px;
}

div.left { float:left; margin-left:20px; text-align:right;}
div.right { float:right; }

div#fluxiom-overview { 
  float:left;
  margin:0 0 0 41px;
  width:388px;
}

img#file-chaos-solved { margin:16px 0 20px 0;}

div#fluxiom-overview p { margin-left:0; }
div#fluxiom-overview h3 { padding-left:0; }

#content h1 {
  font-size: 2.0em;
  font-weight:normal;
  text-transform:lowercase;
  padding-left:380px;
  color:#fff;
  letter-spacing:0px;
  padding-bottom:10px;
}

#content h2 {
  font-size: 1.4em;
  text-transform: lowercase;
  font-weight:normal;
  color: #fff;
  letter-spacing:0px;
  margin-top:18px;
  width:340px;
  float:left;
  line-height:1.6em;
  text-align:right;
}

#content h2 img {
  margin-right:30px;
}

#content h3 {
  font-size: 1.4em;
  padding-top:18px;
  margin-bottom:0px;
  padding-bottom:10px;
  padding-left:380px;
  font-weight:normal;
  color:#97c478;
  text-decoration:none;
  line-height:1.5em;
}

div#content div.column h3 {
  padding-left:0;
}

#content h3 span {
  color:#dd74eb;
}

#content strong {
  color:#97c478;
  font-weight:normal;
}

#content p {
  font-size: 1.0em;
  line-height: 1.6em;
  text-align:left;
  color:#aaa;
  margin-left:380px;
  margin-top:0px;
  letter-spacing:0px;
}

div#content div.column p { margin-left:0; }

div#content div.left p { text-align:right; }

#content p.statement {
  padding-top:0px;
  font-size: 1.2em;
  line-height: 1.4em;
  color:#ccc;
  margin-bottom:0px;
  padding-bottom:12px;
}

#content p img.icon {
  float:  left;
  margin-right: 20px;
  margin-left: -100px;
  margin-top: -20px;
}

#content span.from {
  display:block;
  padding-top: 6px;
  padding-bottom: 24px;
  color: #fff;
  font-style: normal;
  font-size: 11px;
}
html>body #content span.from { margin-left: -.9em; }

#content .cutout  {
  color:#666;
}

#content p img {border:0;}

img.tip {
  position:relative;
  top:3px;
  margin-right:5px;
}

div#content blockquote {
  float: left;
  margin: 160px 0 0 80px;
  font: italic 20px/28px Georgia, "Times New Roman", sans-serif;
  text-align: left;
  letter-spacing: 1px;
  color: #BBB;
  text-shadow: #000 0 0 0;
  width: 250px;
}
div#content blockquote p { padding-left:0; margin-left:0; float:left; top:-30px; position:relative;}

div#content blockquote em.left {
  float: left;
  position: relative;
  top: 20px;
  left: -40px;
  font-size: 72px;
  color: #97C478;
}

#content img.screenshot {
  margin-left:380px;
  display:block;
  border:2px solid #cacbcb;
}
#content a {
  color: #ddd;
  text-decoration: underline;
}

#content a:hover {
  color: #444;
  background: #fff;
  text-decoration: none;
}


#content ul,ol {
  font-size: 1.0em;
  margin-top:0px;
  padding-top:0px;
  line-height: 1.6em;
  text-align:left;
  color:#aaa;
  padding-left:400px;
}

#content em {
  font-size: 1.0em;
  color:#aaa;
  font-weight:normal;
}

#content pre {
  margin: 15px;
  margin-left:380px;
  padding: 15px;
  background-color: #000;
}

#content code {
  color: #8cc06c;
  font-size: 10px;

}

.clear { clear:both; }

.two-col {
  float: left;
  margin: 0 0 0 40px;
  width: 370px;
}
#content .two-col h2,
#content .two-col h3,
#content .two-col p {
  margin-left: 0;
  padding-left: 0;
}

div.three-col {
  width: 230px;
  float: left;
  margin: 0 0 0 50px;
}
div.three-col-double {
  width: 460px;
}

div#content div.three-col p { margin-left:0; }

div.three-col.first-child {
  margin-left:40px;
}

div#content div.three-col ul, div#content div.three-col h3 {
  margin-left:0;
  padding-left:0;
}

div#content div.three-col h3 {
  font-size:14px;
}

div#content div.three-col ul { 
  color:#999;
  font-size:11px;
}

div.three-col.case-studies-statement { 
  margin-left:30px; 
  margin-right:0; 
  font-size:11px;
  width:240px;
}
div.three-col.case-studies-statement p {
  height: 150px;
}

div.first-child.case-studies-statement { margin-left:40px; }
div.last-child.case-studies-statement { margin-right:0; }

html>body #content.case-study-content p .quote {
  margin-left: -.45em;
}

div#content div.three-col ul li { margin-bottom:7px; }

div#content div.three-col ul em {
  color:#fff;
}

div.caption {
  clear: left;
  background:#252525;
  padding:4px;
  border:1px solid #555;
  float:left;
  margin:5px 0 0 17px;
  position:relative;
  top:-65px;
}

div.caption img { float:left; }

div#content.case-study-content .more-reviews { 
  padding: 10px 0 0 0; 
  margin: 0 0 10px 40px;
  clear: both;
}

div#content a.image-link { 
  float:left;
  margin: 0 0 20px 40px; 
  background:none!important;
}

div#content p small {
  font-size:10px;
  color:#777;
}

div#content p span.asterisk { color:#777; }

/* Unsubscribe */
div#bye {
  padding:40px 0;
  text-align:center;
}

#content div#bye p {
  text-align:center;
  margin:0 auto;
  width:400px;
}

#content div#bye p#assets-deleted {
  font-size:14px;
  font-weight:bold;
  margin:15px auto;
  color:#93c67b;
}

#content div#bye p#no-further-charges { margin-bottom:15px; }


/* Case studies page */
#case-studies .page_header {
  margin-left: 0;
  background: url('../images/case-studies-header.png') no-repeat 0 0;
  height: 200px;
}

#case-studies .cs-box {
  margin: 0 0 40px 40px;
  overflow: hidden;
  zoom: 1;
}
#case-studies .cs-box a {
  display: block;
  text-decoration: none!important;
  background-color: transparent!important;
}

#case-studies .cs-box cite {
  display: block;
  padding: 0 0 16px 0;
  margin: 0 0 .5em 0;
  color: #CCC;
  font: italic 110%/1.35 Georgia, "Times New Roman", sans-serif;
  text-shadow: #222 0 -1px 1px;
  width: auto;
  background: url(../images/cs-callout.gif) no-repeat 35px 100%;
}
#case-studies .cs-box a:hover cite {
  background-position: -248px 100%;
}
#case-studies .cs-box cite span {
  display: block;
  padding: 1em;
  margin: 8px 8px 0 8px;
  height: 8.5em;
  background-color: #222;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#case-studies .cs-box a:hover cite span {
  background-color: #333;
  color: #FFF;
}

#case-studies .cs-box a .cs-author {
  display: block;
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 85%;
  color: #FFF;
}
#case-studies .cs-box a:hover .cs-author {
  text-decoration: none;
}
#case-studies .cs-box a .cs-author img {
  float: left;
  margin: -5px 13px 13px 13px;
  width: 48px;
  height: 48px;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}


/* Case-Studies CAI/Christof Wagner*/
body#case-study #container.case-studies {
  background: #111 url(../images/case-studies_container.jpg) left top no-repeat;
}
body#case-study #title.case-studies {
  border-bottom: 1px solid #393939;
  height: 377px;
}
body#case-study #title.case-studies p{
  font-size: 12px;
  position: relative;
  float: left;
  margin-left: 60px;
  width: 425px;
  color: #222222;
}
body#case-study #title.case-studies a {
  font-size: 12px;
}
body#case-study #title.case-studies blockquote {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  color: #2c2828;
  margin-left: 60px;
  margin-top: 32px;
  margin-bottom: 18px;
  float: left;
  width: 390px;
}
body#case-study #title.case-studies blockquote span.quote {
  background: url(../images/case-study-quote.png) left 4px no-repeat;
  height: 24px;
  width: 30px;
  display: block;
  float: left;
}

body#case-study #title.case-studies blockquote.cai span.quote {
  background: url(../images/case-study-quote_red.png) left 4px no-repeat;
}

body#case-study #title.case-studies blockquote.lastrada span.quote {
  background: url(../images/case-study-quote_orange.png) left 4px no-repeat;
}

body#case-study #title.case-studies blockquote.branchesdesign span.quote {
  background: url(../images/case-study-quote_blue.png) left 4px no-repeat;
}

body#case-studies #content,
body#case-study #content.case-study-content {
  background: #111;
  /*  padding-bottom: 41px;*/
}
body#case-study #content h1.case-studies {
  padding-left: 39px;
  text-transform: none;
  margin-top: 0;
  font-size: 22px;
  margin-bottom: 15px;
}
body#case-study #content.case-study-content p {
  font-size: 13px;
  margin-left: 0;
}
body#case-study #content.case-study-content p.question {
  font-size: 15px;
  color: #a6da86;
}
body#case-study div#content.case-study-content blockquote {
  position: relative;
  float: left;
  clear: both;
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
  color: #ffffff;
}
body#case-study div#content.case-study-content blockquote span.quote {
  background: url(../images/case-study-quote_white.png) left top no-repeat;
  width: 35px;
  float: left;
}
body#case-study div#content.case-study-content #case-study-col-left {
  margin-left: 40px;
  float: left;
  width: 360px;
}
body#case-study div#content.case-study-content #case-study-col-right {
  float: left;
  margin-left: 60px;
  width: 360px;
}

body#case-study div#kicker {
  background:transparent url(../images/kicker.gif) no-repeat scroll left top;
  color:#4B4B4B;
  font-size:11px;
  height:40px;
  line-height:41px;
  margin:0 auto 20px;
  text-indent:60px;
  width:900px;
}
body#case-study div#kicker_left {
  float:left;
  margin:0;
  padding:0;
}
body#case-study div#kicker_right {
  float:right;
  margin-right:37px;
}




/* Quotation zone */

#quotation {
  position: relative;
  margin: 10px -40px 30px -20px;
  padding: 2em 20px 2em 20px;
  background: #66A749 url(../images/bg-quote-thedeck.gif) repeat-x 0 0;
  overflow: hidden;
  zoom: 1;
}
#quotation h2,
#quotation h3,
#quotation p {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

#quotation p {
  font-family: Georgia, serif;
  font-size: 15px!important;
  font-style: italic;
  text-shadow: #AEA 0 1px 1px;
}

#quotation p.quote-source {
  margin-left: -.75em!important;
  font-family: Georgia, serif;
  font-size: 11px!important;
  font-weight: normal;
  font-style: normal;
}
#quotation .quote-logo {
  width: 230px;
}
#quotation .quote-logo img {
  display: block;
}

#quotation.lead .content {
  margin: 0 auto;
  width: 560px;
  text-align: center;
}


div#content #quotation blockquote {
/*  margin: 1.5em 0;*/
  margin: 0;
  padding: 0;
  color: #000;
  font: italic normal 15px/1.5em Georgia, "Times New Roman", serif;
  letter-spacing: 0;
  text-shadow: #696 0 1px 1px;
  width: auto;
}
div#content #quotation blockquote:before {
  margin-left: -.7em; 
  content: "\201C\2006";
  font-weight: bold; 
  font-size: 3em;color: #70A555;
  line-height: 0;
  vertical-align: -.45em;
  text-shadow: none;
}
div#content #quotation blockquote:after {
  content: "\201D"; 
  font-weight: bold; 
  font-size: 3em;
  color: #5C9642;
  line-height: 0;
  vertical-align: -.45em;
  text-shadow: none;
}



blockquote p {
  /*margin: -2em 0 3.5em 3em;*/
}

#quotation .quote-author {
  margin-left: -.75em!important;
  font-family: Georgia, serif;
  font-size: 11px!important;
  font-weight: normal;
  font-style: normal;
}