/* begin standard reset/settings */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ul, ol {
  margin-left: 1.5em;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/*
input:focus, select:focus, textarea:focus {
}
*/

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

p, ul, ol, dl, blockquote, table, form {
  margin-bottom: 1em;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 1em;
}

/* end standard reset/settings */

/* html5 reset/setttings */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block;
}
/* end html5 reset/setttings */

/* begin standard extensions */
.ss {
  text-decoration: line-through;
}

.clear {
  clear: both;
}

.errorlist {
  color: red;
}

a.blocklink {
  text-decoration: none;
  margin-bottom: 1em;
}

a.blocklink img, img.block {
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

/* end standard extensions */

body {
  background-color: #f5f3f4;
  font-size: 14pt;
  font-family:Helvetica,sans-serif;
  line-height: 110%;
  padding-top: 4px;
}

div#outer {
  color: #222;
}

.main {
  margin: 0 auto;
  padding: 0 5px;
}

form.login-form {
  margin-bottom: 1em;
}

#select-view{
  text-align: center;
  margin: 10px;
  margin-bottom: 50px;
  padding: 10px;
  font-weight: bold;
  clear: both;
}

#select-view a {
  color: #282e9e;
  background-color: #fffff0;
  text-decoration: none;
  padding: 10px;
  border: solid 3px #fffff0;
}

#select-view a:hover {
  text-decoration: underline;
}

p,
blockquote,
ul,
ol,
dl,
table,
.twocolumn 
{
  margin-bottom: 1em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

blockquote {
  padding: 3%;
  background-color:white;
  border:thin solid silver;
  font-size:large;
  border-right-width: thick;
  border-bottom-width: thick;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
}

blockquote p {
  color:#5B5B5B;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  line-height:150%;
  padding:0 0 0 20px;
  text-align:left;
}

blockquote p.attribution {
  font-size:small;
  font-weight:bold;
  margin-bottom:0;
  margin-right:20px;
  text-align:right;
  color: black;
}

blockquote.vacation-message {
  background-color: #FFFF4B;
}

footer {
  font-size: 10pt;
  text-align: center;
  font-style: italic;
  color: #222;
  clear: both;
  margin: 2em auto;
}

ul, ol {
    padding-left: 1em;
}

ul.topnav  li {
    padding: 0 2px 0 0;
}

ul.topnav a {
    display:block;
    padding:12px 23px;
}

input.form-submit {
  padding: .3em 1.2em;
  font-size: 16pt;
  margin-top: .3em;
}

table.screenshots_t {
    margin: 1em auto;
    text-align: center;
}

table.screenshots_t_inline {
  margin: 0;
}

table.screenshots_t .captions {
    font-style: italic;
    background-color: #eee;
}

.descriptions { 		/* obsolete */
  font-weight: bold;
  font-family: sans-serif;
  font-size: 12pt;
  line-height: 100%;
}

.description {
    font-weight: bold;
    font-family: sans-serif;
    font-size: 10pt;
    line-height: 100%;
}

table.screenshots_t tr td {
    padding: .2em 2em;
}

h1, h2 {
  margin-top: 1em;
}

h1, h2, h3 {
  line-height: 100%;
  text-align: left;
}

h1 {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  margin-bottom: .5em;
  font-size: 14pt;
  color: #2607b5;
  letter-spacing: 1px;
}

h2 {
  background-color:transparent;
  color:#1D2499;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  line-height:150%;
  margin-bottom:.4em;
}

h3 {
  color:#1D2499;
  color: #005cd0;
  font-size: 12pt;
}

a, span.fakelink {
    color: #005cd0;
    text-decoration: underline;
}

a:hover {
  background-color: #ececec;
}

a.deferring-style  {
  color: inherit;
}

strong {
  color: #222;
}

em {
  font-style: italic;
}

/* aweber signup form styles */
div.af-form label {
  display: inline;
}

div.af-form div.af-element {
  margin: .5em 0;
}

.aweber-form-signup {
  font-family:Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #222;
}

.aweber-form-signup input.submit-button {
  display: block;
}

.aweber-inline  {
  text-align: center;
  background-color: inherit;
  border:none;
}

table.aweber {
  margin: 1em auto;
  border: none;
}

table.aweber td, th {
  border: none;
  padding: 0;
  padding-bottom: 1em;
  width: 1em; /* necessary hack since IE doesn't grok width: inherit */
}

.aweber-copy-under-header {
  font-size: x-small;
  text-transform: uppercase;
}

.mail-capture-header {
  color:#2931A0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:19px;
  font-weight:bold;
  margin:1em 0;
}

.aweber-inline table {
  margin: .1em auto;
  padding: 0;
}
.aweber-inline .mail-capture-header {
  font-size:12pt;
  margin: 0;
}
/* end aweber signup form styles */

nav {
  clear: both;
}

nav ul {
  list-style-type: none;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  font-family:Arial,Helvetica,sans-serif;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}

nav ul li {
  display: block;
  position: relative;
  border-bottom: 1px solid silver;
}

nav a {
  padding: 10px 0;
  display: block;
  color:#FFFFFF;
  text-decoration: none;
}

nav ul li a:hover {
  background-color: #0f77e8;
}

a.imglink {
  text-decoration: none;
  background-color: none;
}

a.imglink img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.request-quote-link {
  text-align: center;
  font-weight: bold;
  color: #005cd0;
}

.clear {
  clear: both;
}

.embedded-video object {
  display: block;
  margin: 1em auto;
}

a.mobile-call-now {
  text-decoration: none; 
  color: black;
  display:block;
  text-align: center;
  font-size: 14pt;
  margin-bottom: 1em;
  border: 1px dashed red;
  background-color: #fffff0;
}

.errorlist {
  color: red;
}

input.submit-button {
  padding: .5em;
  cursor: pointer;
  color: white;
  font-weight: bold;
  background-color: #162598;
  background-image: -moz-linear-gradient(#4e54b6, #162598);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4e54b6), to(#162598));
  height: 32px;
  border: 2px solid #ccf;
  -moz-border-radius:8%;
  -webkit-border-radius:8%;
  border-radius:8%;
}

textarea, select {
  width: 80%;
}

select {
  text-align: center;
}

dd {
  margin-left: 1em;
}

#leftcol {
  float: left;
  margin-bottom: 1em;
}

#rightcol {
  clear: both;
}

.section {
  margin-bottom: 2em;
}

dt {
  font-weight: bold;
}

ul.formfields {
  list-style-type: none;
  padding: 0;
  margin-left: 0;
}
label {
  display: block;
}

footer {
  margin: 0 auto 2em auto;
}

footer a {
  margin: .5em 1em;
  color: #777;
  text-decoration: underline;
  display: block;
}

footer a:hover {
  color: black;
}

ul.benefits {
  color:#222;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  line-height:150%;
  list-style-image:url(https://s3.amazonaws.com/static.mobilewebup.com/img/bullet1.jpg);
  list-style-position:outside;
  list-style-type:disc;
}

#header_right {
  background:#F1F1F1 url(https://s3.amazonaws.com/static.mobilewebup.com/img/header_right.jpg) no-repeat scroll 0 0;
  font-family:sans-serif;
  float:right;
  height:140px;
  margin:0;
  padding:0;
  width:532px;
}

.header_text1 {
  padding-top: 1.2em;
  color:#0B79EA;
  font-size:28px;
  font-weight:bold;
  text-align:center;
  line-height: 120%;
}

.header_text2 {
  color:#1D2499;
  font-size:25px;
  font-weight:normal;
  text-align:center;
}

.welcome-box {
  font-size: 10pt;
  font-weight: bold;
}

/* CTA: Call to Action (click-to-call) styles */
.cta-alert {
  font-weight: bold;
  color: #cc0000;
}

.cta-call-button {
  display: block;
  margin: .2em auto;
}

.cta {
  margin-top: .2em;
  text-align: center;
}

.cta a {
  font-size: large;
  color: blue;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}

/* end CTA styles*/

/* blog styles */
.post-preview {
  border-bottom: 1px solid #ccc;
  margin-top: 1em;
}

span.post-date {
  font-size: small;
  font-style: italic;
  color: #555;
  margin-left: 1.5em;
}

.post-preview .post-date {
  margin-left: 2em;
}

.post h1, .post h1 a {
  color: #2607b5;
  letter-spacing: 0;
  font-size: large;
  text-align: left;
}

.pager a {
  margin-left: 2em;
}

div.pp-copy h2 {
  margin-bottom: 0;
}

div.author-by {
  margin-bottom: .2em;
  font-size: small;
}

div.post div.author-by {
  float: left;
  margin-right: 1.5em;
}

h2.author {
  color: #005cd0;
  font-size: medium;
}

div.author-description {
  margin-bottom: 1em;
}

div.author-links ul {
  list-style-type: none;
  padding-left: 0;
}

div.author-links li {
  display: inline;
}

ul.author-posts {
  padding-left: 0;
}

ul.author-posts li {
  list-style-type: none;
  margin-bottom: .5em;
}
/* end blog styles */

.subheading {
  color: #555;
}

.cta-text a {
  font-weight: bold;
  color: #555;
  font-size: large;
}

#newsbox {
  width: 35%;
  float: right;
}

#newsbox img {
  float: left;
  margin-right: .5em;
}

img.screenshot {
  border:2px solid #CCCCFF;
  display: block;
}

img.clickable {
  margin-left: auto;
  margin-right: auto;
  border: #ccccff solid 2px;
  background-color: white;
  padding: .5em;
  display: block;
}

table {
  border: 2px solid #1D2499;
}

th {
  color: #555;
  font-weight: bold;
  background-color: #e3e4ff;
  font-size: small;
}

th, td {
  border: 1px solid silver;
  padding: .2em;
  width: 25%;
}
thead {
  border: 2px solid #1D2499;
}
table {
  border-collapse: collapse;
  text-align: center;
}

.footnotes {
  font-size: small;
}

.before-after-screenshots {
  text-align: center;
}

.before-after-screenshots .heading {
  padding: 0.2em 2em;
  background-color:#EEEEEE;
  font-style:italic;
}


div#leftcol {
  margin-left: 0;
}

ul.formfields input, ul.formfields textarea {
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
}

ul ul {
  margin-bottom: .2em;
}

.mail-capture-footer {
  margin: 0 auto 1em auto;
  font-size: small;
}

blockquote.homepage {
  font-size: medium;
  padding: 0;
  margin-left: 0;
  background-color:inherit;
  border:none;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 3%;
  border:thin solid silver;
  border-right-width: thick;
  border-bottom-width: thick;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
}

blockquote.homepage p.attribution {
  font-style:italic;
}

div.fieldWrapper {
  margin-bottom: .5em;
}

ul.yesnofield {
  margin: 0;
  padding-left: 0;
}

ul.yesnofield li {
  list-style-type: none;
  display: inline;
  padding-right: 1em;
}

ul.yesnofield li label {
  display: inline;
}

div#portfolio-items > a {
  border: solid 1px transparent;
  text-decoration: none;
}

div#portfolio-items > a:hover {
  border: solid 1px silver;
}

.byline {
  font-style: italic;
}

div.opener-wrapper {
  background-color: white;
}

div.nav-wrapper nav {
  background-color: #162598;
  background-image: -moz-linear-gradient(#4e54b6, #162598);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4e54b6), to(#162598));
}

div.entry-message {
  color: #282e9e;
  font-size: 14pt;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 100%;
  margin-bottom: .3em;
  margin-top: .5em;
}

div.entry-message br {
  display: none; /* hack to disable break on mobile view */
}

dl.features dt {
  color: #2607B5;
}

dl.features dd {
  margin-bottom: .5em;
}

div.case-studies-box {
  margin-bottom: 1em;
}

h1 a,
h2 a,
h3 a
 {
  text-decoration: none;
}

h1 a,
h2 a {
  color:#1D2499;
}

p.btnchoices {
  font-size: large;
}

p.btnchoices a.btnimg {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5em;
}

p.btnchoices a.btnimg-first {
  margin-left: 0;
}

div.addthis_inline div.atclear {
  display: none
}

ul.imglist {
  list-style-type: none;
  text-align: center;
}

ul.imglist li {
  margin-bottom: .5em;
}