﻿/* General */

/*Reset Common Tags*/

a,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
    border:0px
}

body 
{
    margin:0px auto;
    padding:0px;
    background-image:url(../images/giant_bg_with_middle.jpg);
    background-position:center top;
    background-color:#ebebeb;
    font-family:Verdana;
    font-size:12px;
    color:#5c6062;
    background-repeat:no-repeat;
}

a
{
    text-decoration:none;
    color:#67afd6;
}

a:hover
{
    text-decoration:underline;
}

p
{
    line-height:15px;
	margin-top:12px;
	margin-bottom:12px;
}

h1
{
    margin:0px;
    padding-bottom:5px;
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
}

h2.service-header, p.service-header
{
    margin:0px;
    padding-bottom:5px;
    color:#e09e2a;
    font-size:15px;
    font-weight:bold;
    height:20px;
    background-image:url(../images/service_header_bg.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    font-family:Times New Roman;
}

.dottydivider
{
    height:5px;
    background-image:url(../images/service_header_bg.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
}

h1.highlighted
{
    font-size:19px;
    color:#e09e2a;
    font-weight:normal;
    margin-top:8px;
}

h3.highlighted, p.highlighted
{
    font-size:16px;
    color:#e09e2a;
    font-weight:normal;
    line-height:normal;
}

h2.news-header, p.news-header
{
    margin:0px;
    padding-bottom:10px;
    color:#9a9fa3;
    font-size:20px;
    font-weight:normal;
    font-family:Times New Roman;
}

h2.casestudy-title, p.casestudy-title
{
    margin:0 0 8px 0;
    color:#9a9fa3;
    font-size:20px;
    font-weight:normal;
    font-family:Times New Roman;
}

h2.clients, p.clients
{
    margin:0 0 0 30px;
    padding-bottom:2px;
    color:#9a9fa3;
    font-size:20px;
    font-weight:normal;
    font-family:Times New Roman;
}

h3
{
    margin:0 0 10px 0;
    color:#e09e2a;
    font-size:20px;
    font-weight:normal;
    font-family:Times New Roman;
}

h3.casestudy, p.casestudy
{
    margin:0px 0 5px 0;
    font-size:16px;
    font-weight:normal;
    font-family:Times New Roman;
}

/* layout */

#container
{
    width:950px;
    margin:0px auto;
}

#layout
{
    clear:both;
    float:left;
    width:950px;
}

/* header */

#header
{
    clear:both;
    float:left;
    width:950px;
}

#header-crumbs
{
    clear:both;
    float:left;
    width:950px;
    font-size:11px;
    color:#969ca0;
    background-image:url(../media/banner/top.jpg);
    background-position:top left;
    height:30px;
}

#header-crumbs div
{
    padding:10px 0px 0px 10px;
}

/* nav */

#nav-bar
{
    clear:both;
    float:left;
    width:950px;
    height:33px;
    margin-top:5px;
}

#nav
{
    float:left;
    width:auto;
    font-size:19px;
    font-family:Times New Roman;
    color:#e0e8ed;
    padding-left:30px;
}

#nav a
{
    color:#969ca0;
}

#nav a:hover
{
    color:#3e4041;
    text-decoration:none;
}

.nav-onstate
{
    color:#3e4041!important;
}

#nav ul
{
    list-style:none;
    margin:0px 0 0 0px;
    padding:0px;
}

#nav li
{
    display:inline;
    margin:0px 10px 0 0px;
    padding:0px;
}

#tel
{
    float:left;
    width:130px;
    margin:0 0px 0 50px;
    font-size:20px;
    font-family:Times New Roman;
    color:#969ca0;
    text-align:right;
}

/* content area */

#content
{
    clear:both;
    float:left;
    width:950px;
    margin:0px;
}

#content-leftcol
{
    float:left;
    width:254px;
    background-image:url(../images/silver_service_tile.gif);
    background-repeat:repeat-y;

}

#content-leftcol-inner
{
    clear:both;
    float:left;
    width:193px;
    padding:5px 30px 0 31px;
    color:#5c6062;
}

#content-leftcol-inner li a
{
    color:#5c6062;
}

#content-leftcol-inner li a:hover
{
    color:#67afd6;
    text-decoration:none;
}

.leftnav-onstate
{
    color:#67afd6!important;
}

#content-leftcol-inner ul
{   
    clear:both;
	list-style:none;
    margin:10px 0 20px 0;
}

#content-leftcol-inner li
{
    margin:3px 0 0 5px;
	display:block;
	height:14px;
}

#content-leftcol-clients
{
    clear:both;
    float:left;
    width:193px;
    margin-top:40px;
    margin-bottom:35px;
}

#content-midcol
{
    float:left;
    width:443px;
    background-image:url(../images/body_bg.gif);
    background-position:left top;
    background-repeat:no-repeat;
    padding-top:22px;
}

.content-midcol-inner
{
    clear:both;
    float:left;
    width:383px;
    padding:0 30px 0 30px;
}

.content-midcol-inner li
{
    margin:0px 0px 10px 30px;
}

#silver-lining
{
    clear:both;
    float:left;
    width:443px;
    margin-top:10px;
    margin-bottom:5px;
}

#silver-lining a
{
    font-size:17px;
    font-family:Times New Roman;
    font-weight:bold;
    color:#ffffff;
}

#silver-lining-inner
{
    clear:both;
    float:left;
    width:384px;
    padding:0 30px 0 29px;
}

#silver-lining-inner-inner
{
    clear:both;
    float:left;
    width:384px;
    background-image:url(../images/silver_lining_bg.gif);
    background-repeat:repeat-y;
}

.silver-lining-inner-inner
{
    clear:both;
    float:left;
    width:384px;
    height:80px;
    background-image:url(../images/silver_lining_bg.gif);
    background-repeat:repeat-y;
}

.silver-lining-inner2
{
    clear:both;
    float:left;
    width:199px;
    padding:0 0 0 25px;
    margin-bottom:0px;
}

.silver-lining-inner2-inner
{
    clear:both;
    float:left;
    width:199px;
    background-image:url(../images/silver_lining_bg_other_pages.gif);
    background-repeat:repeat-y;
}


.silver-lining-inner2 a
{
    font-size:17px;
    font-family:Times New Roman;
    font-weight:bold;
    color:#ffffff;
}

#silver-lining-nav
{
    clear:both;
    float:left;
    width:384px;
    padding:5px 30px 0 29px;
}

#silver-lining-nav ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}

#silver-lining-nav li
{
    display:inline;
    margin:0px 0px 0 0px;
    padding:0px;
}

#content-rightcol
{
    float:left;
    width:253px;
    background-image:url(../images/silver_tongue_tile.gif);
    background-repeat:repeat-y;
}

#content-rightcol-inner
{
    clear:both;
    float:left;
    width:198px;
    padding:0 30px 0 25px;
}

#content-rightcol-news
{
    clear:both;
    float:left;
    width:253px;
    background-image:url(../images/other_marketing_news_bg.gif);
    background-repeat:no-repeat;
    background-position:left top;
}

#content-rightcol-news-inner
{
    clear:both;
    float:left;
    width:198px;
    padding:18px 30px 0 25px;
}

/* footer */

#footer
{
    clear:both;
    float:left;
    width:950px;
    height:100px;
    background-image:url(../images/footer.gif);
    background-position: left top;
    margin-bottom:5px;
}

#footer-detail
{
    clear:both;
    float:left;
    width:920px;
    padding-left:30px;
    font-size:11px;
    margin-top:20px;
}

/* classes */

.page-intro
{
    font-size:19px;
    margin-top:0px;
    margin-bottom:15px;
    line-height:22px;
    font-family:Times New Roman;
}

.blog-top
{
     margin-top:5px;
     font-size:11px;
}

.blog-item
{   
    clear:both;
    float:left;
    font-size:11px;
    padding-bottom:8px;
    background-image:url(../images/service_header_bg.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    margin-bottom:12px;
        width:198px;
}

.news-item
{   
    clear:both;
    float:left;
    font-size:11px;
    padding-bottom:8px;
    margin-bottom:3px;
    width:198px;
}

.news-item p
{
    margin:0 0 3px 0;
}

.news-item a
{
    font-size:11px;
    font-weight:bold;
}

.blog-item p
{
    margin:0 0 5px 0;
}

.blog-item a
{
    font-size:15px;
    font-weight:bold;
    font-family:Times New Roman;
}

.blog-link
{
    background-color:#cbd56e;
    padding:0 3px 3px 3px;
    color:#ffffff;
    font-size:11px!important;
    font-weight:bold;
}

.news-link
{   
    clear:both;
    float:left;
    background-color:#cbd56e;
    padding:0 3px 3px 3px;
    color:#ffffff;
    font-size:11px!important;
    font-weight:bold;
    font-family:Times New Roman;
}

.silver-lining-p
{
    padding:0 30px 0 10px;
}

.silver-lining-link
{
       padding:0 40px 0 10px;
       text-align:right; 
}

.silver-lining-p2
{
    padding:0 10px 0 10px;
}

.silver-lining-link2
{
       padding:0 10px 0 10px;
       text-align:right; 
}

.casestudy-item
{
    padding-bottom:20px;
}

h2.service-header a, p.service-header a
{
    color:#e09e2a;
}

h2.service-header a:hover, p.service-header a:hover
{
    color:#67afd6;
    text-decoration:none;
}

/* input table */

.inputtable 
{
    width:380px;
}

.inputtable td
{
    padding:6px 0px;
}

.inputtable-col1 
{
    width:150px;
    text-align:right;
}

.textbox
{
    border:solid 1px #000000;
    width:200px;
}

/* ----- Calendar ----- */

.calendar-wrapper
{
    width:253px;
    height:auto;
    background:URL(../images/other_marketing_news_bg.gif) no-repeat;
}

.calendar-wrapper h1
{
    font-family:Times New Roman;
    font-size:19px;
    color:#9A9FA3;
    font-weight:normal;
    margin-left:28px;
    padding-top:26px;
}

.calendar-wrapper h2
{
    font-family:Verdana;
    font-size:10px;
    color:#E09E2A;
    font-weight:normal;
    margin-left:28px;
}

.calendar-header
{
    width:253px;
    height:26px;
    background:URL(../images/calendar_bg.gif) no-repeat;
    margin-left:28px;
    margin-top:10px;
}

.calendar-header table
{
    width:197px;
    height:26px;
}

.calendar
{
    width:197px;
    height:152px;
    background:URL(../images/calendar_bg.gif) no-repeat;
    background-position:bottom;
    margin-left:28px;
}

.calendar table
{
    width:197px;
    height:152px;
}

.calendar td
{
    width:30px;
    height:22px;
    text-align:center;
}

.calendar-highlight,
.calendar-highlight a
{
    color:#FFFFFF;
    background-color:#CBD56E;
}

.date-wrapper
{
    width:38px;
    height:44px;
    background:URL(../images/date_bg.gif) no-repeat;
    text-align:center;
    font-family:Verdana;
    color:#5c6062;
    float:left;
    padding-right:15px;
}

.date-weekday
{
    font-size:9px;
}

.date-day
{
    font-size:14px;
}

.date-ordinal
{
    font-size:9px;
}

.date-year
{
    font-size:9px;
    font-weight:lighter;
}

.article-wrapper
{
    float:right;
    width:330px;
    height:auto;
}

.article-wrapper-highlighted
{
    font-size:17px;
    color:#e09e2a;
}

/* ----- meet the author --- */

#meet-author-wrapper
{
    width:402px;
    height:181px;
    background:URL(../images/author_bg.gif) no-repeat;
    font-family:Verdana;
    font-size:12px;
}

#meet-author p
{
    width:235px;
    float:right;
    top:29px;
    position:relative;
    padding-right:10px;
}

#meet-author img
{
    position:relative;
    float:left;
    top:45px;
    left:10px;
}

#meet-author-contact
{
    width:402px;
    height:39px;
    background:URL(../images/centre_bg.gif) no-repeat;
    font-family:Verdana;
    font-size:12px;
}

#meet-author-contact-greenbox
{
    width:69px;
    height:20px;
    background:URL(../images/join_bg.gif) no-repeat;
    position:relative;
    top:10px;
    left:10px
}

#meet-author-contact-greenbox p
{
    margin:0px;
    font-family:Times New Roman;
    font-size:13px;
    color:#FFFFFF;
    padding-left:8px;
    padding-top:2px;
}

#meet-author-contact img
{
    position:relative;
    top:-10px;
    left:85px;
}

#meet-author-footer
{
    width:402px;
    height:32px;
    background:URL(../images/foot.gif) no-repeat;
    font-family:Verdana;
    font-size:12px;
}

#meet-author-footer p
{
    margin:0px;
    padding:10px;
}

.category-wrapper
{
    width:253px;
    height:auto;
    font-size:12px;
    background:URL(../images/other_marketing_news_bg.gif) no-repeat;
}

.category-wrapper p
{
    padding-left:5px;
}

.category-wrapper h2
{
    font-family:Verdana;
    font-size:10px;
    color:#E09E2A;
    font-weight:normal;
    margin-left:28px;
    padding-top:26px;
}

.cloud-wrapper
{
    width:253px;
    height:auto;
    font-size:12px;
    background:URL(../images/other_marketing_news_bg.gif) no-repeat;
}

.cloud-wrapper p
{
    width:200px;
    padding-left:28px;
}

.cloud-wrapper h2
{
    font-family:Verdana;
    font-size:10px;
    color:#E09E2A;
    font-weight:normal;
    margin-left:28px;
    padding-top:26px;
}

/*---*/

.content-midcol-portfolio
{
    clear:both;
    float:left;
    width:403px;
    padding:0 20px 0 20px;
}

.case-studies-filter
{
    float:left;
    width:388px;
    height:29px;
    background-color:#cbd56e;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    padding:0px 5px 0px 10px;
}

:focus
{
    outline:none;
}

.filter-left
{
    float:left;
    width:170px;
    line-height:29px;
}

.selCont
{
    float:right;
    width:210px;
    margin-top:5px;
}

ul.newList
{
    margin:0;
    padding:0;
    list-style:none;
    color:#4f5152;
    width:210px;
    background:#fff;
    position:absolute;
    top:19px;
    left:0;
    overflow:auto;
    z-index:9999;
}

.newListSelected
{
    width:204px;
    color:#000;
    height:16px;  
    float:left;
    font-size:11px;
    font-weight:normal;
    color:#4f5152;
    padding:3px 0 0 6px;
    background:url(../images/select-box.jpg) no-repeat;
}

.newListSelected span
{
    width:210px;
    display:block;
}

ul.newList li
{
    padding:3px 8px;
}

.selectedTxt
{
    width:210px;
    overflow:hidden;
    height:19px;
    
}

.newListHover
{
    background:#ccc!important;
    color:#000!important;
    cursor:default;
}

.newListSelHover,
.newListSelFocus
{
    cursor:default;
}

.case-studies-wrapper
{
    float:left;
    width:403px;
}

.case-studies-header
{
    width:391px;
    height:66px;
    background:URL(../images/casestudy_bg.gif) no-repeat;
    margin-top:5px;
    padding:6px;
    font-size:12px;
}

.case-studies-header-logo
{
    float:left;
    width:27px;
    height:66px;
}

.case-studies-header-text
{
    float:left;
    width:329px;
    padding:0px 10px 0px 10px;
}

.case-studies-header-arrow
{
    float:right;
    width:15px;
    height:13px;
    margin-top:26px;
    cursor:pointer;
    background:URL(../images/arrow.gif) no-repeat;
}

.case-studies-header-arrow.active
{
    float:right;
    width:15px;
    height:13px;
    margin-top:26px;
    cursor:pointer;
    background:URL(../images/arrow_s.gif) no-repeat;
}

.case-studies-title-main
{
    display:block;
    font-family:Times New Roman;
    font-size:19px;
    padding:0px;
    margin:3px 0px 7px 0px;
}

.portfolio-wrapper
{
    float:left;
    width:403px;
}

.portfolio-header
{
    width:391px;
    height:27px;
    background:URL(../images/clients_bg.gif) no-repeat;
    margin-top:5px;
    padding:6px;
    font-size:12px;
}

.portfolio-header-logo
{
    float:left;
    width:27px;
    height:27px;
}

.portfolio-header-text
{
    float:left;
    width:329px;
    padding:0px 10px 0px 10px;
}

.portfolio-header-arrow
{
    float:right;
    width:15px;
    height:13px;
    margin-top:6px;
    cursor:pointer;
    background:URL(../images/arrow.gif) no-repeat;
}

.portfolio-header-arrow.active
{
    float:right;
    width:15px;
    height:13px;
    margin-top:6px;
    cursor:pointer;
    background:URL(../images/arrow_s.gif) no-repeat;
}

.portfolio-title-main
{
    display:block;
    font-family:Times New Roman;
    font-size:19px;
    padding:0px;
    margin:3px 0px 7px 0px;
}

.case-studies-title
{
    display:block;
    font-family:Times New Roman;
    font-size:19px;
    padding:0px;
    margin:20px 0px 2px 0px;
}

.hidden-content
{
    float:left;
    width:367px;
    padding:18px;
    background:#f6f6f6;
    display: none;
    font-size:12px;
    font-family:Verdana;
}

.hidden-content li
{
    margin-left: 20px;
}


.hidden-content ul
{
    margin-bottom: 20px;
}

.show li
{
    margin-left: 20px;
}

.show ul
{
    margin-bottom: 20px;
}

.show
{
    float:left;
    width:367px;
    padding:18px;
    background:#f6f6f6;
    font-size:12px;
    font-family:Verdana;
}

ul.case-studies-list
{
    margin:0px;
    padding:0px 0px 0px 18px;
}

.btn-wrapper
{
    float:right;
    width:367px;
}

.btn-text
{
    float:right;
    width:auto;
    height:23px;
    background:#cbd56e;
    line-height:23px;
    font-weight:bold;
    font-size:10px;
    padding:0px 5px 0px 5px;
}

.btn-text a
{
    color:#fff;
}

.portfolio-list
{
    list-style-image:url(/images/tick.gif);
    margin:0px;
    padding:10px 0px 0px 18px;
    color:#67afd6;
}

.portfolio-gallery
{
    float:left;
    width:367px;
    padding:10px 0px 0px 0px;
}

.portfolio-gallery IMG
{
    float:left;
    width:80px;
    padding-right:14px;
    padding-bottom:14px;
}

.testimonials-left-header
{
    color:#9a9fa3;
    font-family:Times New Roman;
    font-size:21px;
    font-style:normal;
    display:block;
    margin-bottom:5px;
}

#testimonials-left
{
    float:left;
    width:193px;
    color:#e09e2a;
    font-family:Times New Roman;
    font-size:21px;
    font-style:italic;
    margin-top:15px;
}

.testimonials-left-signature
{
    float:left;
    width:193px;
    font-size:13px;
    color:#8e9193;
    font-weight:normal;
    background-image:url(../images/service_header_bg.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-bottom:5px;
    margin-bottom:2px;
    min-height:15px;

}

.btn-wrapper-left
{
    float:right;
    width:193px;
    margin-top:7px;
}

#form-left
{
    float:left;
    width:193px;
    
}

#form-left input
{
    float:left;
    width:181px;
    height:20px;
    line-height:20px;
    padding:0px 5px 0px 5px;
    border:1px solid #e6e7e7;
    margin-bottom:5px;
}

px;
    padding:0px;
    margin:3px 0px 7px 0px;
}

.case-studies-title
{
    display:block;
    font-family:Times New Roman;
    font-size:19px;
    padding:0px;
    margin:20px 0px 2px 0px;
}

.hidden-content
{
    float:left;
    width:367px;
    padding:18px;
    background:#f6f6f6;
    display: none;
    font-size:12px;
    font-family:Verdana;
}

ul.case-studies-list
{
    margin:0px;
    padding:0px 0px 0px 18px;
}

.btn-wrapper
{
    float:right;
    width:367px;
}

.btn-text
{
    float:right;
    width:auto;
    height:23px;
    background:#cbd56e;
    line-height:23px;
    font-weight:bold;
    font-size:10px;
    padding:0px 5px 0px 5px;
}

.btn-text a
{
    color:#fff;
}

.portfolio-list
{
    list-style-image:url(../images/tick.gif);
    margin:0px;
    padding:10px 0px 0px 18px;
    color:#67afd6;
}

.portfolio-gallery
{
    float:left;
    width:367px;
    padding:10px 0px 0px 0px;
}

.portfolio-gallery IMG
{
    float:left;
    width:80px;
    padding-right:14px;
    padding-bottom:14px;
}px;
    padding:0px;
    margin:3px 0px 7px 0px;
}

.case-studies-title
{
    display:block;
    font-family:Times New Roman;
    font-size:19px;
    padding:0px;
    margin:20px 0px 2px 0px;
}

.hidden-content
{
    float:left;
    width:367px;
    padding:18px;
    background:#f6f6f6;
    display: none;
    font-size:12px;
    font-family:Verdana;
}

ul.case-studies-list
{
    margin:0px;
    padding:0px 0px 0px 18px;
}

.btn-wrapper
{
    float:right;
    width:367px;
}

.btn-text
{
    float:right;
    width:auto;
    height:23px;
    background:#cbd56e;
    line-height:23px;
    font-weight:bold;
    font-size:10px;
    padding:0px 5px 0px 5px;
}

.btn-text a
{
    color:#fff;
}

.portfolio-list
{
    list-style-image:url(../images/tick.gif);
    margin:0px;
    padding:10px 0px 0px 18px;
    color:#67afd6;
}

.portfolio-gallery
{
    float:left;
    width:367px;
    padding:10px 0px 0px 0px;
}

.portfolio-gallery IMG
{
    float:left;
    width:80px;
    padding-right:14px;
    padding-bottom:14px;
}

.newsletterRight
{
    clear:both;
    float:left;
    width:198px;
    padding-bottom: 20px;
}

.newsletterContent
{
    padding:0 10px 0 25px;
}

.newsletterInput
{
    color: #B1B1B1;
}