/* RESET! */
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, 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;
}


/* --------------------------------------------------------------------------
  =layout
--------------------------------------------------------------------------- */
body { 
  color: #323232;
  font: 0.875em Helvetica, Arial, Verdana, sans-serif;
}

#header,
#content,
#foot {
  margin: 0 auto;
  width: 949px;
}

#header {
  background: url(../img/bg-tabs-00.png) no-repeat bottom center;
  height: 128px;
  padding-right: 60px;
  width: 889px;
}

#wrapper-content {
  background: #e5eadf url(../img/bg-body.png) repeat-y top center;
}

  #breadcrumbs {
    margin: 10px 0;
  }

  #content {
    background: #f2f4f1 url(../img/bg-dots-fade.png) no-repeat top center;
    padding: 0 60px 45px;
    width: 829px;
  }
  
    #content-main {
      float: left;
      font-size: 1.14em;
      line-height: 1.5em;
      width: 539px;
      margin-bottom: 15px;
    }
  
    #content-secondary {
      background-color: #fff;
      clear: both;
      padding: 26px 30px 30px;
      position: relative;
    }
    
      #content-secondary.has-sidebar {
        padding-right: 285px;
      }
  
#wrapper-foot {}  

  #foot {    
    font-size: 0.92em;
    line-height: 1.23em;
    padding: 28px 60px 30px;
    width: 829px;
  }

/* ---------------------------------------------------------------------------
  =links
--------------------------------------------------------------------------- */
a:link {
  background-color: #c3fb6b;
  color: #353831;
  padding: 2px;
  text-decoration: none;
}
  
a:visited { 
  color: #999;
  padding: 2px;
}
  
a:hover { color: #637381; text-decoration: underline; }

#header a {
  background-color: transparent;
  padding: 0;
}

h1 a:link {
  display: block;
  height: 100%;
  padding: 0;
  text-indent: -9999px;
  width: 100%;
}

h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link {
  background-color: transparent;
  color: #a61c2e;
  padding: 0;
}

/* ---------------------------------------------------------------------------
  =typography
--------------------------------------------------------------------------- */
h1 {
  font-size: 2.0em;
  margin-bottom: 32px;
}

h1 {
  height: 41px;
  margin-bottom: 30px;
  text-indent: -9999px;
  width: 320px;
  clear: both;
}

h1.title {
  width:130px;
  text-indent:0; 
  background-color: #323232; 
  color: #fff;
  margin-bottom:1em;
  padding:0.5em;
  vertical-align:middle;
  text-align: center;
  height:1.2em;
  font-size:1.25em;
}

h1.title.software-helper {
  width: 160px;
}

h2 {
  font-size: 1.75em;
  margin-bottom: 20px;
}

h3 {
  font-size: 1.5em;
  margin-bottom: 20px;
}

h4 {
  color: #749845;
  font-size: 1.29em;
  margin: 0;
}

h5 {
  font-size: 1.2em;
  margin-bottom: 20px;
}

h6 {
  font-size: 1.1em;
  margin-bottom: 20px;
}

p {
  padding-bottom: 20px;
}

.align-right {
  text-align: right;
}

.fn {
  font-style: italic;
  font-size: 0.9em;
}

/* ---------------------------------------------------------------------------
  =lists
--------------------------------------------------------------------------- */
ul {
  list-style: disc;
}

ul, ol {
  margin-left: 18px;
  margin-bottom: 20px;
}

ul.two-column li {
  float: left;
  width: 50%;
}

#content-secondary ol > li, #content-secondary ul > li {
  margin-bottom: 1em;
}

/* ---------------------------------------------------------------------------
  =header
--------------------------------------------------------------------------- */
#logo {
  float: left;
  background: url(../img/logo-screen.png) no-repeat 0 0;
  height: 46px;
  margin: 29px 0 0 10px;
  width: 185px;
}

  #logo a {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  #logo img {
    position: absolute;
    top: 0;
    left: -9999px;
  }
  
#email-phone {
  background: url(../img/text-phone-email.png) no-repeat 0 0;
  clear: both;
  float: right;
  height: 29px;
  list-style: none;
  margin: 10px 0 0 0;
  text-indent: -9999px;
  width: 141px;
}
  #email-phone .email {
    text-indent: 0;
  }
    #email-phone .email a {
      display: block;
      text-indent: -9999px;
      width: 141px;
    }

/* ---------------------------------------------------------------------------
  =navigation
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
  =navigation
--------------------------------------------------------------------------- */
#nav {
  display: inline;
  height: 56px;
  padding: 0 20px 0 20px;
  float: right;
  list-style: none;
  text-transform: uppercase;
  border-left: 2px solid #dde4d4;
  border-right: 2px solid #dde4d4;
  border-bottom: 9px solid #dde4d4;
  text-align: center;
  background-color: #fff;
  font-weight: bold;  
  margin-left:150px;
}

#nav li {
  float: right;
}

#nav li a {
  display: block;
  text-decoration: none;
  padding: 22px 5px 0 5px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  color: #323232;
}

#nav li a:hover, #nav li a.selected {
  color: #a61c2e;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  height: 43px;
  background: transparent url(../img/nav-bottom.png) no-repeat left bottom;
}

/* Subnav
   total height: 41px (same as h1) + 9px = 50px
   bottom-border height: 9px
   subnav height = 50px - 9px = 41px;
   a top-padding: 16px;
   a height = 50px - 16px = 36px;
   a.main height = 50px - 16px - 9 = 37px;
*/
#subnav {
  height: 41px;
  width: 539px;
  padding: 0; 
  margin: 0;
  float: left;
  list-style: none;
  border-bottom: 9px solid #dde4d4;
  text-align: center;
  background-color: #fff;
  margin-bottom:30px;
  font-weight: bold;  
}

#subnav li {
  float: left;
}

#subnav li a {
  padding: 16px 10px 0 10px;
  display: block;
  background-color: transparent;
  text-decoration: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  color: #323232;
}

#subnav li.main {
  background-color: #323232;
  height: 41px;
}

#subnav li.main a {
  color: #fff;
  border: none;
}

#subnav li.main a:hover {
  border: none;
}
#subnav li.main a:selected {
  border: none;
}

#subnav li a span {
  font-size: 75%;
  color: #7a7a7a;
  vertical-align: middle;
  text-transform: uppercase;
}

#subnav li a:hover, #subnav li a.selected {
  height: 34px;
  color: #a61c2e;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  background: transparent url(../img/nav-bottom.png) no-repeat left bottom;
}

/* ---------------------------------------------------------------------------
  =search
--------------------------------------------------------------------------- */
/*
#search {
  padding: 10px 0 24px 542px;
  text-align: right;
  float: right;
}

  #search #search-terms {
    border: none;
    color: #8d8d8d;
    float: left;
    font-size: 0.86em;
    font-style: italic;
    margin: 0;
    padding: 4px;
    width: 223px;
  }
  
  #search #submit {
    background: transparent url(../img/button-go.png) no-repeat 50% 50%;
    border: none;
    cursor: pointer;
    float: right;
    height: 23px;
    margin: 0;
    text-indent: -9999px;
    width: 50px;
  }
*/

#cse-search-box {
  padding: 10px 0 24px 542px;
  text-align: right;
  float: right;
}
  
#cse-search-box #search-terms {
  border: none;
  color: #8d8d8d;
  float: left;
  font-size: 0.86em;
  font-style: italic;
  margin: 0;
  padding: 4px;
  width: 223px;
}

#cse-search-box #submit {
  background: transparent url(/images/img/button-go.png) no-repeat 50% 50%;
  border: none;
  cursor: pointer;
  float: right;
  height: 23px;
  margin: 0;
  text-indent: -9999px;
  width: 50px;
}

/* ---------------------------------------------------------------------------
  =sidebar
--------------------------------------------------------------------------- */
#sidebar {
  clear: right;
  float: right;
  margin-bottom: 28px;
  width: 289px;
}

  #sidebar #callout {
    color: #fff;
    background: #708b90;
    float: right;
    line-height: 1.25em;
    padding: 19px;
    width: 192px;   
  }
  
    #sidebar #callout h2 {
      height: 10px;
      padding-bottom: 20px;
      text-indent: -9999px;
      width: 83px;
    }

    #sidebar #callout ul {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    #sidebar #callout li {
      background: url(../img/bullet-arrow.gif) no-repeat 0 3px;
      padding: 0 0 0 20px;
      margin-bottom: 4px;
    }
    
    #sidebar #callout a,  #sidebar #callout a:visited {
      background-color: transparent;
      color: #c3fb6b;
      display:block;
      text-decoration: none;
      padding: 0;
    }

    #sidebar #callout a:hover {
        color: white;
    }	
/* testimonial */
    
    .testimonial {
      padding-bottom: 8px;
      font-style: italic; 
    }
    
    blockquote.testimonial .quotation {
      font-size: 1.375em;
    }
    
    .testimonial-name {
      color: #8e9585;
      font-size: 0.875em;
      padding-bottom: 0;
      font-weight: bold;
      clear: both;
      float: right;
    }
    
#sidebar #callout h2.testimonial {
  background: url(../img/text-testimonial.png) no-repeat 0 0;
}

#sidebar #callout h2.consulting {
  background: url(../img/text-consulting-callout.png) no-repeat 0 0;
}

#sidebar #callout h2.navigation {
  background: url(../img/text-navigation.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =content-main
--------------------------------------------------------------------------- */

.recent-blog-list h2.recent-blog {
  text-indent: -9999px;
  background: url(../img/text-recent-blog-posts.png) no-repeat 10px 12px;
  height: 36px;
  margin-bottom: 20px;
}

.recent-blog-list {
	padding: 0px;
  background: #fff;
}
.recent-blog-list ul {
  list-style: none;
  margin-left: 0;
}

.recent-blog-list ul li {
  background: url(../img/div-dot.png) repeat-x bottom left;
  margin-bottom: 13px;
  padding-bottom: 25px;
  margin-left: 10px;
  margin-right: 10px;
}
.recent-blog-list ul li.last {
  margin-bottom: 0;
  padding-bottom: 30px;
}

.recent-blog-list h3 {
  color: #749845;
  color: rgb(112, 139, 144);
  font-size: 1.2em;
  line-height: 1.09em;
  margin-bottom: 2px;
  font-weight: normal;
}
.recent-blog-list li {
  margin-bottom: 18px;
}
.recent-blog-list p {
  padding-bottom: 0;
}

.recent-blog-list .blog-date {
  color: #939393;
  font-size: 0.8em;
  line-height: 1.3em;
}

.recent-blog-list .blog-tags {
  color: #434242;
  font-size: 0.84em;
  line-height: 1.2em;
}
.recent-blog-list .blog-tags a {
  background:none;
  text-decoration: underline;
}
.recent-blog-list .blog-tags a {
  color: rgb(99, 115, 129);
}
.recent-blog-list .blog-tags a:visited {
  color: rgb(147, 147, 147); 
}

.recent-blog-list .blog-tags em {
  color: #333;
  font-size: 0.84em;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}

.recent-blog-list .more-bar {
  background: url(../img/bg-foot-more.png) no-repeat top right;
  color: #fff;
  display: block;
  font-size: 0.92em;
/*  height: 41px; */
  line-height: 1.0em;
  padding: 15px 0 15px 12px;
  text-transform: uppercase;
}

.recent-blog-list .more-bar a {
  background-color: transparent;
  color: #afc86e;
  font-size: 1.17em;
  padding: 0;
  text-transform: none;
}


/* ---------------------------------------------------------------------------
  =content-secondary
--------------------------------------------------------------------------- */
#content-secondary p {
  line-height: 1.72em;
}

/* secondary sidebar */
#secondary-sidebar {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 210px;
}

  #secondary-sidebar h3 {
    height: 10px;
    margin-bottom: 16px;
    text-indent: -9999px;
    width: 126px;
    clear: both;
  }

  #secondary-sidebar p {
    line-height: 1.2em;
    font-size: 1em;
    padding-bottom: 10px;
  }

  #secondary-sidebar .screencaps {
    padding-bottom: 19px;
  }

  #secondary-sidebar h3.examples {
    background: url(../img/text-example-screencaps.png) no-repeat 0 0;
  }

  #secondary-sidebar h3.testimonial {
    background: url(../img/text-sidebar-testimonial.png) no-repeat 0 0;
  }

  #secondary-sidebar h3.keepintouch {
    background: url(../img/text-keepintouch.png) no-repeat 0 0;
  }

/* ---------------------------------------------------------------------------
  =foot
--------------------------------------------------------------------------- */

#foot-left {
  float: left;
  width: 420px;
}

#foot-right {
  float: right;
  width: 350px;
}

#foot h2 {
  text-indent: -9999px;
}

#foot h3 {
  font-size: 1.57em;
  color: #a61c2e;
  font-weight: normal;
  line-height: 1.0em;
  margin-bottom: 2px;
}

#foot .copyright {
  background: url(../img/div-dot.png) repeat-x top left;
  color: #b1b1b1;
  float: right;
  font-size: 0.84em;
  margin-top: 30px;
  padding-top: 36px;
  width: 350px;
}

  #foot .copyright a {
    background-color: transparent;
    color: #b1b1b1; 
  }
  
/* foot highlights */
#foot.highlights h2.products-highlight {
  background: url(../img/text-products-highlight.png) no-repeat 0 0;
  height: 36px;
}

#foot.highlights h2.software-highlight {
  background: url(../img/text-software-highlight.png) no-repeat 0 0;
  height: 36px;
}

#foot.highlights #foot-left {
  background: url(../img/div-dot.png) repeat-x bottom left;
  margin-bottom: 13px;
  padding-bottom: 12px;
}

#foot.highlights h3 {
  color: #749845;
  font-size: 1.57em;
  line-height: 1.09em;
  margin-bottom: 18px;
}
  
#foot.highlights p {
  color: #797878;
  line-height: 1.25em;
  padding-bottom: 12px;
}

#foot.highlights .image {
  float: left;
  margin-right: 16px;
}

#foot.highlights .copyright {
  margin-top: 8px;
}

/* foot blog */

#foot.blog h2.did-you-know {
  background: url(../img/text-did-you-know.png) no-repeat 0 0;
  height: 36px;
  margin-bottom: 30px;
}

#foot.blog #foot-left li {
  background: url(../img/div-dot.png) repeat-x bottom left;
  margin-bottom: 13px;
  padding-bottom: 25px;
}

  #foot.blog #foot-left li.last {
    margin-bottom: 0;
    padding-bottom: 30px;
  }

/* ---------
  =sitemap
---------*/
#foot.sitemap {
}

#foot h2.sitemap {
  /* background: url(../img/text-products-highlight.png) no-repeat 0 0; */
  /* height: 36px; */
  text-indent: 0px;
  text-transform: uppercase;
  font-size: 1.25em;
}

#foot h3 {
  color: #A61C2E;
  font-size: 1.5em;
  font-weight: normal;
}

h2.sitemap a:visited {
  text-decoration: none;
}
h2.sitemap a:visited:hover {
  text-decoration: underline;
}
#foot.sitemap a:link {
  padding: 0;
}

#foot.sitemap .col {
  display:inline;
  float:left;
  width: 20%;
}

#foot.sitemap ul {
  list-style: none;
  margin-left: 0;
}

.sitemap li {
  margin-bottom: 0.5em;
  font-size: 1em;
}
.sitemap li a {
  color: rgb(99, 115, 129); 
  text-decoration: underline;
  background: none;
}

/* ---------------------------------------------------------------------------
  =home
--------------------------------------------------------------------------- */
body.home h1 {
  background: url(../img/text-welcome.png) no-repeat 0 0;
}

body.home #content-main {
  /* border-right: 2px solid #e5e9e7;
  padding: 0 28px 0 0; */
  padding: 0;
  width: 292px; /* 320 wixels */
  width: 320px;
}

body.home h2 {
  color: #7f8677;
  font-size: 1.875em;
  line-height: 1.2em;
  font-weight: normal;
}
  
body.home p {
  font-size: 0.875em;
  line-height: 1.71em;
}
  
body.home #content-secondary {
  background-color: transparent;
  clear: none;
  float: right;
  margin: 0;
  padding: 0;
  width: 483px;
}

body.home #highlight-list {
  list-style: none;
  margin-left: 0;
}

body.home .highlight {
  background: url(../img/div-dot.png) repeat-x bottom left;
  margin-bottom: 25px;
  padding: 0 0 35px;
}

  body.home .highlight div {
    background-color: #708b90;
    padding: 16px 24px 10px;
  }
  
  body.home .highlight.has-screenshot div {
    padding: 16px 24px 10px 242px;
  }
  
    body.home .highlight h2 {
      background: url(../img/text-highlight.png) no-repeat 0 0;
      height: 10px;
      margin-bottom: 5px;
      text-indent: -9999px;
      width: 66px;
    }
    
    body.home .highlight h3 {
      color: #c3fb6b;
      font-size: 2.14em;
      font-weight: normal;
      margin: 14px 0 18px;
    }
    
      body.home .highlight h3 a {
        color: #c3fb6b;
        text-indent: 0;
      }
    
    body.home #content-secondary .highlight .hitline {
      color: #fff;
      font-size: 0.71em;
      padding-bottom: 12px;
      text-transform: uppercase;
    }
    
    body.home #content-secondary .highlight p {
      color: #bce1e8;
      font-size: 0.92em;
      line-height: 1.38em;
      padding-bottom: 12px;
    }
    
    body.home .highlight .screenshot {
      float: left;
      margin: 10px 0 0 -218px;
    }

/* ---------------------------------------------------------------------------
  =blog
--------------------------------------------------------------------------- */

/* sidebar */
body.blog #sidebar {
  padding-top: 48px;
  width: 170px;
}

  body.blog #sidebar #button-rss {
    background: url(../img/button-rss-subscribe.png) no-repeat 50% 50%;
    display: block;
    height: 41px;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
    width: 170px;
  }

  body.blog #sidebar .section {
    background-color: #708b90;
    margin-top: 14px;
    padding: 19px;
  }
  body.blog #sidebar .section.cross-market {
    border-top: 5px solid #708b90;
    background-color: #e5eadf;
    padding: 10px;
  }
   
  
    body.blog #sidebar #categories h4 {
      background: url(../img/text-categories.png) no-repeat 0 0;
      height: 10px;
      margin-bottom: 26px;
      text-indent: -9999px;
    }
    
     body.blog #sidebar #archives h4 {
      background: url(../img/text-archives.png) no-repeat 0 0;
      height: 10px;
      margin-bottom: 26px;
      text-indent: -9999px;
    }
    
    body.blog #sidebar .section ul {
      list-style: none;
      margin-left: 0;
      padding-bottom: 16px;
    }

    body.blog #sidebar .section.cross-market a {
      display:inline;
    }

    body.blog #sidebar .section.cross-market h4 a {
      margin: 0;
      padding: 0;
      color: #000;
   }
    body.blog #sidebar .section.cross-market ul {
      padding-bottom: 0;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    
      body.blog #sidebar .section li {
        background: url(../img/div-dot-categories.png) repeat-x bottom left;
        margin-bottom: 5px;
      }

      body.blog #sidebar .section.cross-market li {
        background: none;
        margin-bottom: 6px;
      }

      .cross-market li {
        clear: left;
        text-align: left;
      }
      .cross-market li a.icon {
        padding: 0;
        margin-right: 6px;
        margin-bottom: 6px;
        float: left;
      }
      .cross-market li h4 {
        color: #000;
        font-size: 14px;
      } 
      .cross-market li p {
        font-size: 12px;
      }

      body.blog #sidebar .section li.last {
        background: none;
        margin-bottom: 0;
        padding-bottom: 0;
      }
      
        body.blog #sidebar .section li a {
          background-color: transparent;
          color: #fff;
          display: block;
          padding-bottom: 8px;
        }
        
          body.blog #sidebar .section li a .category-name {
            float: left;
          }
        
          body.blog #sidebar .section li a .count {
            float: right;
          }

/* content */
body.blog h1 {
  background: url(../img/text-blog.png) no-repeat 0 0;
}

body.blog #content-main {
  float: left;
  width: 602px;
}

body.blog .post { 
  background: url(../img/div-dot.png) repeat-x bottom left;
  color: #323232;
  font-size: 0.875em;
  line-height: 1.71em;
  margin-bottom: 2.86em;
  padding-bottom: 11px;
}

body.blog .post h2 {
  border-bottom: 2px solid #d3d4d3;
  color: #749845;
  font-size: 2.14em;
  font-weight: normal;
  line-height: 1.0em;
  margin-bottom: 1px;
  padding-bottom: 8px;
}

  body.blog #content .post h2 a {
    background-color: transparent;
    color: #a61c2e;
    padding: 0;
  }

body.blog .post .author-block {
  font-size: 0.93em;
  padding-bottom: 18px;
}

  body.blog .post .author-block a {
    background-color: transparent;
    color: #a61c2e;
  }
  
  body.blog .post .author-posted em {
    color: #434242;
    text-transform: uppercase;
    font-size: 0.77em;
    font-style: normal;
    font-weight: bold;
  }
  
  body.blog .post .author-name em {
    color: #434242;
    font-style: normal;
    font-weight: bold;
  }

body.blog .post ul {
  padding-bottom: 4px;
}

body.blog .post pre {
  background-color: #fff;
  margin-bottom: 32px;
  overflow-x: scroll;
  padding: 12px 0 0 12px;
  width: 590px;
}

body.blog .post blockquote {
  background-color: #fff;
  border-left: 2px solid #c9c9c9;
  font-size: 1.15em;
  margin-bottom: 20px; 
  padding: 12px;
}

body.blog .post p {
  padding-bottom: 20px;
}

body.blog .post .image-post,
body.blog .post img {
	background-color: #fff;
	padding: 21px;
	margin-bottom: 10px;
	text-align: center;
}

body.blog .post a img {
	margin: -2px -2px -10px;
}

body.blog .post .post-footer {
  background-color: #fff;
  padding: 8px;
}

  body.blog .post .post-footer li {
    width: auto;
  }

  body.blog .post .post-footer .comments {
    float: left;
    font-size: 0.93em;
    padding: 4px 6px 4px;
  }

    body.blog #content-main .post .post-footer .comments a {
      display: block;
      margin: -4px -6px -4px;
      padding: 4px 6px 4px;
    }
    
    body.blog .post .post-footer .comments em {
      font-style: normal;
      font-weight: bold;
    }
  
  body.blog .post .post-footer .add-this {
    color: #333;
    float: right;
    font-size: 0.71em;
    font-weight: bold;
    padding-top: 6px;
    text-transform: uppercase;
  }
  
    body.blog .post .post-footer .add-this a {
      background-color: transparent;
    }

/* ---------------------------------------------------------------------------
  =blog comments
--------------------------------------------------------------------------- */
body.comments #content-main,
body.comments .post {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.comments #content-secondary {
  background: transparent url(../img/div-dot.png) repeat-x bottom left;
  color: #494d42;
  margin: 0 0 60px;
  padding: 0 0 16px;
  width: 602px; /* 602 wixels */
}

body.comments #comments,
body.comments #comment-form {
  background-color: #fff;
}

body.comments #comments {
  list-style: none;
  margin-left: 0;
}

  body.comments #comments li {
    font-size: 0.93em;
    padding: 16px 48px 12px 12px;
  }
  
    body.comments #comments li p {
      line-height: 1.385em;
      padding: 0;
      margin-bottom: 1em;
    }
  
  body.comments #comments .date {
    font-size: 0.85em;
    line-height: 1.0em;
    padding-bottom: 5px;
  }
  
    body.comments #comments .date em {
      color: #749845;
      font-style: normal;
      font-weight: bold;
      text-transform: uppercase;
    }
    
  body.comments #comments .author {
    font-weight: bold;
  }
  
  body.comments #comments li.from-post-author {
    background: url(../img/comment-arrow.png) no-repeat 0 16px;
    line-height: 0.9em;
    padding-left: 42px;
  }

body.comments #comment-form,
body.comments #comments li {
  border-top: 2px solid #e9e9e9;
}

body.comments #comment-form {
  padding: 24px 24px 26px 12px;
}

  body.comments #comment-form h3 {
    background: url(../img/text-add-a-comment.png) no-repeat 0 0;
    height: 14px;
    margin-bottom: 44px;
    text-indent: -9999px;
  }
  
  body.comments #comment-form input {
    font-size: 0.86em;
    padding: 0;
  }
  
  body.comments #comment-form #preview,
  body.comments #comment-form #comment-submit {
    border: none;
    cursor: pointer;
    float: left;
    height: 23px;
    text-indent: -9999px;
  }
  
  body.comments #comment-form #preview {
    background: url(../img/button-preview.png) no-repeat 50% 50%;
    margin-right: 6px;
    width: 64px;
  }
  
  body.comments #comment-form #comment-submit {
    background: url(../img/button-submit.png) no-repeat 50% 50%;
    width: 73px;
  }
  
/* ---------------------------------------------------------------------------
  =clients
--------------------------------------------------------------------------- */
body.clients #content {
  padding-bottom: 50px;
}

body.clients h1 {
  background: url(../img/text-clients.png) no-repeat 0 0;
}

body.clients #content-main {
  margin-bottom: 24px;
}

body.clients #sidebar {
  margin-bottom: 44px;
}

body.clients #client-logos {
  list-style: none;
}
  
  body.clients #client-logos li {
    float: left;
    margin: 14px 20px 0 0;
  }

/* ---------------------------------------------------------------------------
  =about
--------------------------------------------------------------------------- */
h1.about {
  background: url(../img/text-about.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =contact
--------------------------------------------------------------------------- */
h1.contact  {
  background: url(../img/text-contact.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =consulting
--------------------------------------------------------------------------- */
h1.consulting  {
  background: url(../img/text-consulting-services.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =consulting Identity & Access Management
--------------------------------------------------------------------------- */
h1.identity {
  background: url(../img/text-consulting-identity.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =consulting Software Development & Integration
--------------------------------------------------------------------------- */
h1.software-dev {
  background: url(../img/text-consulting-software.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =products
--------------------------------------------------------------------------- */
h1.products {
  background: url(../img/text-products.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details tempo
--------------------------------------------------------------------------- */
h1.tempo  {
  background: url(../img/text-products-tempo.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details PingMe
--------------------------------------------------------------------------- */
h1.pingme {
  background: url(../img/text-products-pingme.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details Practical Database Design
--------------------------------------------------------------------------- */
h1.practical-database {
  background: url(../img/text-products-practical-database.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details simAXS
--------------------------------------------------------------------------- */
h1.simaxs  {
  background: url(../img/text-products-simaxs.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details Strip
--------------------------------------------------------------------------- */
h1.strip {
  background: url(../img/text-products-strip.png) no-repeat 0 0;
}


/* ---------------------------------------------------------------------------
  =details Codebook
--------------------------------------------------------------------------- */
h1.codebook {
  background: url(../img/text-products-codebook.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details Strip for Palm OS
--------------------------------------------------------------------------- */
h1.strip-palm {
  background: url(../img/text-products-strippalmos.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =software
--------------------------------------------------------------------------- */
h1.software {
  background: url(../img/text-software.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details acts_as_network
--------------------------------------------------------------------------- */
h1.acts-as-network  {
  background: url(../img/text-software-acts-as-network.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details sqlite-cipher
--------------------------------------------------------------------------- */
h1.sqlite-cipher {
  background: url(../img/text-software-sqlite-cipher.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details sqlite-sequences
--------------------------------------------------------------------------- */
h1.sqlite-sequences {
  background: url(../img/text-software-sqlite-sequences.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =details CkFormLogin
--------------------------------------------------------------------------- */
h1.ckformlogin {
  background: url(../img/text-software-ckformlogin.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =search
--------------------------------------------------------------------------- */
h1.search {
  background: url(../img/text-search.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------
  =listing page
--------------------------------------------------------------------------- */

body.listing #content-main {
  margin-bottom: 12px;
  width: 539px;
}

body.listing #content-secondary {
  background-color: transparent;
  padding: 0;
}

  body.listing #content-secondary p {
    line-height: 1.29em;
    padding: 0;
  }

.listing-item {
  background: url(../img/bg-listing-item.png) repeat-y 0 0;
  margin-bottom: 14px;
  padding: 16px 14px 16px 170px;
}

.listing-item.no-image {
  background-position: -117px 0;
  padding-left: 50px;
}

  .listing-item .image {
    display: inline;
    float: left;
    margin-left: -156px;
    padding: 0;
    background-color: transparent;
  }

/*  .listing-item img {
    float: left;
    margin-left: -156px;
  }
*/

  .listing-item h2 {
    color: #749845;
    font-size: 2.14em;
    font-weight: normal;
    line-height: 1.0em;
    margin-bottom: 12px;
    padding-top: 26px;
  }
  
  .listing-item.no-image h2 {
    padding-top: 16px;
  }
  
    .listing-item h2 span {
      font-size: 0.467em;
      text-transform: uppercase;
    }

  .listing-item h2 a:visited { color: rgb(166, 28, 46); text-decoration: none; }
  .listing-item h2 a:hover { text-decoration: underline; }

/* ---------------------------------------------------------------------------
  =listing-details page
--------------------------------------------------------------------------- */

body.listing-details #content-main {
  width: 100%;
}

body.listing-details .listing-item {
  background: #fff;
  width: 416px; /* 602 wixels */
}

body.listing-details .listing-item.no-image {
  width: 536px; /* 602 wixels */
}

  body.listing-details h2 {
    color: #353831;
  }

  body.listing-details .listing-item ul {
    font-size: 0.8125em;
    list-style: none;
    margin-left: 0;
  }
  
  body.listing-details .listing-item em {
    font-size: 0.77em;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
  }

/* ---------------------------------------------------------------------------
  =misc
--------------------------------------------------------------------------- */
.last {
  background-image: none !important;
}

.intro {
  font-size: 1.375em;
  line-height: 1.05em;
  padding-bottom: 20px;
}

.notice {
  background-color: #fff;
  font-size: 0.875em;
  line-height: 1.0em;
  margin-bottom: 10px;
  padding: 20px 17px;
}

  .notice em {
    color: #749845;
    font-style: normal;
    font-weight: bold;
  }

#feature-list {
  list-style: none;
  margin-left: 0;
  padding-bottom: 34px;
}

  #feature-list li,
  #search-results li div {
    background: url(../img/bullet-arrow-line.png) no-repeat 0 0;
    margin-bottom: 20px;
    padding: 1px 0 8px 24px;
  }
  
    #feature-list li p {
      font-size: 0.92em;
      line-height: 1.23em;
      padding-bottom: 0;
    }
    
#search-results {
  border-bottom: 2px solid #d3d4d3;
  border-top: 2px solid #d3d4d3;
  list-style: none;
  margin: 0;
  padding: 12px 0 2px;
}

  #search-results h2 {
    font-size: 1.125em;
    font-weight: normal;
    line-height: 1.0em;
    margin-bottom: 10px;
    padding-top: 2px;
  }
  
  #search-results p {
    font-size: 0.8125em;
    line-height: 1.23em;
    padding-bottom: 0;
  }
  
  #search-results li {
    background: url(../img/div-dot.png) repeat-x bottom left;
    margin-bottom: 13px;
    padding-bottom: 15px;
  }
  
    #search-results li div {
      margin-bottom: 0;
    }

.product-site {
  color: #323232;
  display: block;
  font-size: 1.125em;
  padding-top: 6px;
}

  .product-site em {
    font-size: 0.67em;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
  }

a.button-signup {
  background: url(../img/button-signup.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 41px;
  margin-right: 18px;
  padding: 0;
  text-indent: -9999px;
  width: 78px;
}

a.button-download {
  background: url(../img/button-download.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 41px;
  margin-right: 18px;
  padding: 0;
  text-indent: -9999px;
  width: 100px;
}

.pricing-top,
.pricing-bottom {
  display: block;
  font-size: 1.29em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

.pricing-bottom {
  color: #9c9c9c;
  font-size: 1.2em;
  margin-top: 2px;
  line-height: 1.2em;
}

  .pricing-top em {
    font-family: Georgia, serif;
    font-size: 1.23em;
    font-style: normal;
  }
  
.signup-pricing {
  margin-bottom: 1em;
}

#content-secondary pre {
  margin-bottom: 32px;
}

ul#faq, ul#faq > li > ul {
  list-style: none;
}

#faq li > ul > li {
    padding-left: 42px;
    background: url(../img/bullet-arrow.gif) no-repeat 0 3px;
    padding-left:  20px;
} 

#faq h4.question {
  margin-bottom: 0.5em;
  text-decoration: underline;
}
  
/* ---------------------------------------------------------------------------
  =pagination
--------------------------------------------------------------------------- */

ul.pagination {
  font-family: Verdana, sans;
  font-size: 0.625em;
  font-weight: bold; 
  margin-bottom: 14px;
  margin-left: 0;
  padding-top: 15px; 
  text-transform: uppercase;
}

ul.pagination li { 
  display: inline; 
  margin-right: 3px;
}

ul.pagination a {
  background-color: #fff;
  padding: 4px 6px;
}

ul.pagination a:link,
ul.pagination a:visited {
  color: #7f8677;
  text-decoration: none;
}

ul.pagination a:hover {
  color: #fff;
  background-color: #a61c2e;
  text-decoration: none;
}

ul.pagination li.here a:link,
li.here ul.pagination a:visited,
li.here ul.pagination a:hover {
  color: #fff;
  background-color: #a61c2e;
  text-decoration: none;
}

/* ---------------------------------------------------------------------------
  =clearing
--------------------------------------------------------------------------- */

.listing-item:after,
body.blog #sidebar #categories li a:after,
body.blog .post-footer:after,
body.home #foot-right ul:after,
body.home #content-secondary .highlight div:after,
#search:after,
#content:after,
#content-main:after,
#content-secondary:after,
#foot:after,
#container:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clear {
  clear: both;
}



.inline-callout {
  background: #e5eadf url(/img/icon-confirm.png) no-repeat 10px 10px; 
  padding: 10px 10px 10px 35px; 
  color: #323232; 
  margin-bottom: 15px; 
  font-weight: bold; 
  line-height: 1.3em; 
  border-top: 5px solid #708b90;
}