/* Master styles */
.clear
{
    clear: both;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
.nomargintop
{
    margin-top: 0;
}    
a
{
    color: #1c3e95;
    cursor: pointer;
    text-decoration: none;
}
a.arrow
{
    background: url(bluearrow.gif) no-repeat right center;
    display: inline-block;
    font-weight: bold;
    line-height: 13px;
    padding: 1px 18px 0 0;
}
a.arrow.pink
{
    background: url(pinkarrow.gif) no-repeat right center;
    color: #c43b73;
}
a:hover
{
    text-decoration: underline;
}
a b
{
    color: #1c3e95;
}
a.ctabutton
{
    background: url(btn_discuss-your-project.gif) no-repeat left top;
    display: block;
    height: 171px;
    margin-left: 980px;
    position: fixed;
    text-decoration: none;
    top: 30px;
    width: 27px;
}
a.ctabutton span
{
    visibility: hidden;
}
a.ctabutton:hover
{
    background-position: right top;
    cursor: pointer;
}
a.submitform
{
    background: url(btn_submit.gif) no-repeat left top;
    display: block;
    height: 27px;
    text-decoration: none;
    width: 83px;
}
a.submitform span
{
    visibility: hidden;
}
a.submitform:hover
{
    background-position: left bottom;
    cursor: pointer;
}
body
{
    background: #fff url(bg.gif) repeat left top;
    color: #666;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 80%;
}
div#container
{
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 10px 20px 20px 20px;
    position: relative;
    width: 960px;
}
div#content
{
    padding: 30px 0 0 0;
}
div#content div#leftgutter
{
    float: left;
    margin-right: 40px;
    width: 370px;
}
div#content div#rightgutter
{
    float: right;
    width: 550px;
}
div#footer
{
    border-top: dotted 1px #d9d9d9;
    padding: 15px 10px 15px 10px;
}
div#footer div.left
{
    float: left;
}
div#footer div.left div.social
{
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: bottom;
}
div#footer div.right
{
    float: right;
}
div#footer div.right span.phone
{
    background: url(footer_phone.gif) no-repeat left center;
    margin-right: 15px;
    padding-left: 23px;
}
div#footer div.right span.email
{
    background: url(footer_email.gif) no-repeat left center;
    padding-left: 22px;
}
div#footer div.right span.email a
{
    color: #666;
}
div#header
{    
    height: 125px;
    margin: 0 auto;
    position: relative;
}
div#header div.logo
{
    float: left;
    height: 125px;
    width: 365px;
}
div#header div.right
{
    float: right;
}
div#header div.right div.contact
{
    color: #999;
    font-family: 'DroidSansRegular', Arial, sans-serif;
    font-size: 140%;
    line-height: 1.3;
    height: 72px;
    margin-top: 20px;
    text-align: right;
}
div#header div.right div.contact div.livechat
{
    float: right;
}
div#header div.right div.contact span
{
    color: #333;
    font-family: 'DroidSansBold', Arial, sans-serif;
    font-size: 130%;
}
div#header div.right div.navigation div.social
{
    float: right;
    margin: 0 0 0 11px;
}
div#header div.right div.navigation ul
{
    float: right;
}
div#header div.right div.navigation ul, div#header div.right div.navigation ul li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#header div.right div.navigation ul li a
{
    color: #222;
    display: inline;
    font-family: 'DroidSansRegular', Arial, sans-serif;
    font-size: 130%;
    margin-left: 13px;
}
div#header div.right div.navigation ul li a.on
{
    color: #999;
}
h1
{
    color: #333;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 22pt;
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 15px;
}
h2
{
    color: #333;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 15pt;
    font-weight: normal;
    line-height: 1;
    margin: 10px 0;
}
h2.offer
{
    margin: 20px 0 15px 0;
}
h3
{
    border-bottom: dotted 1px #d9d9d9;
    color: #222;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 14pt;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
strong, b
{
    color: #555;
}

/* Shared elements */
div.addthis_toolbox
{
    border-top: solid 1px #e0e0e0;
    padding-top: 8px;
}
div.addthis_toolbox span.sharethis
{
    color: #222;
    float: left;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    line-height: 1;
    margin: 2px 10px 0 0;
}
div.addthis_toolbox .addthis_counter
{
    margin-right: 8px;
}
div.addthis_toolbox .addthis_button_tweet
{
    width: 88px !important;
}
div.addthis_toolbox .addthis_button_google_plusone
{
    width: 67px !important;
}
div.addthis_toolbox .addthis_button_linkedin
{
    width: 63px !important;
}
div.addthis_toolbox .at30b
{
    width: 50px !important;
}
div#badges
{
    margin: 20px 0;
    text-align: center;
}
div#badges img
{
    margin: 0 4px;
}
div#contactform
{
    background-color: #f0f0f0;
    border-bottom: dotted 1px #D9D9D9;
    margin-top: 40px;
    padding: 18px 20px;
}
div#contactform div.left
{
    float: left;
    width: 300px;
}
div#contactform h4
{
    color: #222;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 18pt;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 5px;
}
div#contactform div.right
{
    float: right;
    width: 590px;
}
div#contactform div.details
{
    float: left;
    width: 260px;
}
div#contactform div.details span.label
{
    display: inline-block;
    line-height: 26px;
    margin-bottom: 4px;
    width: 70px;
}
div#contactform div.details input.textbox
{
    border: solid 1px #dedede;
    height: 18px;
    padding: 3px;
    width: 162px;
}
div#contactform div.details input
{
    border: solid 1px #ccc;
    color: #999;
    margin-bottom: 5px;
    padding: 5px;
    width: 182px;
}
div#contactform div.details input.end
{
    margin-bottom: 0;
}
div#contactform div.requirements
{
    float: right;
    width: 330px;
}
div#contactform div.requirements textarea
{
    border: solid 1px #ccc;
    color: #aaa;
    font-family: Arial;
    font-size: 100%;
    height: 74px;
    margin-bottom: 6px;
    padding: 5px;
    width: 318px;
}
div#contactform div.requirements a.submit
{
    background: url(btn_submit-enquiry.gif) no-repeat left top;
    display: inline-block;
    height: 31px;
    text-decoration: none;
    width: 149px;
}
div#contactform div.requirements a.submit span
{
    visibility: hidden;
}
div#contactform div.requirements a.submit:hover
{
    background-position: left bottom;
    cursor: pointer;
}
div.intro
{
    border-bottom: dotted 1px #d9d9d9;
    padding-top: 20px;
}
div.intro h2
{
    color: #454545;
    line-height: 1.1;
    margin-bottom: 20px;
}
div.introtext
{
    font-size: 110%;
    line-height: 1.3;
}
div.latestupdates
{
    margin-bottom: 40px;
}
div.latestupdates div.social
{
    float: right;
    margin-top: 8px;
}
div.latestupdates h3
{
    padding-top: 10px;
}
div.latestupdates div.twitterfeed ul, div.latestupdates div.twitterfeed ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.latestupdates div.twitted a
{
    color: #c43b73;
    float: none;
}
div.latestupdates div.twitted span a
{
    color: #1c3e95;
}
div.latestupdates div.twitted ul li
{
    font-size: 90%;
    margin-bottom: 10px;
}
div.latestupdates div.twitted ul li span
{
    display: block;
}
div.latestupdates ul li.lasttweet
{
    margin: 0;
}
div.clientquote
{
    background: url(quote.gif) no-repeat left top;
    padding: 5px 0 0 35px;
}
div.clientquote p.quote
{
    color: #666;
    font-family: 'DroidSerifitalic', Arial, sans-serif;
    font-size: 120%;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 10px;
}
div.ourprocess div.item
{
    background: url(process_brief.gif) no-repeat center top;
    float: left;
    margin-right: 20px;
    padding-top: 130px;
    text-align: center;
    width: 176px;
}
div.ourprocess div.item.end
{
    margin-right: 0 !important;
}
div.ourprocess div.item.design
{
    background-image: url(process_design.gif);
}
div.ourprocess div.item.build
{
    background-image: url(process_build.gif);
}
div.ourprocess div.item.test
{
    background-image: url(process_test.gif);
}
div.ourprocess div.item.refine
{
    background-image: url(process_refine.gif);
}
div.ourprocess div.item p.title
{
    color: #222;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 13pt;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 2px;
}

div.social a
{
    background: no-repeat left top;
    display: inline-block;
    height: 17px;
    margin-left: 4px;
    text-decoration: none;
    width: 17px;
}
div.social a:hover
{
    background-position: left bottom;
}
div.social a.facebook
{
    background-image: url(social_facebook.gif);
}
div.social a.linkedin
{
    background-image: url(social_linkedin.gif);
}
div.social a.twitter
{
    background-image: url(social_twitter.gif);
    width: 21px;
}
div.social a.youtube
{
    background-image: url(social_youtube.gif);
}

    
ul.ticklist, ul.ticklist li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.ticklist li
{
    background: url(tick.gif) no-repeat left 6px;
    border-bottom: dotted 1px #d9d9d9;
    padding: 4px 0 4px 18px;
}
ul.ticklist li.alternateitem
{
    background-color: #f4f4f4;
}

/* Blog Post */
div.blogpost
{
    margin-bottom: 50px;
}
div.blogpost h1, div.blogpost h2
{
    line-height: 1.1;
    margin: 0 0 2px 0;
}
div.blogpost h2
{
    color: #444;
}
div.blogpost h3
{
    border: none;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 11pt;
    line-height: 1.3;
    margin: 2px 0 0 0;
}
div.blogpost h4
{
    color: #444;
    font-size: 140%;
    font-weight: normal;
    margin-bottom: 5px;
}
div.blogpost div.date
{
    background: url(blogpost-date-bg.gif) no-repeat top left;
    float: left;
    height: 46px;
    margin-right: 10px;
    text-align: center;
    width: 46px;
}
div.blogpost div.date span
{
    color: #fff;
    display: block;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    line-height: 1;
    text-transform: uppercase;
}
div.blogpost div.date span.day
{
    font-size: 160%;
    margin-top: 8px;
}
div.blogpost div.date span.month
{
    font-size: 80%;
}
div.blogpost div.headings
{
    float: left;
    padding-top: 5px;
    width: 560px
}
div.blogpost div.body.full
{
    padding: 10px 0;
}
div.blogpost.older
{
    float: left;
    margin: 0 30px 20px 0;
    width: 315px;
}
div.blogpost.older.end
{
    margin-right: 0 !important;
}
div.blogpost.older div.date
{
    background: none;
    border-right: solid 1px #d2d2d2;
    float: left;
    height: auto;
    margin-right: 10px;
    padding-right: 6px;
    text-align: center;
    width: 25px;
}
div.blogpost.older div.date span
{
    color: #333;
}
div.blogpost.older div.date span.day
{
    margin-top: 0;
}
div.blogpost.older div.headings
{
    width: 258px
}
div.blogpost.older div.headings h2
{
    font-size: 130%;
}
div.blogpost.older div.body
{
    margin-left: 42px;
}
div.blogpost div.highlight
{
    background-color: #ffc;
    border: solid 2px #cc9;
    font-size: 120%;
    font-weight: normal;
    margin: 15px 0;
    padding: 10px;
}
div.blogpost div.interestbox
{
    background-color: #f0f0f0;
    border-bottom: dotted 1px #d9d9d9;
    padding: 15px;
    margin-bottom: 20px;
}
div.blogpost div.interestbox a.submitform
{
    display: inline-block;
    vertical-align: top;
}
div.blogpost div.interestbox h2
{
    font-size: 14pt;
    margin: 0 0 10px 0;
}
div.blogpost div.interestbox p
{
    margin: 0;  
}
div.blogpost div.interestbox input.textbox
{
    border: solid 1px #dedede;
    color: #999;
    height: 20px;
    padding: 3px;
    width: 162px;
}
div.blogpost div.interestbox input.email
{
    width: 230px;
}
    
/* Home Page */
div#home-page div.leftgutter
{
    float: left;
    margin-right: 60px;
    width: 620px;
}
div#home-page div.rightgutter
{
    float: right;
    width: 280px;
}
div#home-page div.about
{
    padding-bottom: 40px;
}
div#home-page div.about div.left
{
    float: left;
    margin-right: 40px;
    width: 370px;
}
div#home-page div.about div.right
{
    float: right;
    width: 210px;
}
div#home-page div.fromtheblog
{
    background: url(from-the-blog.gif) no-repeat left top;
    padding-top: 50px;
}
div#home-page div.latestprojects
{
    margin-bottom: 10px;
}
div#home-page div.latestprojects div.project
{
    border: solid 1px #e5e5e5;
    margin-bottom: 10px;
    padding: 5px; 
}
div#home-page div.latestprojects div.clientquote
{
    margin-bottom: 30px;
}
div#home-page h1
{
    margin-top: 3px;
}
div#home-page ul.ticklist li a
{
    color: #666;
}


    
/* New Home Page */
div#new-home-page h1
{
    font-size: 190%;
}
div#new-home-page h2
{
    font-size: 150%;
}
div#new-home-page div.leftgutter
{
    float: left;
    margin-right: 60px;
    width: 620px;
}
div#new-home-page div.rightgutter
{
    float: right;
    width: 280px;
}
div#new-home-page div.top
{
    margin-bottom: 30px;
}
div#new-home-page div.top div.about div.left
{
    float: left;
    margin-right: 40px;
    width: 370px;
}
div#new-home-page div.top div.about div.right
{
    float: right;
    width: 210px;
}
div#new-home-page div.top div.about ul.ticklist
{
    margin-bottom: 10px;
}
div#new-home-page div.top div.about ul.ticklist li a
{
    color: #666;
}
div#new-home-page div.updates div.blogpost
{
    margin-bottom: 50px;
}
div#new-home-page div.updates div.leftgutter h3.fromtheblog
{
    margin-top: 10px;
}
div#new-home-page div.bottom div.leftgutter h3
{
    margin-top: 7px;
}
div#new-home-page div.bottom div.blogpost.older
{
    margin-right: 20px;
    width: 300px;
}
div#new-home-page div.bottom div.ilovebb
{
    background: url(ilovebb-bg.gif) no-repeat top left;
    padding-top: 42px;
}

/* Services page */
div#services-page div.services
{
    float: left;
    margin-right: 35px;
    width: 655px;
}
div#services-page div.services div.service
{
    float: left;
    margin: 0 15px 15px 0;
    width: 320px;
}
div#services-page div.services div.service.end
{
    margin-right: 0;
}
div#services-page div.services div.service p
{
    margin-bottom: 7px;
}
div#services-page div.services div.service p.title
{
    background: url(icon_web-design.gif) no-repeat left bottom;
    color: #222;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 13pt;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 10px 0 2px 38px;
}
div#services-page div.services div.service.ecommerce p.title
{
    background-image: url(icon_ecommerce.gif);
}
div#services-page div.services div.service.cms p.title
{
    background-image: url(icon_cms.gif);
}
div#services-page div.services div.service.seo p.title
{
    background-image: url(icon_seo.gif);
}
div#services-page div.services div.service.digital p.title
{
    background-image: url(icon_digital.gif);
}
div#services-page div.services div.service.cro p.title
{
    background-image: url(icon_cro.gif);
}
div#services-page div.whatelse
{
    float: right;
    width: 270px;
}
div#services-page div.ourprocess
{
    margin-top: 30px;
}

/* Portfolio page */
div#portfolio-page div#services-page
{
    margin-bottom: 20px;
}
div#portfolio-page h2.location
{
    margin-bottom: 15px;
}
div#portfolio-page div.clientlist ul
{
    list-style-type: none;
    margin: 15px 0 0 0;
    padding: 0;
}
div#portfolio-page div.clientlist ul li
{
    border-bottom: solid 1px #e5e5e5;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0 30px 10px 0;
    padding: 0 0 4px 0;
    width: 214px;
}
div#portfolio-page div.clientlist ul li.end
{
    margin-right: 0;
}
div.projects div.project
{
    float: left;    
    margin: 0 16px 30px 0;
    width: 228px;
}
div.projects div.project.end
{
    margin-right: 0;
}
div.projects div.project div.image
{
    border: solid 1px #e5e5e5;
    margin-bottom: 10px;
    padding: 5px;
}
div.projects div.project p
{
    font-size: 90%;
    margin: 0;
    padding: 0;
}
div.projects div.project p.title
{
    font-size: 120%;
    margin-bottom: 2px;
}

/* Case study page */
div#casestudy-page h2
{
    color: #333;
    margin: 0 0 20px 0;
}
div#casestudy-page div.clientquote
{
    margin-top: 40px;
}
div#casestudy-page div.introtext p.links a
{
    line-height: 22px;
}
div#casestudy-page div.navigateprojects a.next
{
    background: url(btn_next-project.gif) no-repeat left top;
    display: inline-block;
    float: right;
    height: 32px;
    margin-left: 10px;
    text-decoration: none;
    width: 133px;
}
div#casestudy-page div.navigateprojects a.previous
{
    background: url(btn_previous-project.gif) no-repeat left top;
    display: inline-block;
    float: right;
    height: 32px;
    text-decoration: none;
    width: 158px;
}
div#casestudy-page div.navigateprojects a span
{
    visibility: hidden;
}
div#casestudy-page div.navigateprojects a:hover
{
    background-position: left bottom;
    cursor: pointer;
}

/* About page */
div#about-page div#leftgutter
{
    float: left;
    margin-right: 40px;
    width: 396px;
}
div#about-page div#rightgutter
{
    float: right;
    width: 524px;
}
div#about-page div.ourvalues
{
    margin: 40px 0;
}
div#about-page div.team h2
{
    margin-bottom: 15px;
}
div#about-page div.team div.profile
{
    float: left;
    margin: 0 20px 25px 0;
    width: 116px;
}
div#about-page div.team div.profile.end
{
    margin-right: 0;
}
div#about-page div.team div.profile div.image
{
    border: solid 1px #e5e5e5;
    padding: 5px;
}
div#about-page div.team div.profile p
{
    font-size: 90%;
    margin: 0;
    padding: 0;
}
div#about-page div.team div.profile p.name
{
    color: #c43b73;
    font-size: 110%;
    margin: 5px 0 2px 0;
}
div#about-page div.team div.profile p.role
{
    color: #333;
}
div#about-page div.why h2
{
    margin: 0 0 20px 0;
}
div#about-page div.why div.item
{
    background: url(why-1.gif) no-repeat top left;
    float: left;
    margin-bottom: 10px;
    padding-left: 40px;
    width: 210px;
}
div#about-page div.why div.item.one
{
    margin-right: 24px;
}
div#about-page div.why div.item.two
{
    background-image: url(why-2.gif);
}
div#about-page div.why div.item.three
{
    background-image: url(why-3.gif);
    margin-right: 24px;
}
div#about-page div.why div.item.four
{
    background-image: url(why-4.gif);
}
div#about-page div.why div.item h3
{
    border: none;
    margin-bottom: 2px;
}

/* Contact page */
div#contact-page div.follow
{
    border-bottom: solid 1px #e0e0e0;
    margin: 30px 0 20px 0;
    padding-bottom: 8px;
}
div#contact-page div.follow span
{
    color: #222;
    float: left;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    line-height: 28px;
    margin-right: 10px;
}
div#contact-page div.follow img
{
    margin-right: 3px;
}

div#contact-page div#contactform
{
    margin: 20px 0 40px 0;
}
div#contact-page div#contactform h4
{
    margin-bottom: 10px;
}
div#contact-page div#contactform div.details
{
    float: none;
    width: auto;
}
div#contact-page div#contactform div.details input
{
    float: left;
    margin: 0 10px 7px 0;
    padding: 4px;
    width: 150px;
}
div#contact-page div#contactform div.details input.end
{
    margin-right: 0;
}
div#contact-page div#contactform div.requirements
{
    float: none;
    width: auto;
}
div#contact-page div#contactform div.requirements textarea
{
    width: 320px;
}

div#contact-page div.offices div.office
{
    margin-bottom: 25px;
}
div#contact-page div.offices div.office div.details
{
    float: left;
}
div#contact-page div.offices div.office div.details h3
{
    margin-bottom: 10px;
}
div#contact-page div.offices div.office div.details p
{
    font-size: 90%;
    margin: 0 0 8px 0;
    padding: 0;
}
div#contact-page div.offices div.office div.image
{
    border: solid 1px #e5e5e5;
    float: left;
    margin-right: 10px;
    padding: 4px;
}

/* Fingertips page */
div#fingertips-page div.what
{
    margin: 40px 0;
}
div#fingertips-page div.ourprocess div.item
{
    margin-right: 18px;
}
div#fingertips-page div.images div.thumb
{
    border: solid 1px #e5e5e5;
    float: left;
    margin: 0 20px 20px 0;
    padding: 5px;
}
div#fingertips-page div.images div.thumb.end
{
    margin-right: 0;
}

/* Blog Page */
div#blog-page div.leftgutter
{
    float: left;
    margin-right: 60px;
    width: 660px;
}
div#blog-page div.rightgutter
{
    float: right;
    width: 240px;
}
div#blog-page div.comments h2
{
    color: #444;
    margin: 30px 0 10px 0;
}
div#blog-page div.navigation div.group 
{
    margin-bottom: 30px;
}
div#blog-page div.navigation div.group h3
{
    margin-bottom: 7px;
}
div#blog-page div.navigation div.group ul, div#blog-page div.navigation div.group ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#blog-page div.navigation div.group ul li
{
    padding: 3px 0;
}


/* Home page slider */
.main_view
{
	float: left;
	position: relative;
}
.window {
	height: 300px;
	overflow: hidden;
	position: relative;
	width: 960px;
}
.image_reel
{
	left: 0;
	position: absolute;
	top: 0;
}
.image_reel img 
{
    float: left;
}
.paging
{
	background: url(paging-bg.png) repeat-x left top;
    bottom: 20px;
	display: none; 
	height: 34px;
	left: 0;
	line-height: 34px;
	padding-left: 10px;
	position: absolute;
	text-align: center;
	width: 70px;
	z-index: 100;
}
.paging a
{
	color: #fff;
	float: left;
	text-decoration: none;
	width: 20px;
}
.paging a.active
{
	background: url(paging-active-bg.png) no-repeat center center;
	color: #333;
	font-weight: bold;
}
.paging a:hover
{
    font-weight: bold;
}


/* Case study slider */
div#casestudy-page div#rightgutter div#gallery
{
    background-color: #fff;
    border: solid 1px #e5e5e5;
    margin-bottom: 20px;
    padding: 4px 0;
}
div#casestudy-page div#rightgutter div#gallery div#slideshow a
{
    text-decoration: none;
}
div#casestudy-page div#rightgutter div#gallery img
{
    vertical-align: top;
}
div#casestudy-page div#rightgutter div#gallery div.slideshow span.image-wrapper
{
	display: block;
	padding: 1px 0 0 1px;
}
div#casestudy-page div#rightgutter div#thumbs
{
    font-size: 90%;
    height: 20px;
    margin-bottom: 5px;
}
div#casestudy-page div#rightgutter div#thumbs ul, div#casestudy-page div#rightgutter div#thumbs ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#casestudy-page div#rightgutter div#thumbs ul li
{
    padding: 0 2px 0 7px;  
}
div#casestudy-page div#rightgutter div#thumbs ul li.first
{
    background: none;
    padding: 0 2px 0 0;
}
div#casestudy-page div#rightgutter div#thumbs ul li a
{
    color: #666;
    float: left;
    line-height: 20px;
    text-align: center;
    width: 20px;
}
div#casestudy-page div#rightgutter div#thumbs ul li.selected a
{
    background: url(thumb-active.gif) no-repeat left top;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

/* Feedback Form */
div#feedbackform
{
    padding-bottom: 40px;
}
div#feedbackform p.question
{
    color: #222;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 150%;
    margin: 25px 0 6px 0;
}
div#feedbackform p.question.top
{
    margin-top: 0;
}
div#feedbackform div.questions td
{
    padding: 0;
}
div#feedbackform label
{
    display: inline-block;
    font-size: 110%;
    margin-left: 3px;
    width: 140px;
}
div#feedbackform div.form
{
    background-color: #dee4ee;
    margin-top: 20px;
    padding: 18px 20px;
}
div#feedbackform div.form table tr td.label
{
    color: #454545;
    font-weight: bold;
    padding: 3px 12px 3px 0;
}
div#feedbackform div.form table tr td.field
{
    padding: 3px 12px 3px 0;
}
div#feedbackform div.form textarea
{
    border: solid 1px #ccc;
    color: #aaa;
    font-family: Arial;
    font-size: 100%;
    height: 260px;
    margin-bottom: 7px;
    padding: 4px;
    width: 320px;
}
div#feedbackform div.form input.textbox
{
    border: solid 1px #ccc;
    padding: 4px;
    width: 182px;
}
div#feedbackform div.form a.submit
{
    background: url(btn_submit-form.gif) no-repeat left top;
    display: inline-block;
    height: 32px;
    text-decoration: none;
    width: 127px;
}
div#feedbackform div.form a.submit span
{
    visibility: hidden;
}
div#feedbackform div.form a.submit:hover
{
    background-position: left bottom;
    cursor: pointer;
}

/* Services page */
div#services-overview div#leftgutter
{
    float: left;
    margin-right: 40px;
    width: 640px;
}
div#services-overview div#rightgutter
{
    float: right;
    width: 280px;
}
div#services-overview div#overview
{
    display: block;
}
div#services-overview div.service
{
    background: url(icon_circle-web-design.gif) no-repeat left top;
    float: left;
    margin: 0 20px 25px 0;
    padding-left: 75px;
    width: 235px;
}
div#services-overview div.service.end
{
    margin-right: 0;
}
div#services-overview div.service p
{
    margin-bottom: 7px;
}
div#services-overview div.service p.title
{
    color: #222;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    margin: 0 0 5px 0;
}
div#services-overview div.service.ecommerce
{
    background-image: url(icon_circle-ecommerce.gif);
}
div#services-overview div.service.cms
{
    background-image: url(icon_circle-cms.gif);
}
div#services-overview div.service.digital
{
    background-image: url(icon_circle-digital.gif);
}
div#services-overview div.service.seo
{
    background-image: url(icon_circle-seo.gif);
}
div#services-overview div.service.training
{
    background-image: url(icon_circle-training.gif);
}
div#services-overview div.ourprocess
{
    margin-top: 30px;
}
div#services-overview div.whatelse
{
    margin-bottom: 20px;
}
div#services-overview div.whatelse h2
{
    margin-top: 0;
}
div.callback
{
    background-color: #f0f0f0;
    border-bottom: dotted 1px #d9d9d9;
    padding: 15px;
}
div.callback a.submitform
{
    margin: 5px 0 0 70px;
}
div.callback h2
{
    font-size: 14pt;
    margin: 0 0 10px 0;
}
div.callback span.label
{
    display: inline-block;
    line-height: 26px;
    margin-bottom: 4px;
    width: 70px;
}
div.callback input.textbox
{
    border: solid 1px #dedede;
    height: 18px;
    padding: 3px;
    width: 162px;
}

/* New Contact Page */
div.methods
{
    font-size: 110%;
    margin-bottom: 30px;
}
div.methods a
{
    margin-bottom: 30px;
}
div.methods div.item
{
    background: url(methods_find.gif) no-repeat center top;
    float: left;
    padding: 170px 20px 0 20px;
    text-align: center;
    width: 200px;
}
div.methods div.item.support
{
    background-image: url(methods_support.gif);
}
div.methods div.item.talk
{
    background-image: url(methods_talk.gif);
}
div.methods div.item.followus
{
    background-image: url(methods_follow.gif);
}
div.methods div.item.followus a
{
    color: #666;
}
div.methods div.item p.title
{
    color: #222;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 2px;
}
div#contact-page div.body
{
    float: left;
    width: 480px;
}
div#contact-page div.map
{
    border: solid 1px #e5e5e5;
    float: right;
    margin-left: 30px;
    padding: 4px;
    width: 440px;
}
div.methods span.phone
{
    color: #333;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 20pt;
}

/* SEM page */
div.searchenginemarketing div.left
{
    float: left;
    margin-right: 40px;
    width: 600px;
}
div.searchenginemarketing div.right
{
    float: right;
    width: 320px;
}
div.searchenginemarketing h4
{
    color: #333;
    font-family: 'DroidSerifRegular', Arial, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 5px;
}