.set-front {background-image: url('/images/front/set-front.png')}
.set-front-wide {background-image: url('/images/front/set-front-wide.png')}
 #front-header {background-position: 0 111px; background-repeat: repeat-x; padding: 2em 0 0 0; height: 303px; background-color: #abcd00; background-image: url('/images/front/front-header-bg.png'); background-repeat: repeat-x; background-position: center bottom}
#front-header .content-centered {position: relative; padding-bottom: 25px}
#front-header h1 {font-size: 2.5em; line-height: 1em; color: #fff; text-shadow: 0 2px 3px #7E9700; width: 450px}
#front-header .top-features {margin-top: 1em}
#front-header .top-features li {font-size: 1.4em; color: #fff; text-shadow: 0 2px 3px #7E9700; font-weight: bold; font-family: helvetica,arial,sans-serif; margin-bottom: .3em}
#front-header .main-buttons {margin-top: 1em}
#front-header .main-buttons a {outline: none}
#front-header a.signup-button img {border: none; width: 221px; height: 64px; background-position: -299px -74px; margin-bottom: -5px; margin-right: 40px}
#front-header a:hover.signup-button img {background-position: -299px -140px}
#front-header a.tour-button img {border: none; width: 172px; height: 55px; background-position: -300px -205px}
#front-header a:hover.tour-button img {background-position: -300px -262px}
#front-header-features {width: 534px; height: 350px; position: absolute; top: 0; right: 0}
#front-header-features ul {padding: 0 15px 15px 15px; position: relative; width: 509px; height: 262px}
#front-header-features ul li {position: relative; width: 509px; height: 262px; -moz-box-shadow: 0px 5px 15px #7f9902; -webkit-box-shadow: 0px 5px 15px #7f9902; box-shadow: 0px 5px 15px #7f9902; background-color: #000; position: absolute; top: 0; left: center}
#front-header-features li:hover img {opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80)}
#front-header-features li:hover .description {display: block}
#front-header-features li .description {display: none; background-color: #000; color: #fff; border-top: 8px solid #fff; border-left: 8px solid #fff; border-right: 8px solid #fff; position: absolute; padding: 5px 0; top: 0; left: 0; width: 493px; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70)}
#front-header-features .description h2 {font-size: 1.1em}
#front-header-features .description p {font-size: .9em}
#front-header-features .description h2, #front-header-features .description p {padding: 0 15px}
#front-header-features #feature-buttons {text-align: center}
#front-header-features a.dot-link {outline-style: none}
#front-header-features a.dot-link img {border: none; width: 20px; height: 20px; background-position: -249px -170px}
#front-header-features a:hover.dot-link img, #front-header-features a.dot-link.current img {background-position: -270px -171px}
  #our-customers {background-color: #fff; background-position: 0 -251px; background-repeat: repeat-x; padding: 2em 0 0 0; height: 160px; color: #666}
#our-customers .content-centered {position: relative; padding-bottom: 1em}
#our-customers .customer-logos { float: left; width: 400px; height: 100px; position: relative; margin-top: 10px}
#our-customers .customer-1, #our-customers .customer-2, #our-customers .customer-3, #our-customers .customer-4, #our-customers .customer-5, #our-customers .customer-6, #our-customers .customer-7, #our-customers .customer-8, #our-customers .customer-9, #our-customers .customer-11, #our-customers .customer-12, #our-customers .customer-13, #our-customers .customer-14, #our-customers .customer-15, #our-customers .customer-16 {position: absolute; border: 0}
#our-customers .customer-1 {top: 10px; left: 0; width: 192px; height: 23px; background-position: 0 -210px}
#our-customers .customer-2 {top: 0px; right: 0; width: 192px; height: 41px; background-position: 0 -237px}
#our-customers .customer-3 {top: 20px; left: 0px; width: 64px; height: 63px; background-position: -225px -205px}
#our-customers .customer-4 {bottom: 0px; right: 25px; width: 164px; height: 30px; background-position: 0 -278px}
#our-customers .customer-5 { top: 0px; right: 70px; width: 79px; height: 46px; background-position: 0 -313px}
#our-customers .customer-6 { top: 15px; left: 115px; width: 104px; height: 73px; background-position: -151px -364px}
#our-customers .customer-7 { top: 20px; right: 0; width: 140px; height: 69px; background-position: 0px -365px}
#our-customers .customer-8 { top: 0px; right: 10px; width: 106px; height: 49px; background-position: -279px -365px}
#our-customers .customer-9 {bottom: 0px; left: 30px; width: 196px; height: 29px; background-position: -8px -451px}
#our-customers .customer-11 {top: 60px; left: 70px; width: 71px; height: 51px; background-position: -220px -449px}
#our-customers .customer-12 {bottom: 0; right: 20px; width: 77px; height: 46px; background-position: -301px -439px}
#our-customers .customer-13 {top: 0; left: 170px; width: 54px; height: 58px; background-position: -194px -287px}
#our-customers .customer-14 {top: 0; left: 30px; width: 123px; height: 52px; background-position: -396px -364px}
#our-customers .customer-15 {top: 25px; left: 25px; width: 126px; height: 81px; background-position: -393px -430px}
#our-customers .customer-16 {top: 30px; right: 50px; width: 133px; height: 68px; background-position: -390px -523px}
#our-customers p, #our-customers p {margin-left: 450px}
#our-customers .quote {margin-top: 10px; margin-bottom: 10px; font-size: 1.2em; line-height: 1.3em}
  #player-installer {background-color: #f8f8f8; height: 230px; color: #666}
#player-installer #installer {float: left; height: 140px; margin: 2em 0 0 0; width: 340px}
#player-installer .player-description {width: 310px; height: 190px; float: left; margin: 1.8em 0 0 1.5em}
#player-installer .player-description p {margin-bottom: 1em; line-height: 1.5em}
#player-installer ul {width: 315px; margin-top: 1.5em}
#player-installer ul li {width: 140px; height: 80px; padding: .5em; float: left}
#player-installer img {border: 0}
#player-installer .player-1 img {background-position: 0 0}
#player-installer .player-2 img {background-position: -135px 0}
#player-installer .player-3 img {background-position: -270px 0}
#player-installer .player-4 img {background-position: -405px 0}
#player-installer ul a {position: relative; width: 135px; height: 73px; display: block; padding: .3em}
#player-installer img.plus {width: 16x; height: 16px; background-position: -217px -172px; position: absolute; top: 0; right: 0}
#player-installer img.shot {width: 135px; height: 73px; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888}
  #video-description {background-color: #fff; background-position: 0 -445px; background-repeat: repeat-x; padding: 2em 0 0 0;  color: #666}
#video-description .content-centered {position: relative; padding-bottom: 1em}
#video-description .description {width: 470px; line-height: 1.5em}
#video-description .description h3 {font-size: 1.5em; margin-bottom: .5em}
#video-description .description p {margin-bottom: 1em}
#video-description a.download-pdf img.download-pdf {width: 235px; height: 54px; background-position: -10px -520px}
#video-description a:hover.download-pdf img.download-pdf {opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80)}
#screencast-wrap {float: right; width: 48%; margin-left: 20px; margin-top: 1.2em}
#screencast-wrap .screencast {background-color: #abcd00; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; moz-box-shadow: 0 0px 15px #888; -moz-box-shadow: 0 0px 15px #888; -webkit-box-shadow: 0 0px 15px #888; margin: 20px 0px 5px 0px; width: 450px}
#screencast-wrap .video-footer {font-size: 0.8em; color: #666; text-align: center}
  #solutions-360 {color: #fff; height: 246px; background-color: #00aadb; background-image: url('/images/front/front-360-bg.png'), url('/images/front/set-front-wide.png'); background-repeat: no-repeat, repeat-x; background-position: center bottom, 0 -890px}
#solutions-360 .content-centered {padding: 1em}
#solutions-360 h2 {text-shadow: 0 0px 3px #0084ab; font-size: 2em}
#solutions-360 h3 {font-size: 1.5em; margin-bottom: .3em}
#solutions-360 .bloc-1, #solutions-360 .bloc-2 {margin-top: 1em; width: 365px; line-height: 1.5em}
#solutions-360 a {color: #efefef}
#solutions-360 a:hover {color: #fff}
#solutions-360 .solutions-360 {border: none; width: 183px; height: 105px; background-position: -2px -84px; margin-top: 3em; margin-left: 30px; float: left}
  .front-free-bar {padding: 1em; background-color: #fff; background-position: 0 -443px; background-repeat: repeat-x; border-top: 1px solid #fff}
.front-free-bar .buttons a.free-trial-button {float: left; margin-left: 185px}
.front-free-bar .buttons p {float: left; width: 500px; margin-top: 15px; margin-left: 0px; text-align: left}
  .see-plans-and-prices {height: 61px; background-position: 0 -615px; background-repeat: repeat-x}
.see-plans-and-prices .buttons {padding: .5em}
.see-plans-and-prices a {float: none !important}
.see-plans-and-prices a.free-trial-button.float-right {float: right !important; margin-right: 270px}
.see-plans-and-prices p.float-right {float: right; width: 400px; margin-top: 15px; margin-right: 10px; text-align: right; color: #efefef}
  #prices-header h2 {font-size: 2.7em; margin: 20px 0px 0px 0px}
#prices-header p {font-size: 1.6em; margin: 10px 0px 20px 0px; color: #666}
#price-list {margin: 30px 0px 0px 0px}
#price-list .plan-titles {width: 18%}
#price-list .plan {width: 11.7%; text-align: center}
#price-list .plan-titles, #price-list .plan {float: left}
#price-list .plan .title {height: 75px}
#price-list .plan-titles .title {height: 75px}
#price-list .plan .title h2 {font-size: 1.3em}
#price-list .plan .price {display: block; font-size: 1.3em; background-color: #fff; border: 1px solid #abcd00; font-weight: bold; moz-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0px 2px #abcd00; -moz-box-shadow: 0 0px 2px #abcd00; -webkit-box-shadow: 0 0px 2px #abcd00; margin: 5px 8px; padding: 5px 0px}
#price-list .plan .price span {font-size: 0.7em; font-weight: normal}
#price-list .feature {border-bottom: 1px solid #fff}
#price-list .feature.last {border-bottom: none}
#price-list .plan .feature {background-color: #eaf2bf; font-size: 0.8em; height: 22px}
#price-list .plan .feature {padding: 8px 0px 0px 0px}
#price-list li.feature.ok {padding: 3px 0px 0px 0px; height: 27px}
#price-list li.feature.ok img {width: 26px; height: 24px; background-position: -103px -89px}
#price-list .plan-titles .feature {background-color: #abcd00; color: #fff; text-shadow: 0 2px 3px #7E9700; font-size: 0.8em; height: 22px; text-align: right}
#price-list .plan-titles .feature {padding: 8px 5px 0px 0px}
#price-list .plan-titles li.feature.top-left {border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px}
#price-list .plan-titles li.feature.bottom-left {border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 0px}
#price-list li.button {padding: 15px 5px 8px 5px}
  #questions {letter-spacing: 1px; font-weight: bold; margin: 30px 0px 5px 0px}
  .pricing-addon {margin: 20px 0px}
  #calc-esquema img.calc-esquema {background-image: url('/images/calc-esquema.png')}
#calc-esquema {width: 37%; float: right; margin-top: 10px}
#calc-esquema .calc-esquema-img {margin-bottom: 10px}
#calc-esquema h2 {background-color: #abcd00; color: #fff; font-size:0.9em; padding: 1px .3em 1px .3em; margin: 0px 0 .5em 0}
#calc-esquema .esquema {width: 353px; height: 176px}
#calc-esquema p.info {font-size: 0.9em}
#calc-esquema #setup-staff li {width: 80px; background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f0f0f0));  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0')";  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 1px solid #abcd00; padding: .1em; margin: 0 .2em 0 .2em; cursor: pointer}
#calc-esquema #setup-staff li:hover {border-bottom: 1px solid #ff5a00}
#calc-esquema #setup-staff li img {opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70)}
#calc-esquema #setup-staff li:hover img {-webkit-transition: opacity 0.3s linear; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100)}
#calc-esquema #setup-staff-desc li { padding: .3em; background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f0f0f0));  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0')";  border-bottom: 1px solid #abcd00; margin-top: .5em}
#calc-esquema #setup-staff-desc {height: 70px}
#calc-esquema #setup-staff-desc h3, #calc-esquema #setup-staff-desc p {font-size: 0.9em}
#calc-esquema #setup-staff img.calc-esquema {width: 79px; height: 79px}
.staff-1 img.calc-esquema {background-position: 0px -178px}
.staff-2 img.calc-esquema {background-position: -97px -178px}
.staff-3 img.calc-esquema {background-position: -192px -178px}
.staff-4 img.calc-esquema {background-position: -289px -178px}
#calculator {width: 60%; float: left; margin-top: 10px}
#calculator h3 {font-size: 1.8em; margin: 0px 0px 3px 0px}
#calculator table {width: 100%}
#calculator thead th {font-size: 0.9em; padding: 1px; background-color: #abcd00; color: #fff}
#calculator tbody td {border-bottom: 1px solid #eee; padding: 5px}
#calculator tbody td.nosep {border: none; padding: 0}
#calculator .item-number {text-align: center}
#calculator .item-number input {width: 40px; text-align: center; border: 0px; font-size: 1em; padding: 4px 5px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: url('/images/awesome-input-bg.png')}
#calculator .pvp {text-align: right}
#calculator .total-wrap {padding-top: 5px}
#calculator p.description {font-size: 0.8em; color: #666}
#calculator p.total-text {margin-left: 45px; font-size: 1.1em; text-align: right}
#calculator p.total-text sup {font-size: 0.7em}
#calculator #calc-total { padding: .3em .3em .3em .1em; font-size: 2em;  color: #444; border-top: 2px solid #abcd00; text-align: right}
#calculator .und_buttons {margin-left: 5px}
.und_buttons {padding: 2px}
.und_buttons a {width: 9px; height: 8px; text-decoration: none; outline-style: none; display: block; clear: both}
.und_buttons a.up {margin-bottom: 4px}
.und_buttons img {width: 9px; height: 8px; border: none; float:left}
.und_buttons a.up img {background-position: -150px -126px}
.und_buttons a.down img {background-position: -150px -134px}
.und_buttons a:hover.up img {background-position: -161px -126px}
.und_buttons a:hover.down img {background-position: -161px -134px}
  #support-menu {border-bottom: 1px solid #d8d8d8; padding: 10px 15px}
#support-menu .left-column, #support-menu .middle-column, #support-menu .right-column {width: 32.5%}
#support-menu .left-column {float: left}
#support-menu .middle-column {float: left}
#support-menu .right-column {float: right}
#support-menu .menu-list {margin: 10px 0px 0px 0px}
#support-menu h4 {font-size: 1.5em}
#support-menu ol, #support-menu ul {padding: 0px 0px 0px 3em; margin: 0 0 1em 0}
#support-menu .item-menu a {color: #666; font-size: 0.9em}
#support-menu .item-menu a:hover {color: #333; text-decoration: underline}
  #support-answers {margin: 1em 20em 0px 0px}
#support-answers h2 {padding: 0px 0px 5px 0px; margin: 0 0 .5em 0; font-size: 2em}
#support-answers h3 {margin: 1.5em 0 .5em 0}
#support-answers ul, #support-answers ol {margin-left: 1.5em; padding-left: 0.2em; margin-bottom: 1em; list-style-position: outside}
#support-answers ol {margin-left: 2.2em}
#support-answers ol li, #support-answers ul li {padding-left: 0.8em; margin-bottom: 0.5em}
#support-answers ol li {padding-left: 0}
#support-answers ul li ul, #suppoer-answers ol li ol {margin-top: 0.5em; margin-top: 0.5em}
  .legal {margin: 0 0 0 30px}
.legal li {margin: 0px 0px 30px 0px}
.legal ol {margin: 5px 0px 10px 0px}
ol.legal, ul.legal {color: #ff5a00}
ol.legal li h2, ul.legal li h2, ol.legal li p, ul.legal li p {color: #666}
.legal ul li {list-style-position: outside; list-style-type: circle; padding: 0; margin: 0px 0px 5px 25px}
.legal-note h2 {margin: 20px 0px 5px 0px}
  #error-note {position: relative; font-size: 1.4em; text-align: center; margin: 30px 0; padding: 2em}
#error-note h1 {position: absolute; top: 8px; right: 3px; font-weight: bold; color: #e0bb3e; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50)}
#error-note p {color: #666; font-size: 0.9em}
  ul#error-links {margin: 10px 0px 40px 100px}
ul#error-links li.links-block {width: 29%; float: left; vertical-align: top; margin: 0px 20px}
ul#error-links li.links-block.last {float: right; margin-right: 0px}
ul#error-links li.links-block ul {padding-top: 5px}
ul#error-links li.links-block span.links-title {padding: 3px 3px 3px 0px; color: #FF5A00; font-weight: bold; font-size: 1.2em}
ul#error-links li.links-block a {font-size: 1em; color: #666; padding: 0 0 5px 0px; margin: 0px 0px 0px 0px; display: block; text-decoration: underline}
ul#error-links li.links-block a:hover {color: #abcd00}
  #subscription-form {width: 60%}
#subscription-form form fieldset {margin: 10px 15px 20px 15px; padding-left: 15px}
#subscription-form form fieldset.sep {border-top: 1px solid #ccc}
#subscription-form p {margin: 10px }
#subscription-form form p.inline-hints, #subscription-form form p.inline-errors {margin: 0; font-size: 0.7em}
#subscription-form form.formtastic fieldset ol li {margin-bottom: 0.5em}
#subscription-form div.section {border-bottom: 1px solid #ccc}
#subscription-form div.section.last {border-bottom: none}
#subscription-form form fieldset legend {font-size: .7em; font-weight: bold; padding: 3px 7px 3px 7px; color: #444}
  #subscription-info {float: right; width: 39%; padding: 30px 0px 0px 0px}
#subscription-info h3 {font-size: 1.4em; font-weight: bold}
#subscription-info h3.first {border-top: none}
#subscription-info p {color: #888; line-height: 1.5em}
  #thanks {width: 305px; margin: 0 auto; text-align: center}
#thanks h3 {padding-top: 1em; margin: 1em 2em 0 2em; border-top: 1px solid #dedede}
#thanks h3.first {border-top: none}
  #free-trial {margin: 0 auto; text-align: center; position: absolute; bottom: 350px}
#free-trial h3 {margin-bottom: 0.3em}
#free-trial p {padding: 0 3em; margin-bottom: 1em}
  #bank-payment-details, #cc-payment-details {position: absolute; width: 555px}
#bank-payment-details label, #cc-payment-details label {display: block; margin-bottom: 1px; font-weight: bold}
#bank-payment-details label.inline, #cc-payment-details label.inline {display: inline-block}
.payment-methods-details-container {position: relative; height: 180px}
.payment-methods-details-container.credit-card {height: 290px}
#cc-payment-details {height: 280px}
#subscription-form form .payment-methods-details-container fieldset {margin: 0px 15px 0px}
#signup_bank_entity_input .inline-errors, #signup_bank_office_input .inline-errors, #signup_bank_dc_input .inline-errors, #signup_bank_account_number_input .inline-errors {display: none}
#billing_info_eula {min-width: 10px;}
  #ad-packs {margin: 20px 0px 20px 0px}
#ad-packs li {height: 243px; background-image: url('/images/we-make-your-ads.png'); text-align: center; position: relative}
#ad-packs h1, #ad-packs h2, #ad-packs h3 {margin: 0; padding: 0; font-weight: bold; font-size: 2em; line-height: 1em; letter-spacing: normal}
#ad-packs h1 {margin-top: .05em; font-size: 5em; color: #abcd00}
#ad-packs h2 {position: absolute; top: 8px;  left: 8px; font-size: 1em}
 #ad-packs .prices {position: absolute; bottom: 30px; right: 14px; background-color: #00a4d3; width: 90px; text-align: center; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;  overflow: hidden}
#ad-packs p.price-new {color: #fff; font-weight: bold}
#ad-packs p.price-new em {font-size: 9px; display: block}
#ad-packs p.price-new span {font-size: 9px}
#ad-packs p.price-new strong {font-size: 30px}
#ad-packs p.price-mod {color: #fff; font-weight: bold; margin: 8px 0}
#ad-packs p.price-mod em {font-size: 9px; display: block}
#ad-packs p.price-mod span {font-size: 9px}
#ad-packs p.price-mod strong {font-size: 30px}
 #ad-packs li.pack-1 {width: 208px; float: left; background-position: -4px -3px}
#ad-packs li.pack-2, #ad-packs li.pack-3 {width: 310px; float: right}
#ad-packs li.pack-2 {background-position: -216px -3px}
#ad-packs li.pack-3 {background-position: -528px -3px; margin-left: 65px}
.ad-packs-text strong.important {color: #fff; background-color: #00a4d3; padding: .1em .3em; -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 2px;  }
  #design-samples {padding: 2em 0}
#design-samples h3 {padding: .5em; font-size: 2em; margin: 0 0 .5em 0}
#design-samples .sample-cnt {width: 285px; height: 165px; margin-top: 10px; margin-bottom: 20px}
#design-samples .sample-cnt.left {float: left; margin-right: 52px}
#design-samples .sample-cnt.right {float: right}
#design-samples .sample-cnt a.download-link {display: block; text-align: center}
#design-samples .sample-cnt a.thumb-link {display: block; border-bottom: 5px solid #efefef; position: relative}
#design-samples .sample-cnt a.thumb-link:hover {border-bottom: 5px solid #ff5a00}
#design-samples .sample-cnt img {border: 0}
#design-samples .sample-cnt a img.sample {-webkit-transition: opacity 0.3s linear; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100)}
#design-samples .sample-cnt a:hover img.sample {-webkit-transition: opacity 0.3s linear; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50)}
#design-samples .sample-cnt a img.zoom {width: 33px; height: 33px; background-position: -142px -148px; position: absolute; bottom: 64px; left: 126px; -webkit-transition: opacity 0.3s linear; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30)}
#design-samples .sample-cnt a:hover img.zoom {-webkit-transition: opacity 0.3s linear; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100)}
  a.free-trial-button {width: 210px; height: 45px; float: right; margin-top: 2px; outline: none}
a.free-trial-button img {border: 0; width: 210px; height: 46px; background-position: 0 -215px}
a:hover.free-trial-button img {background-position: 0 -264px}
 @media (max-width: 1300px) {.content-centered{ width: 99%!important}
}
.login {text-align: center; padding-top: 40px; position: relative}
#new-signup {margin: 0em auto 2em auto }
.login h1 {font-size: 1.8em; margin: .5em 0; padding: 0; text-align: left}
.login-screen {position: relative}
.login-no-account {width: 450px; display: inline-block}
.login img.login-icon, .password-recovery img.login-icon {position: absolute; bottom: 5px; right: 5px; background-position: 0 -54px; width: 99px; height: 111px}
.login form.formtastic.awesome fieldset ol li p.inline-errors {text-align: left}
.login form.formtastic fieldset ol li.boolean label {padding-left: 0}
.login-no-account div.extras, .form-outer-container div.extras {margin: 10px auto; color: #000; text-align: center; font-size: .9em; min-height: 70px}
.password-recovery {text-align: center; padding-top: 40px; position: relative}
.password-recovery h1 {font-size: 1.4em; margin: .25em 0; padding: 0; text-align: left; font-weight: bold}
.password-recovery p.explanation {font-size: .9em; margin: .25em 0; text-align: left}
.password-recovery div.form-outer-container {width: 500px; display: inline-block}
.password-recovery div.form-inner-container {position: relative}
.password-recovery div.spam-note {margin: 1.2em auto .5em auto; padding: 1em 0 1em 0; border-top: 2px solid #007D9A; font-size: .8em}
.set-customers {background-image: url('/images/examples/set-customers.jpg')}
 ul.examples {background-position: 0 -189px; background-repeat: repeat-x; padding: 0px 0px 20px 0px}
ul.examples li.example {width: 100%; float: left; margin: 10px 0px 20px 0px; position: relative}
ul.examples .intro {width: 50%; float: left}
ul.examples .photos {position: absolute; right: 5px; background-color: #f1f1f1; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 5px 2px 5px}
ul.examples .photos img {border: 0px}
ul.examples .photos a {display: inline-block; *display: inline}
ul.examples li.example .title {border-bottom: 3px double #ccc; height: 20px; margin: 5px 0px 5px 0px}
ul.examples li.example img.sonygallery {width: 145px; height: 17px; background-position: 0 -187px}
ul.examples li.example img.movistar {width: 86px; height: 13px; background-position: 0 -174px; margin: 5px 0px 0px 0px}
ul.examples li.example img.ilergrafica {width: 131px; height: 18px; background-position: -185px -173px; margin: 5px 0px 0px 0px}
ul.examples li.example img.client-image {width: 137px; height: 97px; margin: 3px; float: left}
ul.examples li.example p {font-size: 0.9em; text-align: justify; padding: 0px 10px 0px 10px; margin-left: 140px; line-height: 18px}
ul.examples li.example p.quote {color: #777; font-style: italic; text-align: center; padding: 10px 10px 0px 10px}
ul.examples .text {text-align: justify; font-size: 0.9em; line-height: 21px; padding: 5px}
.customer-logo {text-align: center !important}
.set-customers {border: 0; margin-top: 10px}
.set-customers.customer-1 {width: 130px; height: 16px; background-position: 0 -18px}
.set-customers.customer-2 {width: 116px; height: 25px; background-position: -138px -16px}
.set-customers.customer-4 {width: 54px; height: 55px; background-position: -298px -2px}
.set-customers.customer-5 {width: 119px; height: 22px; background-position: -394px -18px}
.set-customers.customer-6 {width: 69px; height: 40px; background-position: -549px -10px}
.set-customers.customer-7 {width: 58px; height: 41px; background-position: -163px -69px}
.set-customers.customer-8 {width: 69px; height: 35px; background-position: -30px -72px}
.set-customers.customer-9 {width: 66px; height: 31px; background-position: -292px -74px}
.set-customers.customer-10 {width: 128px; height: 30px; background-position: -385px -72px}
.set-customers.customer-11 {width: 69px; height: 49px; background-position: -549px -66px}
.set-customers.customer-12 {width: 70px; height: 41px; background-position: -33px -130px}
.set-customers.customer-13 {width: 123px; height: 52px; background-position: -132px -125px}
.set-customers.customer-14 {width: 123px; height: 52px; background-position: -264px -125px}
.set-customers.customer-15 {width: 123px; height: 52px; background-position: -389px -125px}
.set-customers.customer-16 {width: 123px; height: 52px; background-position: -520px -125px}
.set-customers.customer-17 {width: 123px; height: 23px; background-position: -4px -198px}
.set-customers.customer-18 {width: 123px; height: 23px; background-position: -134px -197px}
.set-customers.customer-19 {width: 130px; height: 40px; background-position: -260px -190px}
.set-customers.customer-20 {width: 130px; height: 57px; background-position: -389px -182px}
.set-customers.customer-21 {width: 130px; height: 57px; background-position: -517px -182px}
.set-customers.customer-22 {width: 130px; height: 57px; background-position: 0px -235px}
.set-customers.customer-23 {width: 130px; height: 57px; background-position: -134px -235px}
.set-customers.customer-24 {width: 130px; height: 57px; background-position: -260px -235px}
.set-customers.customer-25 {width: 130px; height: 57px; background-position: -390px -239px}
.set-customers.customer-26 {width: 130px; height: 57px; background-position: -517px -239px}
.set-customers.customer-27 {width: 130px; height: 60px; background-position: 0px -300px}
.set-customers.customer-29 {width: 110px; height: 52px; background-position: -140px -300px}
.set-customers.customer-30 {width: 140px; height: 40px; background-position: -255px -300px}
.set-customers.customer-31 {width: 140px; height: 40px; background-position: -390px -300px}
  .quotes {margin-top: 10px; padding: 1em; overflow: hidden}
.quotes .quote-wrap {width: 50%; float: left}
.quotes .quote-author, .quotes .quote-text {padding: 0 1em .5em .3em}
.quotes .quote-text {font-size: 1.3em; color: #888; font-style: italic}
.quotes .quote-author {font-size: .8em}
  #flickr-link { padding: 2em; font-size: 1.7em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; color: #888}
#flickr-link img {width: 94px; height: 29px; background-position: -207px -121px; margin-bottom: -3px}