/*
Theme Name: Webmarketing123 Corporate Template
Theme URI: http://webmarketing123.com
Description: The new Webmarketing123 Corporate Site Theme. This theme includes editable sidebar widgets, customizable pages and options for each category, clients carousel options, homepage background image options and file uploader. Design by Arami Design.
Author: Henry Tung
Version: 1.0
*/
/**
 *  General Site CSS
 */
.content { float: left; }
.right { float: right; }
.clearfix { clear: both; }
p { line-height: 1.3em; }
a {
    color: #333;
    font-weight: bold;
}

a:visited {
    color: #333;
}

    
h1 {
    font-size: 42px;
    color: #717F82;
    margin-bottom: 10px;
    line-height: 1em;
    letter-spacing: 0.7px;
    text-shadow: 1px 1px 5px #CFCFCF;
}

h2 {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1.2px;
    margin-bottom: 10px;
    color: #555;
    text-shadow: 1px 1px 5px #CFCFCF;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

h4 {
    font-size: 14px;
}

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

body, #wrapper {
    margin: 0px auto;
    padding: 0px auto;
    font-size: 12px;
    font-family: Helvetica;
    color: #252525;    
}

body {
    background: url('images/bgr_stripes.png') repeat;
}
        
#wrapper {
    width: 990px;
    margin-bottom: 50px;
    -moz-box-shadow: -5px -5px 5px #DFDFDF, 5px 5px 5px #DFDFDF;
    -webkit-box-shadow: -5px -5px 5px #DFDFDF, 5px 5px 5px #DFDFDF;
    box-shadow: -5px -5px 5px #DFDFDF, 5px 5px 5px #DFDFDF;   
    background: #FFF;
    border: 1px solid #CFCFCF;
}

#header {
    background-color: #4B5557;
    color: #FFF;
    font-size: 18px;
    width: 100%;
    height: 26px;
    padding: 7px 0px;
    text-align: right;
}

span.small {
    font-size: 12px;
    color: #CFCFCF;
}

#header form {
    margin-top: 2px;
    margin-right: 30px;
}

#header form input {
    float: left;
}

#header form input[type='text'] {
    border: none;
    margin-right: 5px;
    padding-left: 5px;
    color: #999;
    font-size: 13px;
    width: 150px;
    height: 20px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#header #company-number {
    margin-top: 5px;
}

#header #social-icons {
    margin: 0px 10px 0px 20px;
}

#logo {
    /*margin: 30px 0px 35px 15px;*/
    margin: 30px 0px 0px 20px;
}

#logo img {
    width: 250px;
}

#navigation {
    text-align: right;
    font-size: 16px;
    color: #4b5457;
}

#navigation ul {
    /*height: 40px;*/
    /*padding-top: 11px;*/
    height: 40px;
}

#navigation li {
    /*display: inline;*/
    float: left;
    border-right: 1px solid #CFCFCF;
    padding: 10px 17px 10px;
    position: relative;
}

#navigation li:hover {
    background: #ECECEC;
}


#navigation li:hover a {
    color: #00BCE4;
}

#navigation li:hover ul.children {
    padding-left: 0px;
    margin-top: 0px;
}

#navigation li:hover ul.children a {
    color: #444;
    font-size: 12px;
}

#navigation li a {
    text-decoration: none;
    color: #4b5457;
    font-weight: normal;
}

#navigation li.last {
    border-right: none;
}

#navigation ul.children {
    height: auto;
    display: none;
    position: absolute;
    text-align: left;
    left: -1px;
    top: 35px;
    padding-top: 5px;
    background: #FFF;
    border: 1px solid #CFCFCF;
}

#navigation ul.children li {
    display: block;
    float: none;
    border: none;
    padding: 8px 10px;
    font-size: 14px;
    min-width: 150px;
    white-space: nowrap;
}

#navigation ul.children li:hover {
    background: #A4DEEA;
}

/**
 *  Homepage CSS
 */
#homepage { 
    width: 100%;     
}

#feature-wrap {
    height: 315px;
    padding: 10px 0px 0px 25px;
}

#feature-wrap #feature-copy {
    width: 500px;
    line-height: 1.3em;
    padding-top: 40px;
    font-size: 13px;
}

#feature-wrap #feature-button {
    margin-top: 20px;
}

#feature-wrap #feature-image {
    overflow: hidden;
    height: 268px;
}

#services-wrap {
    min-height: 240px; 
    background: #ECECEC;
}

#services-tabs #tabs {
    margin-top: -47px;
}

#services-tabs #tabs a {
    text-decoration: none;
    color: #707C7C;
}

#services-tabs ul#tabs li.selected a {
    color: #00bce4;    
}

#services-tabs ul#tabs li {
    border: 1px solid;
    padding: 13px 12px 3px 15px;
    float: left;
    height: 30px;
    background: #C8D0D2;
    border: none;
    margin-right: 2px;
    color: #707C7C;    
}

#services-tabs ul#tabs li.selected {
    color: #00bce4;
    background: #ECECEC;
    font-weight: bold;
    padding: 15px 10px 7px 17px;
    margin-top: -5px;
    height: 30px;
}

#services-tabs ul#tabs #tab-text {
    width: 110px;
}

#seo-tab, #ppc-tab, #smm-tab {
    cursor: pointer;
}

#seo-content, #ppc-content, #smm-content {
    width: 630px;
    padding-bottom: 25px;
}

#ppc-content, #smm-content {
    display: none;
}

#services-text {
    width: 395px;
    padding: 30px 0px 0px 25px;
    font-size: 13px;
    line-height: 1.3em;
    clear: both;
}

#services-text ul {
    list-style: square;
    padding-left: 10px;
    margin: 15px 0px 15px 10px;
}

#services-text li {
    font-size: 12px;
    letter-spacing: normal;
}

#seo-analysis #seo-banner {
    text-align: left;
    padding: 10px 0px 0px 18px;
}

#seo-analysis #seo-banner img {
    width: 100%;
}

#seo-side {
    width: 210px;
}

#seo-quote {
    background: url('images/quotes.png') 10px 5px no-repeat;
    font: 12px Arial;
    color: #333;
    font-style: italic;
    width: 160px;
    margin: 5px 0px 0px 8px;
    padding: 25px 0px 0px 25px;
}

#seo-quote p {
    line-height: 1.4em;
}

#seo-quote div {
    margin-top: 15px;
    font-style: normal;
    font-weight: bold;
}

#services-tabs, #homepage-sidebar {
    min-height: 240px;
}

#homepage-sidebar {
    padding-top: 10px;
}

#services-tabs {
    width: 630px;
    margin-right: 3px;
    background-color: #ECECEC;
}

#webinar-ebook {
    margin-right: 3px;
    width: 221px;
}

#webinars-wrap, #ebook-wrap { }

#webinars-wrap, #sidebar-webinars-wrap {
    background: url('images/homepage_webinar_new.png') no-repeat;
    /*background: url('images/homepage_webinar.png') no-repeat;*/
    width: 350px;
    color: #FFF;
    overflow: hidden;
    min-height: 168px;
    position: relative;
    margin: 0px 0px 3px 0px;
}

#services-sidebar #webinars-wrap, #blog-sidebar #webinars-wrap {
    background: url('images/homepage_webinar.png') no-repeat !important;
    width: 218px !important;
}

#webinars-wrap h3, #ebook-wrap h3, #sidebar-webinars-wrap h3 {
    margin: 10px 0px 10px 13px;
    padding-bottom: 0px;
    font-weight: normal;
    /*font-family: "Helvetica Neue";*/
    font-family: Helvetica;
}

#webinars-wrap #webinar-current, #sidebar-webinars-wrap #webinar-current {
    padding: 45px 5px 0px 15px;
    margin: 5px 0px;
    letter-spacing: 0.4px;
    color: #00bce4;
}

.webinar-text {
    width: 150px;
}

#homepage_webinar_text {
    width: 250px;
}

#homepage_webinar_text #webinar-date {
    margin-bottom: 20px !important;
}

#sidebar-webinars-wrap #webinar-current {
    padding-left: 15px;
    margin-top: 0px;
}

#webinars-wrap #webinar-signup {
    margin-left: 11px;
}

#sidebar-webinars-wrap #webinar-signup {
    margin: 0px 10px;
}

#webinars-wrap #webinar-current #webinar-title, #sidebar-webinars-wrap #webinar-current #webinar-title {
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1.1em;
    max-height: 55px;
    overflow: hidden;
}

#webinars-wrap #webinar-current #webinar-date, #sidebar-webinars-wrap #webinar-current #webinar-date {
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    display: block;
    margin-top: 2px;
    margin-bottom: 5px;
}


#ebook-current img {
}

#customers-wrap {
    height: 80px;
    margin: 5px 0px;   
    background-color: #ECECEC; 
    background: url('images/carousel-background.png');
}

#customers-header {
    color: #00BBE4;
    padding: 30px 0px 0px 25px;
}

/**
 *  Footer CSS
 */
#footer {
    background: #4B5557;
    color: #666;
    margin-top: 5px;
    /*padding: 30px 0px 20px 75px;*/
    padding: 30px 0px;
    text-align: center;
}

#footer a {
    text-decoration: none;
    color: #a1a1a1;
    text-transform: capitalize;
}

#footer-nav {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

#footer-nav ul {
    width: 800px; 
    padding: 0px auto; 
    margin: 0px auto;
}

#footer-nav li.page_item {
    margin-bottom: 10px;
    float: left;
    width: 16%;
}

#footer-nav li.page_item a {
    color: #FFF;
    font-size: 12px;
}

#footer-nav li.page_item ul.children {
    margin-top: 10px;
    padding-left: 0px;
    width: auto;
}

#footer-nav li.page_item ul.children li {
    float: none;
    display: block;
    margin: 10px 0px;
    width: 100%;
}

#footer-nav li.page_item ul.children li a {
    color: #a1a1a1;
    font-size: 11px;
    font-weight: normal;
}

#footer-nav li.page_item ul.children li a:hover {
    color: #FFF;
}

#footer #copyright {
    font-size: 11px;
    color: #A1A1A1;
    display: block;
    margin-top: 50px;
    text-transform: none;
}

/**
 *  Services category page
 */

#services, #blog {
    padding-top: 30px;
}

#services h3, #blog h3 {
    /*color: #00BBE4;*/
    margin-bottom: 10px;
}

#sidebar-left {
    width: 130px;
    padding: 5px 20px 0px 20px;
}

#sidebar-left a {
    font-weight: normal;
}

#sidebar-left h3 a {
    color: #00BBE4;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

#sidebar-left li {
    display: block;
    padding: 7px 0px;
}

#sidebar-left li.current_page_item {
    background: #EEE;
    padding-left: 10px;
}

#sidebar-left li.current_page_item a {
    font-weight: bold;
}

#sidebar-left li a {
    color: #4B5457;
    text-decoration: none;
}

#sidebar-testimonial {
    margin-top: 100px;
    font-size: 11px;
    font-style: italic;
    color: #666;
    padding: 22px 0px 0px 0px;
    letter-spacing: 0.7px;
    background: url("images/quotes.png") no-repeat scroll 10px 5px transparent;
    background-position: -0px 0px;
}

#sidebar-testimonial div {
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    color: #666;
    margin-top: 10px;
}

#services #services-main {
    width: 820px;
    padding-bottom: 50px;
}

#blog #blog-main {
    width: 100%;
}

#services #services-banner, #blog #blog-banner {
    background: #EEE;
    width: 800px;
    height: 90px;
    margin-bottom: 15px;
    padding: 15px 0px 0px 20px;
}

#blog #blog-banner {
    width: 100%;
    padding: 15px 0px 0px 0px;
}

#services #services-banner h2#services-landing, #blog #blog-banner h2#blog-landing {
    margin-top: 25px;
}

#blog #blog-banner h2#blog-landing {
    margin: 25px 0px 0px 45px;
}

#services #services-banner h2, #blog #blog-banner h2 {
    margin-top: 38px;
    font-size: 30px;
    color: #717f81;
}

#services #services-breadcrumb {
    font-size: 11px;
    font-weight: bold;
}

#services #services-breadcrumb a {
    font-weight: normal;
    text-decoration: none;
    color: #363636;
}

#services #services-breadcrumb a:hover {
    text-decoration: underline;
}

#services #services-content, #services #webinar-intro, #webinar-page {
    width: 555px;
    padding: 10px 30px 20px 8px;
}

#services #webinar-intro {
    padding: 20px 0px 10px;
}

#webinar-page, #services #webinar-intro {
    width: 535px;
}

#blog #blog-content, #blog #blog-intro {
    width: 655px;
    padding: 10px 40px 20px 43px;
}

#services #services-content h4, #blog #blog-content h4, #webinar-page h4, #services #services-content h4 a, #blog #blog-content h4 a, #webinar-page h4 a, .webcast-title h4 {
    color: #00bae4;  
    margin-bottom: 0px; 
    letter-spacing: 0.4px;
    font-weight: bold;
}
#services #services-content h4 a, #blog #blog-content h4 a, #webinar-page h4 a {
    text-decoration: none;
}

#services #services-content p, #blog #blog-content p, #webinar-page p {
    margin: 10px 0px 12px;
}

#services #services-content ul, #blog #blog-content ul, #webinar-page ul {
    list-style-type: disc;
    padding: 0px 0px 5px 27px;
}

#services #services-content ol {
    padding: 0px 0px 5px 27px;
    list-style-type: decimal;
    line-height: 1.3em;
}

#services #services-content li, #blog #blog-content li, #webinar-page li {
    margin: 5px 0px;
    line-height: 1.3em;
}

#services #services-sidebar, #blog #blog-sidebar {
    width: 220px;
    float: right;
}

#webinar-sidebar {
    width: 235px;
    float: right;
}

#services #services-sidebar img, #blog #blog-sidebar img, #webinar-sidebar img {
    margin-bottom: 10px;
    width: 100%;
}

#blog #blog-sidebar li {
    display: block;
}

#services-sidebar li, #webinar-sidebar li {
    display: block;
}

/**
 *  Blog-specific CSS
 */
#blog-content #blog-navigation {
    margin-top: 100px;
}
     
#blog-content #blog-navigation a {
    text-decoration: none;
    color: #333;
    font-size: 20px;
}

#blog-content .blog-post { 
    margin: 50px 0px;
}

#blog-content .blog-post a.post-title { 
    font-size: 26px;
    color: #333;
    text-decoration: none;
}

#blog-content .blog-title {
    margin-bottom: 5px;
}

#blog-content .blog-avatar {
    margin-right: 10px;
}

#blog-content .blog-avatar img {
    width: 50px;
}

#blog-content .blog-meta {
    margin-top: 25px;
}

#blog-content .blog-text {
    padding-top: 5px;
}

/**
 *  Webinar-specific CSS
 */
#webinar-meta {
    border-top: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;
    padding: 10px 0px 10px 15px;
    margin-bottom: 20px;
}

#webinar-meta img {
    float: left;
    margin-right: 15px;
}

#webinar-meta #webinar_details {
    font-weight: bold;
    padding-top: 5px;
    font-size: 14px;
}

#webinar-meta #webinar_details div {
    margin: 5px 0px;
}

#webinar-text a:visited {
    color: #444;
}

span.required {
    color: red;
}

#webinar-form {
    background: #EEE;
    padding: 15px 10px 15px 20px;
}

#webinar-form h3 {
    display: inline;
}

#webinar-form form#myForm {
    margin-top: 7px;
}

#webinar-form label, #webinar-form input, #webinar-form select {
    float: left;
}

#webinar-form label {
    width: 70px;
    font-size: 11px;
    margin: 10px 0px 5px;
    clear: left;
}

#webinar-form input[type='text'], #webinar-form select {
    border: 1px solid #CFCFCF;    
    margin: 5px 0px;
    width: 115px;
    height: 17px;
    padding-left: 3px;
}

#webinar-form select {
    width: 120px;
    height: 22px;
}

#webinar-form .privacy {
    float: left;
    clear: both;
    font-size: 10px;
    margin-top: 20px;
    color: #666;
    width: 100%;
}

#webinar-register-note {
    font-style: italic;
    font-size: 11px;    
}

#webinar-form input[type='image'] {
    margin-top: 5px;   
    clear: left;
}

/**
 *  Clients-specific CSS
 */
.client-wrapper {
    margin: 20px 0px 40px;
}

.client-wrapper h4 {
    font-size: 17px;
}

.clients-intro {
    margin-bottom: 40px;
}

.clients-intro h4 {
    font-size: 17px;
}

.client-wrapper h4 {
    font-size: 16px;
}

.client-single {
    border-bottom: 1px solid #DFDFDF;
    padding: 15px 0px;
}

.client-single .client-image {
    float: left;
    margin: 10px 20px 0px 0px;
    width: 200px;
}

.client-single .client-image img {
    max-width: 175px;
}

.client-single h5 {
    display: inline;
    font-weight: bold;
    color: #333;
}

.client-single .client-details {
    width: 330px;
}

.client-single .articles-details {
    width: 100%;
}

.client-wrapper .client-slider {
    height: 10px;
    background: #EEE;
    text-align: right;
    padding: 5px 0px;
    width: 100%;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 9px;
    color: #666;
    font-weight: bold;
    cursor: pointer;
}

.clients-hidden {
    display: none;
}

/**
 *  Search results specific CSS
 */

.search-results #services {
    margin-bottom: 50px;
}

.searchResults {
    margin: 25px 0px 25px 50px;
}

.searchResults h3 a {
    color: #444;
    text-decoration: none;
}

.searchResults h3 a:hover {
    text-decoration: underline;
}

.search {
    padding-bottom: 50px;
}

#search-result-content {
    padding-right: 100px;
}

img.bordered {
    border: 1px solid #DFDFDF;
}

.article-sections h4 {
    font-size: 18px;
}

.divider {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
    color: #999;
}

/**
 *  404 CSS
 */
.fail-content {
    text-align: center;
    margin: 50px 0px;
}

.error {
    border: 1px solid #C93E2C;
}

#error-message {
    display: none;
    margin-top: 10px;
    color: #C93E2C;
}

/**
 *  Site Analysis Page CSS
 */
form#analysis-form {
    width: 418px;
}

form#analysis-form input[type='text'], form#analysis-form textarea, form#analysis-form select {
    width: 175px;
    float: left;
    margin: 5px 0px;
    border: 1px solid #CFCFCF;
}

form#analysis-form textarea {
    width: 175px;
}

form#analysis-form input[type='submit'] {
    margin: 20px 80px 20px 0px;
    padding: 5px 10px;
    float: right;
    clear: both;
    height:30px;
}

form#analysis-form label {
    float: left;
    clear: left;
    width: 155px;
    margin: 5px 10px 5px 0px;
    line-height: 1.5em;
}

#analysis-text, #analysis-text-specific {
    padding: 20px 20px 0px 20px;
    line-height: 1.5em;
}
#analysis-text-specific {
    width: 400px;
}

#analysis-text h4, #analysis-text-specific h4 {
    color: #00BAE4;
    font-weight: bold;
    letter-spacing: 0.4px;
    margin-bottom: 5px;
}

#analysis-text ul, #analysis-text-specific ul {
    list-style-type: disc;
    padding: 10px 0 5px 27px;
}

#analysis-text li, #analysis-text-specific li {
    line-height: 1.3em;
    margin: 10px 0;
}        

/*
#sidebar-ebook {
    width: 177px;
    background: #919D9E;
    font-size: 10px;
    color: #FFF;
    padding: 15px 15px 10px;
}

#services-sidebar #sidebar-ebook img, #blog-sidebar #sidebar-ebook img {
    width: 30px;
    float: left;
    margin-right: 15px;
}

#sidebar-ebook img {
    width: 30px;
    float: left;
    margin-right: 15px;
}
*/

#sidebar-ebook a h3 {
    font-size: 14px;
    margin: 0px 0px 5px;
    color: #FFF;
    line-height: 1.2em;
    font-weight: bold;
}

#sidebar-ebook a:hover h3 {
    text-decoration: underline;    
}

.blog-share {
    margin-top: 10px;
}

.blog-share iframe, .webinar-share iframe {
    margin: 0px 5px 0px 0px;
}

.addtoany_list {
    float: left;
}

.addtoany_list a img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

#webcasts-main {
    width: 820px;
    padding-bottom: 50px;
}

.webinar-share {
    margin-bottom: 10px;
}

.webcast-entry {
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 0px;
}

.webcast-entry div {
    margin: 10px 0px;
}

.webcast-entry .webcast-entry-content {
    width: 65%;
    padding-right: 100px;
}

.webcast-entry .webcast-entry-date {
    width: 20%;
}

.webcast-link a {
    float: left;
    margin: 0px 10px 0px 0px;
}

.webcast-link img {
    width: 15px;
    float: right;
    margin: -2px 0px 0px 5px;
}

.webcast-date {
    float: right;
    font-size: 15px;
    color: #888;
}

.webcast-embed, .webcast-recording {
    float: left;
    clear: both;
    display: none;
}

.open {
    display: block;
}

#sidebar_dynamic {
    margin-top: 15px;
}

.webinar-entry {
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 0px 20px;
}

.webinar-entry div {
    margin: 10px 0px;
}

.webinar-entry .webinar-entry-content {
    width: 500px;
    margin-right: 50px;
}

.webinar-entry .webinar-entry-date {
    width: 250px;
    font-size: 14px;
}

.webinar-time, .webinar-date {
    color: #666;
}

.webinar_meta_header {
    color: #000;
    font-style: normal;
}

.webinar-description p {
    margin: 10px 0px;
}

.webinar-description ul {
    padding-left: 15px;
    margin: 10px 0px;
}

.webinar-description li {
    list-style: disc;
    margin: 5px 0px;
}

#sidebar-left li.current_page_item ul.children a {
    font-weight: normal;
}

ul.children {
    margin-top: 10px;
    padding-left: 10px;
}

#sidebar-target {
    border: 1px solid #CFCFCF;
    padding: 10px 15px;
    margin: 10px 0px 50px;
}

#sidebar-target li {
    list-style: disc;
}

.commentlist {
    margin-bottom: 20px;
}

.commentlist .comment {
    padding: 20px 0px;
    margin: 10px 0px 20px;
    border-bottom: 1px solid #DFDFDF;
}