﻿

p, h1, h2{ margin:0; padding:0;}
#portfolio-container{ width:1000px; margin:0 auto; padding:20px 0 20px 8px; clear:both; }


#BodyDIV { width:100%; clear:both; overflow:hidden; position:relative; min-width:995px; padding-left:2px; z-index:0; padding-left:5px; float:left;}
#BodyDIV #BodyContainerDIV { margin:auto; width:998px; clear:both; position:relative; z-index:0;}

#MainHeading {padding:15px 0 17px 0;background:url(../Images/BreadcrumbBG.jpg) no-repeat;position:relative; }
#MainHeading .SubHeading {font-size:19px; float:left; font-weight:normal; padding:0 0 15px 86px; position:relative;}
#MainHeading .SubHeading .Item {font-size:13px; float:left; margin:4px 4px 0 0; color:#50595F;}
#MainHeading .SubHeading .Item h1 {float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; margin:0 3px 0 0;}
#MainHeading .SubHeading .Item a, #MainHeading .SubHeading .Item a:visited {font-weight:normal; font-size:13px;}
#MainHeading .SubHeading .Item a:hover {color:#A7AAAF; background:url(../Images/GreyDot.gif) bottom repeat-x!important;}
#MainHeading .SubHeading .Select, #MainHeading .SubHeading .Select a {color:#86B009!important; font-size:13px; font-weight:normal;}
#MainHeading .SubHeading .Select a:hover {background:url(../Images/GreenDot.gif) repeat-x bottom left!important; color:#86B009; }
#MainHeading .SubHeading .Landing {font-size:13px; float:left; margin:4px 30px 0 0; color:#50595F; font-weight:bold; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
#MainHeading .SubHeading .InfoLine {color:#86B009; font-size:12px; line-height:14px; position:absolute; top:21px; right:20px;}
#MainHeading .Underline, #MainHeading .UnderlineFull {width:100%; height:3px; overflow:hidden; padding:0 0 17px 0;}
#MainHeading .Underline {background:url(../Images/MainHeading-BG.jpg) no-repeat;}
#MainHeading .UnderlineFull {background:url(../Images/GreyDot.gif) repeat-x;}

a.ButtonAll, a.ButtonAll:visited, a.ButtonAll:hover {position:absolute; top:12px; right:20px; background:url(../Images/Button-View-All.jpg) no-repeat right; height:21px; padding:6px 33px 0 0; font-size:12px; color:#9FA3A7; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
a.ButtonAll:hover {color:#86B009;}

#ContentContainer {float:left; margin:0 0 0 0;}
#Column1 {float:left; width:620px;}
#Column1 .Seperator{ background:url(../Images/GreyDot.gif) repeat-x; height:1px; padding:0 0 15px 0;}
#Column2 {float:left; width:210px; padding:0 0 0 20px;}


#ColumnA1 {float:left; width:560px;}

#Twitter {float:left; width:280px; margin:0 0 0 10px;}
#Column3 {float:left; width:270px; margin:0 0 0 10px;}
#Column3 img {padding:10px 0 0 0 ;}

h1, h2 {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:bold;margin:0;}  

.TextArea {padding:0 0 0 10px;}
.TextArea h2 {color:#86B009;font-size:16px; margin:0 0 15px 0;}
.TextArea h3 {font-size:13px;font-weight:bold;margin:0;}
.TextArea p {margin:0 0 20px 0; font-size:13px; line-height:19px;}

#ColumnA1 .TextArea p {margin:0 0 20px 10px; font-size:13px; line-height:19px;}
#ColumnA1 .TextArea p a, #ColumnA1 .TextArea p a:visited, .GreenUnderline, a.GreenUnderline, a:visited.GreenUnderline{color:#86B009; background:url(../Images/GreenDot.gif) repeat-x bottom left;padding:0 0 3px 0;}
#ColumnA1 .TextArea p a:hover, a:hover.GreenUnderline{color:#86B009; text-decoration:none; background:none; padding:0 0 3px 0;}
#ColumnA1 .TextArea .SubHeadingGreen {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:bold; letter-spacing:0.5px; color:#86B009; font-size:16px;}  
#ColumnA1 .TextArea p.SubHeadingGrey {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:bold; letter-spacing:0.5px; color:#505860; font-size:16px;}  
#ColumnA1 .TextArea h2 {margin:0 0 0 10px;}
#ColumnA1 .TextArea h3 {font-size:13px;font-weight:bold; margin:0 0 0 10px;}

#ColumnA1 .TestimonialArea p {margin:0 15px 20px 10px; font-size:15px; line-height:21px; font-style:italic;}
a.GreenUnderline, a.GreenUnderline:visited {color:#86B009; background:none;}
a.GreenUnderline:hover {background:url(../Images/GreenDot.gif) repeat-x bottom left;}
a.BlueUnderline, a.BlueUnderline:visited {color:#0099FF; background:none;}
a.BlueUnderline:hover {background:url(../Images/BlueDot.gif) repeat-x bottom left;}
a.RedUnderline, a.RedUnderline:visited {color:#FF6666; background:none;}
a.RedUnderline:hover {background:url(../Images/RedDot.gif) repeat-x bottom left;}
 
.SingleBX {/*width:190px;*/float:left;padding:10px 0 15px 10px; background:url(../Images/GreyDot.gif) bottom repeat-x;}
.SingleBX h2 {color:#505860;font-size:16px;margin:0;padding:0 0 10px 0;}
.SingleBX h3 {color:#86B009;font-weight:bold; font-style:italic;margin:10px 0 0 0;margin:0;font-size:13px;}
.SingleBX p {line-height:19px; font-size:13px;}
.SingleBX a, .SingleBX a:visited {color:#86B009; font-style:italic; font-size:11px;}
.Ovr {background:url(../Images/GreyDot.gif) bottom repeat-x #F7F7F7;}

.WhiteBoxContainer {width:330px;float:left; padding:0 0 10px 0px;  position:relative;font-size:12px; }
.WhiteBoxContainer .Middle {width:330px; height:235px; overflow:hidden; }
.WhiteBoxContainer .Middle h2 {color:#505860; font-size:14px;font-weight:bold;margin:10px 10px 3px 10px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }
.WhiteBoxContainer .Middle p {line-height:17px;margin:0 10px;font-size:12px;font-style:italic; height:16px; overflow:hidden;}

.BoxSlide {position:absolute;top:0;left:0px;width:327px;height:229px; color:#FFF;font-size:12px;}
.BoxSlide h2 {font-size:16px; font-weight:bold;margin:10px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; color:#fff; }
.BoxSlide p {line-height:15px; margin:4px 10px 4px 10px; font-size:11px;padding-right:15px; font-family:Arial, Helvetica, sans-serif;}
.BoxSlide a, .BoxSlide a:visited {color:#FFF; font-style:italic;padding:0 0 3px 0; margin:0 0 0 10px; font-size:14px;}
.BoxSlide a:hover {background:url(../Images/WhiteDot.gif) repeat-x bottom left;padding:0 0 3px 0;color:#FFF;}

.Tablet1 {background:url(Tablet1.jpg) no-repeat;}
.Tablet-school-disco-store {background:url(Tablet-school-disco-store.jpg) no-repeat;}
.Tablet-rics {background:url(Tablet-rics.jpg) no-repeat;}
.Tablet-click-4-warranty {background:url(Tablet-click-4-warranty.jpg) no-repeat;}
.Tablet-protect-my-holiday {background:url(Tablet-protect-my-holiday.jpg) no-repeat;}
.Tablet-click-4-gap {background:url(Tablet-click-4-gap.jpg) no-repeat;}
.Tablet-vincent-brown {background:url(Tablet-vincent-brown.jpg) no-repeat;}
.Tablet-lmaa {background:url(Tablet-lmaa.jpg) no-repeat;}
.Tablet-figaro {background:url(Tablet-figaro.jpg) no-repeat;}
.Tablet-obami {background:url(Tablet-obami.jpg) no-repeat;}
.Tablet-specs-store {background:url(Tablet-specs-store.jpg) no-repeat;}
.Tablet-planet-digimag {background:url(/Tablet-planet-digimag.jpg) no-repeat;}
.Tablet-gerald-eve {background:url(Tablet-gerald-eve.jpg) no-repeat;}
.Tablet-lmaa {background:url(Tablet-lmaa.jpg) no-repeat;}
.Tablet-kinetic {background:url(Tablet-kinetic.jpg) no-repeat;}
.Tablet-mumplusone {background:url(Tablet-mumplusone.jpg) no-repeat;}
.Tablet-you-and-your-family {background:url(Tablet-you-and-your-family.jpg) no-repeat;}
.Tablet-managing-growth {background:url(Tablet-managing-growth.jpg) no-repeat;}
.Tablet-flame {background:url(Tablet-flame.jpg) no-repeat;}
.Tablet-exchanged {background:url(Tablet-exchanged.jpg) no-repeat;}
.Tablet-bacons-college {background:url(Tablet-bacons-college.jpg) no-repeat;}
.Tablet-equity-for-africa {background:url(Tablet-equity-for-africa.jpg) no-repeat;}
.Tablet-mont-rochelle {background:url(Tablet-mont-rochelle.jpg) no-repeat;}
.Tablet-icanvas {background:url(Tablet-icanvas.jpg) no-repeat;}
.Tablet-ucs {background:url(Tablet-ucs.jpg) no-repeat;}
.Tablet-philosophy {background:url(Tablet-philosophy.jpg) no-repeat;}
.Tablet-howard-hodgkin {background:url(Tablet-howard-hodgkin.jpg) no-repeat;}
.Tablet-concern-gifts {background:url(Tablet-concern-gifts.jpg) no-repeat;}
.Tablet-parlon-films {background:url(Tablet-parlon-films.jpg) no-repeat;}
.Tablet-investec {background:url(Tablet-investec.jpg) no-repeat;}
.Tablet-ipp {background:url(Tablet-ipp.jpg) no-repeat;}
.Tablet-celeus {background:url(Tablet-celeus.jpg) no-repeat;}
.Tablet-obc {background:url(Tablet-obc.jpg) no-repeat;}
.Tablet-sequoia {background:url(Tablet-sequoia.jpg) no-repeat;}
.Tablet-natures-own {background:url(Tablet-natures-own.jpg) no-repeat;}
.Tablet-deka-mobile {background:url(Tablet-deka-mobile.jpg) no-repeat;}

.Tablet-cardpoint {background:url(../Images/our-work/Tablet-cardpoint.jpg) no-repeat;}
.Tablet-nationwide {background:url(../Images/our-work/Tablet-nationwide.jpg) no-repeat;}
.Tablet-sainsbury {background:url(../Images/our-work/Tablet-sainsbury.jpg) no-repeat;}
.Tablet-your-calls {background:url(../Images/our-work/Tablet-your-calls.jpg) no-repeat;}
.Tablet-blossom-health {background:url(../Images/our-work/Tablet-blossom-health.jpg) no-repeat;}
.Tablet-wavecrest {background:url(../Images/our-work/Tablet-wavecrest.jpg) no-repeat;}
.Tablet-ikiosk {background:url(../Images/our-work/Tablet-ikiosk.jpg) no-repeat;}
.Tablet-clinton {background:url(../Images/our-work/Tablet-clinton.jpg) no-repeat;}
.Tablet-comatrix {background:url(../Images/our-work/Tablet-comatrix.jpg) no-repeat;}
.Tablet-m-and-s {background:url(../Images/our-work/Tablet-m-and-s.jpg) no-repeat;}
.Tablet-wellcome-trust-spin {background:url(../Images/our-work/Tablet-wellcome-trust-spin.jpg) no-repeat;}

.Tablet-marcus-cooper {background:url(../Images/our-work/Tablet-marcus-cooper.jpg) no-repeat;}
.Tablet-wellcome-trust {background:url(../Images/our-work/Tablet-wellcome-trust.jpg) no-repeat;}
.Tablet-mainet {background:url(../Images/our-work/Tablet-mainet.jpg) no-repeat;}
.Tablet-baker-tilly {background:url(../Images/our-work/Tablet-baker-tilly.jpg) no-repeat;}
.Tablet-museum-of-london {background:url(../Images/our-work/Tablet-museum-of-london.jpg) no-repeat;}
.Tablet-philips {background:url(../Images/our-work/Tablet-philips.jpg) no-repeat;}
.Tablet-ipma-match {background:url(../Images/our-work/Tablet-ipma-match.jpg) no-repeat;}
.Tablet-qbe {background:url(../Images/our-work/Tablet-qbe.jpg) no-repeat;}
.Tablet-cpg {background:url(../Images/our-work/Tablet-cpg.jpg) no-repeat;}
.Tablet-xtrakter {background:url(../Images/our-work/Tablet-xtrakter.jpg) no-repeat;}
.Tablet-british-council {background:url(../Images/our-work/Tablet-british-council.jpg) no-repeat;}

.Tablet-howard-kennedy {background:url(../Images/our-work/Tablet-howard-kennedy.jpg) no-repeat;}
.Tablet-lilo-christmas-card {background:url(../Images/our-work/Tablet-lilo-christmas-card.jpg) no-repeat;}
.Tablet-gorilla-totalsports {background:url(../Images/our-work/Tablet-gorilla-totalsports.jpg) no-repeat;}
.Tablet-gorilla-duesouth {background:url(../Images/our-work/Tablet-gorilla-duesouth.jpg) no-repeat;}
.Tablet-icma {background:url(../Images/our-work/Tablet-icma.jpg) no-repeat;}
.Tablet-icma-regulatory {background:url(../Images/our-work/Tablet-icma-regulatory.jpg) no-repeat;}
.Tablet-icma-agm {background:url(../Images/our-work/Tablet-icma-agm.jpg) no-repeat;}
.Tablet-school-disco-email2 {background:url(../Images/our-work/Tablet-school-disco-email2.jpg) no-repeat;}
.Tablet-lilo-christmas-card-09 {background:url(../Images/our-work/Tablet-lilo-christmas-card-09.jpg) no-repeat;}

.RightBoxContainer {width:210px;float:left; padding:0 0 10px 0; position:relative;}
.RightBoxContainer .Top {width:210px; height:10px; background:url(../Images/RightWhiteBox-Top.jpg) #FFF no-repeat; _overflow:hidden;}
.RightBoxContainer .Middle {width:208px; height:130px; overflow:hidden; border-left:solid 1px #D0D2D3; border-right:solid 1px #D0D2D3;}
.RightBoxContainer .Middle h2 {color:#86B009; font-size:12px; font-weight:bold;margin:8px 0 10px 12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:0.5px;}
.RightBoxContainer .Middle p {line-height:17px;margin:0 17px 0 17px;}
.RightBoxContainer .Middle img {padding:0 9px 0 9px;}
.RightBoxContainer .Bottom {width:210px; height:10px; background:url(../Images/RightWhiteBox-Bottom.jpg) #FFF no-repeat;_overflow:hidden;}



