/* @override 
   http://localhost/swellpath/wordpress/wp-content/themes/swellpath/css/swellpath.css
   http://www.swellpath.com/wp-content/themes/swellpath/css/swellpath.css
   */
/* 
   Theme Name: SwellPath
   Description: SwellPath Interactive Custom Theme
   Author: SwellPath Interactive

   Credits:
   All rights reserved.

   License:
   All code, art, images, and copy is copyright its respective owner, and may not be used in whole or part without express written permission.


   */
/*------------------ Generic ------------------*/

html {
  background: #fff url(../img/banner-leftside.png) repeat-x center top;
}
body {
       position: relative;
       /*width: 930px;*/
       margin: 0 auto;
       font: .75em Helvetica, Arial, Geneva, sans-serif; 
       color: #444;
       background: transparent;
       }
p {
    margin-bottom: 1em;
    }
a:link {
         color: #1a6c97;
         }
a:visited {
            color: #466697;
            }
a:hover {
          color: #cf7e0a;
          }
a:active {
           
           }
a img {
        
        }
h1, h2, h3, h4, h5, h6 {
                         font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
                         font-weight: bold;
                         }
h1 .low, h2 .low, h3 .low, h4 .low, h5 .low, h6 .low {
                                                       font-weight: normal;
                                                       }
h1 a, h2 a, h3 a {
                   text-decoration: none;
                   }
h1 {
     margin-bottom: .5em;
     font: 225% HelveticaNeue-CondensedBold, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
     color: #434a4d;
     line-height: 1.2;
     }
h2 {
     margin-bottom: 1.0em;
     margin-top: 1.0em;
     font: normal 150% HelveticaNeue-Light, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
     color: #999;
     }
h3 {
     margin-bottom: .5em;
     margin-top: .5em;
     font: normal 110% HelveticaNeue-Light, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
     font-weight: bold;
     color: #000000;
     
     }
h4 {
     
     }
h5 {
     
     }
h6 {
     
     }
strong {
         font-weight: bold;
         }
em {
     font-style: italic;
     }
.image-container {
                   margin: 1em;
                   }
.image-container img {
                       border: 10px solid #efefef;
                       color: #efefef;
                       }
.image-container p {
                     font-style: italic;
                     text-align: right;
                     }
.image-container.left {
                        float: left;
                        margin-left: 0;
                        }
.image-container.right {
                         float: right;
                         margin-right: 0;
                         }
form {
       overflow: hidden;
       }
form p {
         position: relative;
         overflow: hidden;
         }
input[type=submit],
button {
         padding: .5em 1em;
         background: #0068a9;
         color: #fff;
         border: none;
         cursor: pointer;
         }
input[type=submit]:hover,
button:hover {
               background: #cf7e0a;
               }
.learn-more a {
                padding-left: 10px;
                text-decoration: none;
                background-image: url(../img/learn-more-arrow-hover.png);
                background: url(../img/learn-more-arrow.png) no-repeat left center;
                }
.learn-more a:hover {
                      background-image: url(../img/learn-more-arrow-hover.png);
                      }

.room {
        line-height: 18px;

        }
/*------------------ Masthead ------------------*/
#masthead {
            position: relative;
            background: url(../img/banner-middle.png) no-repeat center top;
            height: 84px;
            width: 930px;
            padding: 0 25px;
            margin: 0 auto;
            z-index: 50;
            }
#masthead h1 {
               
               }
#masthead h1 a {
                 display: block;
                 height: 70px;
                 width: 210px;
                 /*			background-image: url(../img/logo.png); */
                 background: transparent url(../img/logo.png) no-repeat left bottom;
                 text-indent: -5000em;
                 }
/*
   #masthead h1 a:hover {
                          background-image: url(../img/logo.png);
                          }
*/
#left-repeat {
               position: absolute;
               left: 0;
               top: 0;
               height: 84px;
               width: 40%;
               background: url(../img/banner-leftside.png) repeat-x right top;
               z-index: 1;
               }
#right-repeat {
                position: absolute;
                right: 0;
                top: 0;
                height: 84px;
                width: 40%;
                background: url(../img/banner-rightside.png) repeat-x left top;
                z-index: 1;
                }
#masthead ul#primary-nav {
                           position: absolute;
                           bottom: -46px;
                           height: 43px;
                           }
#masthead ul#primary-nav li {
                              display: block;
                              }
#masthead ul#primary-nav li a {
                                position: absolute;
                                top: 0;
                                display: block;
                                width: 145px;
                                height: 43px;
                                text-indent: -5000em;
                                }
#masthead ul#primary-nav li a#n-our-services {
                                               left: -2px;
                                               background-image: url(../img/our-services-tab-hover.png);
                                               background: url(../img/our-services-tab.png) no-repeat left top;
                                               }
#masthead ul#primary-nav li a#n-our-services:hover {
                                                     background-image: url(../img/our-services-tab-hover.png);
                                                     }
#masthead ul#primary-nav li a#n-our-clients {
                                              left: 143px;
                                              background-image: url(../img/our-clients-tab-hover.png);
                                              background: url(../img/our-clients-tab.png) no-repeat left top;
                                              }
#masthead ul#primary-nav li a#n-our-clients:hover {
                                                    background-image: url(../img/our-clients-tab-hover.png);
                                                    }
#masthead ul#primary-nav li a#n-about-us {
                                           left: 287px;
                                           background-image: url(../img/about-us-tab-hover.png);
                                           background: url(../img/about-us-tab.png) no-repeat left top;
                                           }
#masthead ul#primary-nav li a#n-about-us:hover {
                                                 background-image: url(../img/about-us-tab-hover.png);
                                                 }
#masthead ul#secondary-nav {
                             position: absolute;
                             right: 0;
                             top: 5px;
                             }
#masthead ul#secondary-nav li {
                                display: inline;
                                padding: 0 1em;
                                font-size: 90%;
                                border-right: 1px dotted #9ab9c4;
                                }
#masthead ul#secondary-nav li:last-child {
                                           padding-right: 0;
                                           border-right: none;
                                           }
#masthead ul#secondary-nav li a {
                                  color: #9ab9c4;
                                  text-decoration: none;
                                  }
#masthead ul#secondary-nav li a:hover {
                                        color: #cf7e0a;
                                        }
#masthead form#site-search {
                             position: absolute;
                             right: 0;
                             bottom: 10px;
                             }
#masthead form#site-search label {
                                   color: #9ab9c4;
                                   font: 90% HelveticaNeue-Light,"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
                                   }
#masthead form#site-search:hover label {
                                         /*color: #cf7e0a;*/
                                         color: #fff;
                                         }
#masthead form#site-search input[type=text] {
                                              margin-right: -2px;
                                              padding: .25em .5em;
                                              font-size: 90%;
                                              webkit-border-top-left-radius: 4px;
                                              webkit-border-bottom-right-radius: 4px;
                                              moz-border-radius-topleft: 4px;
                                              moz-border-radius-bottomright: 4px;
                                              border: none;
                                              background: #fff url(../img/search-bg.png) repeat-x left bottom;
                                              }
#masthead form#site-search input[type=text]:focus {
                                                    background: #fff;
                                                    }
#masthead form#site-search input[type=submit],
#masthead form#site-search button {
                                    padding: .25em .5em;
                                    font-size: 90%;
                                    webkit-border-top-left-radius: 4px;
                                    webkit-border-bottom-right-radius: 4px;
                                    moz-border-radius-topleft: 4px;
                                    moz-border-radius-bottomright: 4px;
                                    border: none;
                                    cursor: pointer;
                                    background: #0195d4 url(../img/submit-bg.png) repeat-x left bottom;
                                    }
#masthead form#site-search input[type=submit]:hover,
#masthead form#site-search button:hover {
                                          background: #cf7e0a;
                                          }
/*----------------- Breadcrumb -----------------*/
#breadcrumb-nav {
                  position: relative;
                  top: 70px;
                  width: 930px;
                  margin: 0 auto;
                  font-size: 90%;
                  font-weight: normal;
                  color: #999;
                  }
#breadcrumb-nav a {
                    text-decoration: none;
                    }
ul#breadcrumb-nav li {
                       display: inline;
                       }
ul#breadcrumb-nav li:first-child:after {
                                         content: " ›";
                                         }
ul#breadcrumb-nav li:last-child:after {
                                        content: "";
                                        }
ul#breadcrumb-nav li ul {
                          display: inline;
                          }
ul#breadcrumb-nav li a {
                         
                         }
/*------------------- Content ------------------*/
#content {
           position: relative;
           /*width: 684px; *//* 930px - 246px */
           width: 710px; /* required by new banner */
           min-height: 700px;
           padding: 0 0 170px 246px;
           margin: 90px auto 0 auto;
           /*border-bottom: 1px solid #bbb;*/
           }
#content .primary form,
#content .secondary form {
                           position: relative;
                           overflow: hidden;
                           }
#content .primary form p,
#content .secondary form p {
                             float: left;
                             width: 50%;
                             }
#content .primary form p.submit,
#content .secondary form p.submit {
                                    clear: both;
                                    }
#content .primary form label,
#content .secondary form label {
                                 display: block;
                                 padding: 2px 0;
                                 font-size: 90%;
                                 color: #888;
                                 }
#content .primary form input[type=text],
#content .secondary form input[type=text] {
                                            width: 50%;
                                            }
#content .primary form textarea {
                                  width: 60%;
                                  }
#content #sidebar {
                    position: absolute;
                    left: 0;
                    top: -1.25em;
                    width: 170px;
                    padding: 2em 47px 0 0;
                    background: transparent url(../img/sidebar-side.jpg) no-repeat right top;
                    min-height: 546px;
                    }
#content #sidebar h2 {
                       padding-bottom: .25em;
                       font: bold 150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
                       color: #94b0be;
                       border-bottom: 1px dotted #94b0be;
                       }
#content #sidebar h2 a {
                         text-decoration: none;
                         }
#content #sidebar ul#section-nav {
                                   padding-left: 15px;
                                   margin-bottom: 3em;
                                   list-style: square outside;
                                   color: #d3dfe4;
                                   }
#content #sidebar ul#section-nav li {
                                      
                                      }
#content #sidebar ul#section-nav li a {
                                        display: block;
                                        padding: .1em .5em .1em 0;
                                        text-decoration: none;
                                        }
#content #sidebar ul#section-nav li a.active {
                                               background: #005e8c;
                                               color: #fff;
                                               }
#content #sidebar .feature {
                             
                             }
#content #sidebar .feature img {
                                 width: 160px;
                                 margin-bottom: 1em;
                                 border: 10px solid #efefef;
                                 }
#content #sidebar .feature h3 {
                                margin: 10px;
                                line-height: 1.1;
                                }
#content #sidebar .feature h3 a {
                                  text-decoration: none;
                                  }
#content #sidebar .feature p {
                               margin-left: 10px;
                               }
#content #sidebar .feature h4 {
                                margin-left: 10px;
                                }
#content .secondary {
                      margin-top: 1em;
                      padding: 3em 250px 0 0;
                      border-top: 1px dotted #ccc;
                      }
#content .secondary h2 {
                         color: #444b4e;
                         font-weight: bold;
                         }
/*-------------------- Home -------------------*/
#home {
        
        }
#home #breadcrumb-nav {
                        display: none;
                        }
#home #content {
                 width: 665px;
                 padding-left: 0 !important;
                 padding-right: 285px !important;
                 background: transparent url(../img/sidebar-side.jpg) no-repeat 700px top;
                 
                 }
#home #content #sidebar {
                          background: none !important;
                          top: -25px !important;
                          position: absolute;
                          left: 745px !important;
                          width: 227px;
                          }
#home #sidebar #client-sample { 
                                margin-left: 30px;
                                border: 10px solid #efefef;
                                }

#home #content .primary {
                          
                          }
#home #content .primary h1,
#home #content .primary h2 {
                             position: absolute;
                             text-indent: -5000em;
                             }
#home #content .primary img#main-feature,
#home #content .primary img.main-feature,
#home #content .primary img.size-full {
                                        border: 10px solid #efefef;
                                        }
#home #content .secondary {
                            padding: 0;
                            border: none;
                            overflow: hidden;
                            }
#home #content .secondary .feature {
                                     float: left;
                                     width: 210px;
                                     margin: 0 16px 0 0;
                                     }
#home #content .secondary .feature:last-child {
                                                margin: 0;
                                                }
#home #content .secondary .feature img {
                                         width: 194px;
                                         border: 10px solid #efefef;
                                         }
#home #content .secondary .feature h3 a {
                                          display: block;
                                          margin: 1em 10px;
                                          text-decoration: none;
                                          font-size: 125%;
                                          font-weight: normal;
                                          font-style: normal;
                                          cursor: pointer;
                                          }
#home #content .secondary .feature p {
                                       margin: 0 10px 1em 10px;
                                       line-height: 1.4;
                                       }
#home #content .secondary .feature h4 {
                                        margin-left: 10px;
                                        }

#home #content #sidebar dl#latest-posts {
                                          position: relative;
                                          }
#home #content #sidebar dl#latest-posts dt {
                                             display: block;
                                             float: left;
                                             margin: 1.5em 0 0 1em;
                                             font-weight: bold;
                                             font-size: 90%;
                                             }
#home #content #sidebar dl#latest-posts dt a {
                                               color: inherit;
                                               text-decoration: none;
                                               }
#home #content #sidebar dl#latest-posts dt.new {
                                                 color: #aa152c;
                                                 }
#home #content #sidebar dl#latest-posts dd {
                                             margin: 0;
                                             padding: 0;
                                             }
#home #content #sidebar dl#latest-posts dd a {
                                               display: block;
                                               margin-bottom: -1px;
                                               padding: 1em .5em 1em 6em;
                                               font-size: 90%;
                                               color: #999;
                                               text-decoration: none;
                                               border-bottom: 1px dotted #c1c1c1;
                                               border-top: 1px dotted #c1c1c1;
                                               min-height: 1.5em;
                                               }
#home #content #sidebar dl#latest-posts dd:nth-child(4n-2) {
                                                             background: #f7fafa url(../img/latest-news-bg.png) repeat-x left bottom; 
                                                             }
#home #content #sidebar dl#latest-posts dd a:hover {
                                                     color: #000;
                                                     background: #cfeff6;
                                                     }
#home #content #sidebar dl#latest-posts dd p {
                                               display: inline;
                                               margin: 0;
                                               padding: 0;
                                               }
#home #content #sidebar #view-all a {
                                      display: block;
                                      width: 105px;
                                      height: 37px;
                                      margin-top: 2em;
                                      text-indent: -5000em;
                                      background: url(../img/view-all.png) no-repeat center top;
                                      }



/*------------------ Services -----------------*/

div#service-head{  
                  margin: 20px 0;
                  font-size: 1.3em;
                  }
div#service-process{ 
                     margin-bottom: 40px;
                     }
ul.service-listing { 
                     width: 100%;
                     margin-bottom: 20px;
                     }
ul.service-listing li{ 
                       width: 240px;
                       padding:0px 20px 5px 90px;
                       height: 80px;
                       list-style: none;
                       margin-top: 20px;
                       display: inline;
                       float: left;
                       }
ul.service-listing li a.listing-title{
                                       display:block;
                                       font-size: 1.3em;
                                       font-weight: bold;
                                       padding:0;
                                       text-decoration: none;
                                       }


li#icon-information-architecture {  
                                   background: transparent url(/wp-content/themes/swellpath/img/icon-ia.png) no-repeat left center;
                                   }

li#icon-copywriting {  
                      background: transparent url(/wp-content/themes/swellpath/img/icon-copy.png) no-repeat left center;
                      }
li#icon-seo {  
              background: transparent url(/wp-content/themes/swellpath/img/icon-seo.png) no-repeat left center;
              }
li#icon-ppc {  
              background: transparent url(/wp-content/themes/swellpath/img/icon-ppc.png) no-repeat left center;
              }
li#icon-analytics {  
                    background: transparent url(/wp-content/themes/swellpath/img/icon-analytics.png) no-repeat left center;
                    }
li#icon-display {  
                  background: transparent url(/wp-content/themes/swellpath/img/icon-display.png) no-repeat left center;
                  }
li#icon-email {  
                background: transparent url(/wp-content/themes/swellpath/img/icon-email.png) no-repeat left center;
                }
li#icon-optimize {  
                   background: transparent url(/wp-content/themes/swellpath/img/icon-optimize.png) no-repeat left center;
                   }
li#icon-smm {  
              background: transparent url(/wp-content/themes/swellpath/img/icon-smm.png) no-repeat left center;
              }
li#icon-affiliate {  
                    background: transparent url(/wp-content/themes/swellpath/img/icon-affiliate.png) no-repeat left center;
                    }



div.service-divider{ 
                     clear:both;
                     border-bottom: 1px dotted #999999;
                     text-align: center;
                     }
div.service-divider h2{
                        margin: -10px auto;
                        width: 150px;
                        background: white;
                        font-size: 1.3em;
                        font-strength: bold;
                        }


/*------------------ Case Study -----------------*/
#case_study_header {
                     position: relative;
                     width: 100%;
                     height: 110px;
                     padding: 0px 20px 20px 0px;
                     margin: 10px auto 0 auto;
                     vertical-align: middle;
                     }

#case_study_information {
                          padding: 0;
                          }
#case_study_header #case_study_information ul {
                                                list-style: none;
                                                padding: 20px 0px 0px 0px;
                                                }
#case_study_header #case_study_information ul li {
                                                   padding: 3px 0px 0px 0px;
                                                   list-style: none;
                                                   font-size: 14px;
                                                   }
#case_study_header #case_study_image_block {
                                             width: 140px;
                                             height: 105px;
                                             padding: 20px 10px 0px 10px;
                                             float: left;
                                             }
#case_study_header #case_study_image_block img {
                                                 max-height: 100px;
                                                 max-width: 130px;
                                                 padding: 0;
                                                 display: block; 
                                                 margin-left: auto; 
                                                 margin-right: auto;
                                                 vertical-align: middle;
                                                 }

/*------------------ About -----------------*/


.team-profile {
                margin: 60px 0; 
                }

.team-profile img{ 
                   float: left;
                   margin: 0 10px 10px 0;
                   width: 72px;
                   height: 107px;
                   }
.team-profile h2{
                  margin: 0;
                  }

.team-socialmedia{ 
                   clear:both;

                   }
.team-linkedin{ 
                margin-right: 25px;
                }


div#about-greenlinks { 
                       color: #96b057 !important;
                       font-size: 1.5em;
                       margin: 15px 0;
                       }

div#about-greenlinks a { 
                         color: #96b057 !important;
                         text-decoration: none;

                         }
/*-------------------- Blog -------------------*/
.post {
        margin: 25px  260px 3em 0;
        border-bottom: 1px dotted #94b0be;
        position: relative;
        clear:both; 
        }
.post h2 {
           margin-bottom: 0;
           }
.post p {
          line-height: 1.6;
/*          clear: both; */
          }
dl#latest-posts {
                  
                  }
dl#latest-posts dt {
                     display: none;
                     }
dl#latest-posts dd {
                     margin-bottom: .75em;
                     }
dl#latest-posts dd a {
                       display: block;
                       text-decoration: none;
                       }
body.blog {  
            background: transparent url(../img/blog-graphic.png) no-repeat left 200px;;
            }
body.blog #content #sidebar{  
                             background-image: none;
                             }

body.blog #content { 
                     width: 960px;
                     padding: 0px 0px 200px 25px;

                     }
body.blog #sidebar{ 
width: 0px !important;
padding: 0px !important;
margin: 0px !important;

                    }
#sidebar .secondary {
                      position: absolute;
                      top: 20px;
                      left: 780px;
                      width: 180px;
                      margin: 0;
                      padding: 0;
                      border: none;
                    z-index: 100;

                      }
#sidebar .secondary h3 {
                         padding-bottom: .5em;
                         margin-bottom: 1em;
                         color: #94b0be;
                         font-size: 125%;
                         font-weight: normal;
                         border-bottom: 1px dotted #94b0be;
                         }
#sidebar .secondary ul#cat-list {
                                  margin-bottom: 2em;
                                  padding-left: 1.5em;
                                  list-style: square;
                                  font-size: 90%;
                                  }
#sidebar .secondary ul#cat-list li {
                                     
                                     }
#sidebar .secondary ul#cat-list li a {
                                       text-decoration: none;
                                       }

#sidebar .secondary ul.stayconnected {
margin: 0;
                                    } 

#sidebar .secondary ul.stayconnected li{
list-style: none;
display: inline;
                                    }                      

#sidebar .secondary ul.stayconnected li img{
width: 32px;
height: 32px;
margin: 0 8px 0 0;

                                    } 
#content ul {
              list-style: square;
              margin: 0 0 20px 20px;
              padding: 0px;
              }
#content p.meta {
                  font-size: 90%;
                  color: #888;
                  }
#content p.meta .date {
                        color: #aaa;
                        }
#content  p.meta .comment-link {
                                padding-left: 2em;
                                background: url(../img/comment.png) no-repeat 4px center;
                                }
#content p.meta a:link {
                         color: #888;
                         text-decoration: none;
                         }
#content p.meta a:visited {
                            color: #888;
                            text-decoration: none;
                            }
#content p.meta a:hover {
                          color: #cf7e0a;
                          }                                  
ul#blogroll {
              margin-bottom: 2em;
              padding-left: 1.5em;
              list-style: square;
              font-size: 90%;
              }
ul#blogroll li {
                 
                 }
ul#blogroll li a {
                   text-decoration: none;
                   }
.post .alignleft {
                   float:left;
                   margin:5px 10px 5px 0;
                   border: 0px;
                   }
.post .alignright {
                    float:right;
                    margin:5px 10px 5px 0;
                    border: 0px;
                    }

div.share-buttons-blog-front {
                               margin-top: 25px;
                               float: right;
                               width: 50px;
                               }

div.share-buttons-blog-single { 
                               margin: 5px 0px 5px 15px;
                               float: right;
                               width: 50px;
                               }
div.left-of-share { 
                               float: left;
                               width: 620px;
                               clear:left;
                               }
.fb_share_no_count { 
                     /* force the block open */
                     display: block !important; 
 }



/* force facebook smaller */
.FBConnectButton_Small, .FBConnectButton_RTL_Small{ 
 font-size:8px !important; 
                                                     }
.FBConnectButton_Small .FBConnectButton_Text { 
 padding: 2px 2px 3px !important; 
 }

span.postprofile img.authorprofile{ 
                      width: 32px;
                      height: 32px;
                      border: 1px solid #1A6C97;
                      vertical-align: middle;
 }

span.postprofile a.authorlink{
                               color: #1A6C97 !important;
                               font-style: italic;
                               margin: 0 15px 0 10px;
                               }

div.sideprofile { 
margin-bottom: 15px;
min-height: 70px;
                   }

div.sideprofile img.authorprofile{ 
                      width: 70px;
                      height: 70px;
                      border: 1px solid #1A6C97;
                      float: left;
                              
 }


div.sideprofile a.authorlink{
                               color: #1A6C97 !important;
                               font-weight: bold;
                               text-decoration: none;
                               }
div.sideprofile div.sociallinks{
                                  float:left;
                                  clear:left;
                               }
div.sideprofile div.sociallinks img{
                                      margin: 5px 5px 0px 0;
                               }

div.sideprofile div.authordescr{ 
                                  padding-left: 80px;
                                  color: #1A6C97 !important;
 }

#wp_page_numbers{ 
clear:both;
 }
/*------------------- Comments ------------------*/
 ol.commentlist {
              width: 550px;
              }   
/*------------------- Footer ------------------*/
#site-meta {
             background: #f9f9f9 url(../img/footer-border.png) repeat-x left top;
             overflow: hidden;
             /*border-top: 8px solid #e8e8e8;*/
             color: #848484;
             clear: both;
             }
#site-meta a:link {
                    color: #6b7682;
                    }
#site-meta a:visited {
                       color: #7a8795;
                       }
#site-meta a:hover {
                     color: #cf7e0a;
                     }
#site-meta div {
                 width: 930px;
                 margin: 0 auto;
                 }
#site-meta div.widget {
                        float: left;
                        width: 300px;
                        margin-right: 1%;
                        min-height: 130px;
                        background: url(../img/footer-side.jpg) no-repeat right 3em;
                        }
#site-meta h3 {
                margin: 2em 0 1em 0;
                font-size: 125%;
                color: #222;
                }
#site-meta #sitemap ul {
                         overflow: hidden;
                         }
#site-meta #sitemap ul li {
                            
                            }
#site-meta #sitemap > ul > li {
                                float: left;
                                width: 48%;
                                margin-right: 2%;
                                }
#site-meta #sitemap > ul > li.column-2 {
                                         /*float: right;*/
                                         }
#site-meta #sitemap ul a {
                           font-weight: bold;
                           text-decoration: none;
                           }
#site-meta #sitemap ul ul {
                            /*list-style: square inside !important;*/
                            margin-left: 20px;
                            }

#site-meta #sitemap ul li.page_item ul li {
                                            padding-left: 10px !important;
                                            margin-bottom: .25em;
                                            background: url(../img/bullet.gif) no-repeat left .65em;
                                            }
/*#site-meta #sitemap ul ul li:before {
                                        content: "-";
                                        }*/
#site-meta #sitemap ul ul a {
                              font-weight: normal;
                              font-size: 80%;
                              text-decoration: underline;
                              }
#site-meta #newsletter-signup {
                                
                                }
#site-meta #newsletter-signup p {
                                  font-size: 90%;
                                  }
#site-meta #newsletter-signup form input[type=text] {
                                                      margin-right: -2px;
                                                      padding: .25em .5em;
                                                      webkit-border-top-left-radius: 4px;
                                                      webkit-border-bottom-right-radius: 4px;
                                                      moz-border-radius-topleft: 4px;
                                                      moz-border-radius-bottomright: 4px;
                                                      border: none;
                                                      background: #ececec;
                                                      }
#sidebar #newsletter-signup form input[type=submit],
#sidebar #newsletter-signup button, 
#site-meta #newsletter-signup form input[type=submit],
#site-meta #newsletter-signup button {
                                       padding: .25em .5em;
                                       font-size: 90%;
                                       color: #fff;
                                       webkit-border-top-left-radius: 4px;
                                       webkit-border-bottom-right-radius: 4px;
                                       moz-border-radius-topleft: 4px;
                                       moz-border-radius-bottomright: 4px;
                                       border: none;
                                       cursor: pointer;
                                       }


#site-meta #stay-connected {
                             width: 32%e;
                             margin: 0;
                             background: none !important;
                             }
#stay-connected ul {
                     /*-webkit-column-count: 3;
                        webkit-column-gap: 10px;
                        moz-column-count: 3;
                        moz-column-gap: 10px;
                        column-count: 3;
                        column-gap: 10px;*/
                     list-style: none;
                     width: 300px;
                     }
#site-meta #stay-connected ul li {
                                   margin: .5em 0;
                                   width: 90px;
                                   float: left !important;
                                   list-style: none;
                                   }
#site-meta #stay-connected ul li a {
                                     text-decoration: none;
                                     font-size: 11px;
                                     }
#site-meta #stay-connected ul li a img {
                                         margin-right: .75em;
                                         vertical-align: bottom;
                                         }
p#copyright {
              clear: both;
              padding-top: 3em;
              font-size: 90%;
              }
p#copyright span {
                   padding: 0 1em;
                   }



div.feature { margin-bottom: 15px; }

#hpslideshow, #hpslideshow .slide { width: 647px; height: 223px; }
#hpslideshow .slide { margin-left: 10px; }
#hpbanner { 
			width: 653px; 
			height: 229px;
			margin-left: 10px;
			}
/****************** Contact Forms - Zoho Forms *************************/

div#zohoWebToLead { 
				 padding: 0px 0px 20px 0px;
				}


/******************Clients *************************/
body#clients h2{
                 color: #444;
                 }

ul#clientslist {
                 list-style: none;
                 width: 714px;
                 }

ul#clientslist li {
                    width: 142px;
                    height: 142px;
                    border-right: 1px dotted #CCC;
                    border-bottom: 1px dotted #CCC;
                    float: left;
                    }

ul#clientslist li.col-4 { border-right: 0; }

ul#clientslist li img {
                        max-width: 142px;
                        max-height: 142px;
                        }

div#featured_client { 
                      font-size: 1.2em;
                      width: 659px;
                      height: 140px;
                      padding: 60px 20px 10px 10px;
                      background: url(../img/featured-client-box.png) no-repeat left top;
                      position: relative;
                      overflow: hidden;
                      }
div.featured_logo{
                   height: 100%;
                   float:left;
                   margin: 0 10px;
                   }
div.featured_logo img{
                       max-width: 115px;
                       max-height: 115px;
                       padding-left: 5px;
                       vertical-align: middle;
                       }

div#featured_client a {
                        color:#e0b026;
                        text-decoration: none;
                        }

div#featured_client .bottom-div{
                                 position:absolute;
                                 bottom: 25px;
                                 left: 145px;
                                 }
div#featured_client .learn-more a {
                                    font-size: 12px;
                                    color: #466697;
                                    }
div#client-featured-text{
                          padding-left:135px;
                          padding-top: 10px;
                          padding-right: 10px;
                          line-height: 18px;
                          }

/**********************Case Studies ***************************/
ul#case-study-list {
                     list-style: none;
                     width: 705px;
                     }
ul#case-study-list li{
                       margin-top: 25px;
                       border-bottom: 1px dotted #eaeaea;
                       }

ul#case-study-list li div.case-study-logo {
                                            width: 135px;
                                            height: 100%;
                                            float:left;
                                            height: 100%;
                                            float:left;
                                            margin-right: 10px;
                                            }

ul#case-study-list li a {
                          text-decoration: none;
                          color:#e0b026;
                          }
ul#case-study-list li .learn-more  {
                                     display: inline;
                                     }
ul#case-study-list li .learn-more a {
                                      font-size: 12px;
                                      color: #466697;
                                      } 

ul#case-study-list li img {
                            max-width: 135px;
                            max-height: 135px;
                            }
ul#case-study-list div.case-study-info{
                                        margin: 0 0 15px 145px;
                                        }

ul#case-study-list div.case-study-info h3 {
                                            color:#e0b026;
                                            margin: 0 0 10px 0;
                                            }
ul#case-study-list div.case-study-info h2 {
                                            margin: 0 0 0 0;
                                            }
/**********************Video Testimonials ***************************/
ul#video-list {
                list-style: none;
                width: 705px;
                margin-left: 0px;
                }
ul#video-list li{
                  margin-top: 25px;
                  border-bottom: 1px dotted #eaeaea;
                  }

ul#video-list li div.video-frame {
                                   width: 345px;
                                   height: 100%;
                                   float:left;
                                   margin-right: 20px;
                                   }

ul#video-list li a {
                     text-decoration: none;
                     color:#e0b026;
                     }
ul#video-list li .learn-more  {
                                display: inline;
                                }
ul#video-list li .learn-more a {
                                 font-size: 12px;
                                 color: #466697;
                                 } 


ul#video-list div.video-info{
                              margin: 0 0 140px 145px;
                              }

ul#video-list div.video-info h3 {
                                  color:#e0b026;
                                  margin: 0 0 20px 0;
                                  }



ul#video-list div.video-info h2 {
                                  margin: 0 0 0 0;
                                  }

/**********************Philanthropy ***************************/
ul#phil-list {
               list-style: none;
               width: 705px;
               margin-left: 0px;
               }
ul#phil-list li{
                 margin-top: 25px;
                 border-bottom: 1px dotted #eaeaea;
                 }

ul#phil-list li div.phil-logo {
                                width: 135px;
                                height: 100%;
                                float:left;
                                margin-right: 5px;
                                }

ul#phil-list li a {
                    text-decoration: none;
                    color:#e0b026;
                    }
ul#phil-list li .learn-more  {
                               display: inline;
                               }
ul#phil-list li .learn-more a {
                                font-size: 12px;
                                color: #466697;
                                } 


ul#phil-list div.video-info{
                             margin: 0 0 140px 145px;
                             }

ul#vphil-list div.video-info h3 {
                                  color:#e0b026;
                                  margin: 0 0 20px 0;
                                  }
ul#phil-list li img {
                      max-width: 135px;
                      max-height: 135px;
                      }


ul#phil-list div.video-info h2 {
                                 margin: 0 0 0 0;
                                 }
/************Resources *****************/

table.resources td {
                     
                     padding-right: 15px;
                     padding-top: 5px;
                     
                     
                     }

/************Web Analytics *****************/


div#analytics_on_header { 
                          width: 720px;
                          height: 252px;
                          border: 1px border black;
                          padding-right: 20px;
                          background: url(../img/web-analytics-header.jpg) no-repeat left top;
                          position: relative;
                          }

h1#analytics_header{
                     float: left;
                     font-size: 3em;
                     width: 150px;
                     color: #ffffff;
                     padding: 50px 0px 0px 110px;
                     }
h2#analytics_description{
                          color: #ffffff;
                          font-size: 1.3em;
                          padding: 110px 80px 0px 00px;
                          
                          }
div#web-analytics-belowtouts{
                              border-top: 1px dotted #eaeaea;
                              width: 100%;
                              height: 15px;
                              clear:both;
                              }

div.web-analytics-tout {
                         position: relative;
                         float: left;
                         width: 235px;	
                         margin-right: 20px;
                         margin-top: 15px;
                         }

div.web-analytics-tout h2{
                           color: #1a6c97;
                           height: 2.5em;
                           overflow: hidden;
                           }
div.web-analytics-tout-subhead{
                                position:relative;
                                }


div.web-analytics-tout p{
                          margin-top: 20px;
                          }

div#web-analytics-bottom{
                          border: 5px solid #eaeaea; 
                          min-height: 155px;
                          padding: 10px;
                          width: 720px;
                          }

div#web-analytics-bottom div#specific-links{
                                             margin-top: 15px;
                                             }
div#web-analytics-bottom div#specific-links a{
                                               text-decoration: none;
                                               }

div#web-analytics-bottom div#link-imgs{
                                        float:right;
                                        width: 155px;
                                        }
div#web-analytics-bottom h2{
                             color: #1a6c97;
                             }

body#web-analytics div#content{
                                width: 930px;
                                margin: 93px auto 30px auto;
                                padding:0;
                                }

/*********** misc services  *******************/

div#headblock{ 
               margin-left: 245px;

               }
div#sub-h1-div{ 
                margin: 10px 0 25px 0;
                }
div#rightblock{ 
                margin-left: 370px;
                

                }
div#leftblock{
               margin-right: 370px;
               
               }

body#service-management  h2{
                             color: #1a6c97;
                             }

body#search-engine-optimization h2,
body#ppc-management h2{
                        margin-bottom: 5px;
                        }

h1.blue-sub{
             color: #1a6c97;
             font-size: 1.5em;
             }
h2.nohead{ 
           margin-top: 0px;
           }

div#in-banner{
               width: 710px;
               height: 170px;
               padding-left: 50px;
               padding-top: 37px;
               }

div.banner-blue{ 
                 background: url(../img/banner-blue.png) no-repeat left top;
                 }

div.banner-orange{ 
                   background: url(../img/banner-services-orange-1.png) no-repeat left top;
                   }
div.banner-green{ 
                  background: url(../img/banner-services-green-1.png) no-repeat left top;
                  }

p.banner-dark{
               font-size: 1.5em;
               margin-bottom: 0;
               color: #000033;
               
               }
p.banner-white{
                margin-top: 0;
                font-size: 2.5em;
                color: #ffffff;
                }

div#service-case-logo{
                       float:right;
                       padding-right: 15px;
                       }
div#service-case-attribute{
                            padding-left: 15px;
                            }
div#sub-gray{
              clear:both;
              background-color: #eaeaea;
              padding: 5px 20px;

              }
div#sub-gray a{
                color: #1a6c97;
                font-size: 1.3em;
                text-decoration: none;

                }


div#service-case-study{
                        width: 310px;
                        position:relative;
                        border: 10px solid #eaeaea;
                        font-size: 1.3em;
                        font-weight: bold;
                        
                        }
div#service-case-study p{
                          padding: 10px 20px;
                          color: #1a6c97;
                          
                          }



div#service-roi,
div#service-case-study{
                        margin-left: 26px;
                        }
						
/***************services update************/	
div#approach{
width:700px;
height:320px;
float:left;
margin-bottom:25px;
 border-bottom: 1px dotted #eaeaea;


}					
div#approach-graphic{
width:305px;
height:305px;
float:left;
margin-right:25px;
margin-left:50px;


}

div#approach-copy{
width:200px;
height:305px;
float:left;

}	

div#main-services-copy{
 border-bottom: 1px dotted #eaeaea;


}	
div#services-greenlinks { 
                       color: #96b057 !important;
                       font-size: 1.25em;
					   line-height:1.25em;
                       margin: 10px 0;
                       }
					   
div#services-greenlinks a{ 
                         color: #96b057 !important;
                         text-decoration: none;		
						 }
					 
						 
div#services-bluelinks { 
                       color: #3c769e !important;
                       font-size: 1.25em;
					   line-height:1.5em;
                       margin: 10px 0;
                       }						 
div#services-bluelinks a { 
                         color: #3c769e !important;
                         text-decoration: none;	
						}
						
div#services-orangelinks { 
                       color: #e4ad47 !important;
                       font-size: 1.25em;
					   line-height:1.25em;
                       margin: 10px 0;
                       }															 
div#services-orangelinks a { 
                         color: #e4ad47 !important;
                         text-decoration: none;												
						}

/***************landingpages************/
body.landing #content
{ 
  padding: 0;
  margin: 30px 0 0 165px;
  min-height: 850px;
  width: 712px;
  }

body.landing div.right { 
                         margin-left: 20px;
                         }


img.landing { 
              float: left;
              margin: 0 15px 10px 0;
              }

img.landing-right { 
                    float: left;
                    margin: 0 15px 10px 0;
                    padding: 0 45px 0 0;
                    clear: right;
                    }


#landing-rightblock { 
                      padding-left: 250px;
                      }

.landing-intro {
                 font-weight: bold;
                 }

.landing-form {
                display: inline;
                position: relative;
                float: right; 
                width: 250px;
                margin-left: 15px;
                margin-top: -2em;
                }

.landing-form h2 { 
                   color: #444;
                   margin: -20px 0 0 0;
                   padding: 0 0 10px 0; 
                   white-space:nowrap;                 
                   }

.landing-form form p { 
                       width: 250px !important;               
                       }

.landing-form form input{ 
                          width: 240px !important;               
                          }

.landing-form form textarea{ 
                             width: 240px !important;
                             height: 80px !important;                     
                             }

.landing-form input[name="submit"] {  
                                     text-indent: 12000px;
                                     overflow: hidden;
                                     width: 75px;
                                     height: 23px;
                                     margin-left: 80px;
                                     background: url(../img/submit-btn.jpg) no-repeat left top;
                                     }

.landing-form input[name="get-started"] {  
                                          text-indent: 12000px;
                                          overflow: hidden;
                                          width: 75px;
                                          height: 23px;
                                          margin-left: 40px;
                                          background: url(../img/submit-get-started.png) no-repeat left top;
                                          }

.landing-form-left {
                     display: inline;
                     position: relative;
                     float: left; 
                     width: 250px;
                     padding: 50px 10px 0 0;
                     margin-left: 15px;
                     margin-top: -2em;
                     }

.landing-form-left h2 { 
                        color: #444;
                        margin: -20px 0 0 0;
                        padding: 0 0 10px 0; 
                        white-space:nowrap;                 
                        }

.landing-form-left form p { 
                            width: 250px !important;               
                            }

.landing-form-left form input{ 
                               width: 240px !important;               
                               }

.landing-form-left form textarea{ 
                                  width: 240px !important;
                                  height: 80px !important;                     
                                  }

.landing-form-left input[name="get-started"] {  
                                               text-indent: 12000px;
                                               overflow: hidden;
                                               width: 75px;
                                               height: 23px;
                                               margin-left: 40px;
                                               background: url(../img/submit-get-started.png) no-repeat left top;
                                               }

/*************mostly universal *************/

.right{
        float:right;
        }
.left{
       float: left;
       }
div.reltv {
            width: 339px;
            position:relative;
            }


div.custom-divider{
                    clear: both;
                    height: 25px;
                    }

div.custom-divider-short{
                          clear: both;
                          height: 15px;
                          }

div#bottom-call-to-action{
                           margin-top: 100px;
                           margin-bottom: 25px;

                           }

.gray {
        color: #999999;
        }

.font-orange {
               color: #e4ad47 !important;
               }
.font-blue { 
             color: #3c769e !important;
             }

.font-green { 
              color: #96b057 !important;
              }
.serv-font-orange {
               color: #e4ad47 !important;
			   margin-bottom:5px
               }
.serv-font-blue { 
             color: #3c769e !important;
			 margin-bottom:5px
             }

.serv-font-green { 
              color: #96b057 !important;
			  margin-bottom:5px
              }
.clear-both { 
              clear:both;
 }