/*****************
 * HTML Attributes
 ****************/
html {
    background-color:#f0f0f0;
    overflow-x:hidden;
}

body {
    color: #5b5b5b;
    background-image:url(/images/headerBg.jpg);
    background-repeat:repeat-x;
    overflow-x:hidden;
    background-position:center -250px;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

body.home {
    background-position:center -32px;
}

h1, dl.zend_form fieldset legend, h2 {
    color:#4b508a;
    font-size:150%;
    font-weight:lighter;
    padding-bottom:10px;
}

h2 {
    font-size:120%;
    font-weight:bold;
    line-height:1.3em;
    padding-bottom:5px;
}

h3 {
    font-size:200%;
    font-style:italic;
    color:#999999;
    padding:20px;
}

h3 a {
    font-size:14px;
    font-style:normal;
}

a {
    color:#4b508a;
}

small {
    font-size:11px;
}

strong {
    font-weight:bold;
}

/**
 *Header
 */

#header {
    height:220px;
    margin:0 auto;
    width:1000px;
    position:relative;
}

body.home #header {
    height:450px;
}

#header .logo {
    background-image:url(/images/logoSecondaryPages.jpg);
    background-repeat:no-repeat;
    height:132px;
    width:318px;
    float:left;
    overflow:hidden;
    text-decoration:none;
    text-indent:-10em;
}

body.home #header .logo {
    background-image:url(/images/logo.jpg);
}

#header ul.wrapper-nav {
    float:right;
    margin:80px 0 0 0;
    background-image:url(/images/navBarBg.jpg);
    background-repeat:repeat-x;
    background-position:top right;
}

#header .wrapper-nav li {
    height:36px;
    float:left;
    padding:5px 0 5px 0;
    display:inline;
}

#header .wrapper-nav a {
    color:#FFF;
    text-decoration:none;
    font-size:93%;
    font-weight:lighter;
    line-height:23px;
    text-transform:uppercase;
    border-left:1px solid #8884b5;
    padding:0 20px 0 20px;
}

#header .wrapper-nav .first-of-type {
    background-position:top left;
    background-image:url(/images/navBarBg.jpg);
    background-repeat:no-repeat;
}

#header .wrapper-nav li.selected {
    background-image:url(/images/navBarSelectedBg.gif);
    background-repeat:repeat-x;
    background-position:top center;
}

#header .wrapper-nav li.first-of-type.selected{
    background-position:top left;
}

#header .wrapper-nav li.last-of-type.selected{
    background-position:top right;
}

#header .wrapper-nav .first-of-type a {
    border:none;
}

.wrapper-nav-header {
    height:235px;
    background-image:url(/images/headerBg.jpg);
}

/**
 *Header Element
 */

#header-element {
    float:left;
    width:100%;
    clear:both;
    overflow:hidden;
}

#header-element .list-boxes-element { 
    clear:left;
    width:1000px;
    overflow:hidden;
}
#boxes, #expanded-boxes {
    width:2100px;
}


#boxes, #header-element .list-boxes-element li {
    height:200px;
}

#boxes {
    position:relative;
}

#boxes li {
    background-image:url(/images/boxBg.gif );
    background-repeat:no-repeat;
    float:left;
    padding:10px;
    text-align:center;
    width:220px;
    margin:0 5px 0 5px;
    position:relative;
}


#boxes a.launch-btn, #expanded-boxes a.launch-btn {
    position:absolute;
    bottom:40px;
    left:50%;
    margin-left:-74px;
}

#expanded-boxes a.launch-btn {
    margin-left:-65px;
}

#boxes .box-inner {
    width:220px;
}


#expanded-boxes .expanded-outer {
    top:0px;
    left:0px;
    width:322px;
    height:252px;
    z-index:100;
    position:absolute;
    overflow:hidden;
}

#expanded-boxes .expanded-outer .bg {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

#expanded-boxes .expanded-inner {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
}

#expanded-boxes .expanded-inner .desc {
    padding:0 30px;
    text-align:left;
    width:265px;
    font-size:105%;
}

#expanded-boxes .expanded-inner a.launch-btn {
    bottom:20px;
}


#expanded-boxes .expanded-inner img.service-logo {
    margin:10px 10px 0 10px;
}

.box-desc {
    line-height:18px;
    padding:5px 10px;
    color:#777777;
    text-align:left;
}


/**
 * Client Bar
 */
#client-bar {
    background-image:url(/images/clientsBgPlaceholder.jpg);
    width:906px;
    height:54px;
    margin:20px auto;
    clear:both;
    padding-top:6px;
    background-repeat:no-repeat;
}

#client-bar-inner {
    margin:0 60px;
    overflow:hidden;
    height:50px;
}

#client-bar-inner .client-bar-logo {
    float:left;
    text-align:center;
    display:block;
    padding-left:20px;
}

/**
 *info box for client bar
 */
#info-box {
    width:376px;
    height:290px;
    background-image:url(/images/floatingBox.png);
    position:absolute;
    left:50%;
    margin-left:-204px;
    top:20px;
    top:-1000px;
}

#info-box-inner {
    height:230px;
    margin:40px 0 0 15px;
    overflow:hidden;
    width:345px;
}

.info-box-client {
    width:350px;
    height:230px;
    float:left;
}

.info-box-client .padding {
    padding:0 10px;
    line-height:22px;
}

/*
 *Content
 */

.clear {
    clear:both;
}

.wrapper-content {
    width:1000px;
    margin:15px auto;
    line-height:28px;
}

a.read-more-link {
    display:block;
    text-align:right;
    clear:both;
}

.read-more, .read-more-button {
    margin-top:10px;
}

.read-more-button {
    background-image:url(/images/readMoreBtn.jpg);
    height:24px;
    width:88px;
    display:block;
    float:right;
}

.all-blog-posts {
    float:right;
}

/*
 *Footer
 */

#footer {
    float:left;
    width:100%;
    margin:0 auto;
    background-image:url(/images/bgFooter.jpg);
}

#footer .width {
    background-image:url(/images/footer-logo.gif);
    background-position:center 36px;
    background-repeat:no-repeat;
    margin:0 auto;
    padding:20px 20px 0;
    width:900px;
}

#footer .wrapper-nav {
    float:left;
}

#footer .wrapper-nav li {
}

#footer .wrapper-nav ul {

}

#footer ul a {
    text-decoration:none;
    color:#4b508a;
}

#footer-nav {
    float:left;
    padding-left:22px;
}

#footer .wrapper-inner {
}

#footer h2 {
    border-bottom:1px solid #fff;
    margin-bottom:5px;
    width:226px;
    padding-bottom:2px;
    font-size:119%;
}

#footer .left, #footer .right {
    float:left;
    width:50%;
}

#footer .right {
    width:226px;
    float:right;
}

.copyright, .lfnetwork {
    color:#5B5B5B;
    text-align:center;
    padding:31px 15px 15px 15px;
}

.lfnetwork {
    padding:0;
}

.copyright a, .lfnetwork a {
    text-decoration:none;
    color:#4B508A;
}

/**
 * Nav Element
 */

/**
 * Testimonial
 */
#testimonial {
    float:right;
    width:489px;
    height:62px;
    background-image:url(/images/bgTestimonial.gif);
    background-repeat:no-repeat;
    top:10px;
    right:0px;
    clear:both;
    position:absolute;
}

body.home #testimonial {
    background-image:url(/images/bgTestimonial-home.gif);
}

#testimonial a {
    font-weight:bold;
    padding-top:5px;
    font-style:italic;
    text-decoration:none;
    color:#FFF;
    display:block;
    padding-right:30px;
    text-align:center;
}
/**
 *Company Description Element
 */

.company-description-element {
    border-bottom:1px solid #ccc;
    padding-bottom:20px;
    margin-bottom:30px;
}

/**
 *Blog Posts
 */

.list-blog-titles-element {
    clear:left;
}

.blog-posts-outer {
    float:left;
    width:100%;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
    clear:both;
}

.blog-posts-outer .date, .blog-titles-outer .date, .question-outer .date {
    float:left;
    background-image:url(/images/dateBoxBg.gif);
    background-repeat:repeat-x;
    height:28px;
    font-weight:bold;
    color:#FFF;
    line-height:28px;
    padding:0 5px 0 5px;
}

.date-bullet { 
    color:#e5e5ed;
    display:inline;
}

.blog-posts-outer .date-odd, .blog-titles-outer .date-odd, .question-outer .date-odd {
    float:left;
    background-image:url(/images/dateBoxOrangeBg.gif);
    background-repeat:repeat-x;
    height:28px;
    font-weight:bold;
    color:#FFF;
    line-height:28px;
    padding:0 5px 0 5px;
}

.date-bullet-odd {
    color:#fee0d1;
    display:inline;
}

.list-blog-titles-element .date, .list-blog-titles-element .date-odd {
    height:20px;
    line-height:20px;
}

.blog-posts-outer .blog-post, h2.blog-title,  .blog-posts-outer .blog-image {
    float:right;
    width:510px;
}

.blog-posts-outer .blog-image {
    height:150px;
    background-repeat:no-repeat;
}

.blog-comment-outer {
    border-top:1px solid #999999;
    margin-top:20px;
    padding-top:10px;
}

.blog-comment-content {
    border-bottom:1px solid #999999;
    padding-bottom:10px;
    margin-bottom:20px;

}

/**
 * FAQ
 */

.question-outer {
    float:left;
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ccc;
}

.question-content {
    float:right;
    width:510px
}

.question-content h2 {
    padding-bottom:0;
}

/**
 * About us page
 */
.about-us h2 {
    margin-bottom:0;
    padding-bottom:0;
    line-height:normal;
    border-top:1px solid #4B508A;
    padding-top:25px;
}

/**
 *Clients Element
 */

.client-outer {
    float:left;
    width:100%;
    margin-bottom:15px;
    border-bottom:1px solid #ccc;
}

.client-image {
    background-color:#FFF;
    border:1px solid #ccc;
    background-repeat:no-repeat;
    background-position:center center;
    float:left;
    width:161px;
    height:161px;
}

.client-content {
    float:right;
    width:390px;
    padding-bottom:20px;
}

.client-content h2 {
    display:inline;
}


/**
 * Zend Form
 */

dl.zend_form fieldset {
    border:1px solid #CCC;
    padding:10px;
    margin-bottom:15px;
}

dl.zend_form fieldset legend {
    font-weight:bold;
    font-size:125%;
}

dl.zend_form dt {
    clear:left;
    float:left;
    padding-bottom:15px;
    padding-right:5px;
}

dl.zend_form dt label {
    display:block;
    line-height:normal;
    width:100px;
}

dl.zend_form dd {
    float:left;
}

dl.zend_form dd input.submit {
    margin-top:15px;
}

/**
 *Errors
 */

dl.zend_form dd ul.errors {
    color: #ff0000;
}

dl.zend_form .validation-passed {
    background: #fff;
}

dl.zend_form .validation-failed {
    background: #ffcfcf;
}

#messages {
    position:absolute;
    width:400px;
    margin-left:-200px;
    margin-top:-100px;
    left:50%;
    top:50%;
    border:2px solid #FF0000;
    background-image:url(/images/headerBg.jpg);
    padding:20px;
    font-size:115%;
    z-index:250;
}

#messages li.close {
    text-align:right;
}

/**
 * Blog
 */
.blog-posting-outer h2 {
    padding:0;
    margin:0;
    font-weight:bold;
    font-size:210%;
}

.blog-time {
    font-style:italic;
    padding-bottom:10px;
}

.blog-posting-content h3 {
    text-align:center;
}

.blog-comment-content h2 {
    font-weight:bold;
}

.comment {
    margin:0px 30px 5px 30px;
    padding:4px;
    background-color:#d7d7d8;
}

.comment h4 {
    font-style:italic;
}

.blog-comment-form {
    background-repeat:repeat-x;
    padding:10px;
    width:400px;
    margin:0 auto;
    background-image:url(/images/rightColumnBg.gif);
}

.blog-comment-form form, .blog-comment-form dl {
    clear:both;
}

/**
 * About page
 */
.about h2 {
    padding:0px;
    margin:0px;
    font-weight:bold;
    font-size:170%;
}

/**
 * Message stuff
 */
.message-wrapper {
    text-align:center;
}

/**
 * Contact us
 */
.contact-us-element dd {
    width:480px;
    padding-bottom:15px;
}

/**
 * Support box
 */
#habla_expanded_div div {
    display:none;
}

#habla_expanded_div #habla_middle_div, #habla_expanded_div #habla_middle_div * {
    display:block;
}

/**
 * Twitter box
 */
.twtr-hd, .twtr-ft {
    display:none;
}

/**
 * Expertise
 */
.list-boxes-full-element .bd img {
    display:block;
    float:left;
    border:1px solid #ccc;
}

.list-boxes-full-element .content {
    float:right;
    width:273px;
}

body .list-success-cases-element .wrapper-element {
    float:left;
}

body .list-success-cases-element .odd {
    margin-right:30px;
}

body .list-success-cases-element .element-inner .element-inner {
    background-position:center center;
    display:block;
    height:150px;
    width:246px;
}

/**
 * Per case adjustments of bg image
 */
body .list-success-cases-element div.case-5 .element-inner {
    background-position:-130px center; 
}

body .list-success-cases-element div.case-6 .element-inner {
    background-position:-64px center; 
}

body .list-success-cases-element div.case-7 .element-inner {
    background-position:-89px center; 
}

.list-boxes-full-element .button {
    clear:both;
    float:right;
    padding-top:20px;
    text-align:right;
}

/**
 * thumbnails
 */
div.thumbnail {
    margin-top:10px;
    margin-right:10px;
}

div.thumbnail a {
    width:172px;
    height:150px;
    overflow:hidden;
    background-position:center center;
    padding:0px;
}

div.habla_window_div_base {
    z-index:100 !important;
}

.random-success-case-element .thumb {
    display:block;
    width:100%;
    height:125px;
    background-position:center center;
    border:1px solid #CCC;
}


#sb-wrapper  {
    z-index:400000;
}

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

ol {
    padding:20px;
}

ol li {
    list-style-type:decimal;
    padding:2px 0 2px 5px;
}