/* CORE */
.TestArea p {font-family:museo-sans-1, museo-sans-2; font-size:20px!important;}
body { margin:0px; color:#505860; background-color:#505860; position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;}
a, a:visited {color:#505860; text-decoration:none; padding:0 0 3px 0;outline:none;} 
a:active {outline:none;}
a:hover {color:#86B009; background:url(../Images/GreenDot.gif) repeat-x bottom left;padding:0 0 3px 0;}
img {border:0px;}

p { margin:0px; padding:0px; line-height:20px;}
ul li {line-height:25px;}
ol li {line-height:25px;}
.ContentBreaker {clear:both;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
a.NoDot,a.NoDot:visited {padding:0;}
a.NoDot:hover {background:none!important;}

/* HEADER */
#HeaderDIV {width:100%;height:163px; clear:both;}
#HeaderDIV .Container {width:850px; height:100%; margin:auto; position:relative; z-index:10; }
.Logo {width:115px;height:115px;position:absolute;left:58px;top:25px; background:url(../Images/Lilo.jpg);cursor:pointer;}
.Switch {position:absolute;right:20px;top:30px;}
#HeaderDIV h1 {font-size:11px; font-weight:normal; color:#999; float:left; padding:0 5px 0 0;}

/* HOMEPAGE */
#GlobalDIVHome {background-color:#FFF;}
#BG-TOP-Home {position:absolute; top:0px; left:0px; height:130px; width:100%;}
#HomeHeader { width:850px; height:330px; float:left; clear:both;}
.Spacer {margin:0 10px 0 0;}
a.greenlink, a.greenlink:visited, a.corpgreenlink, a.corpgreenlink:visited {color:#86B009; font-style:italic;}
a.greenlink, a.greenlink:visited{font-size:11px;}
a.corpgreenlink, a.corpgreenlink:visited {font-size:12px;}

.HomeBX {width:200px; min-height:174px; _height:174px; float:left; margin:0 0 0 10px;}
.HomeBX h2 {color:#505860;font-size:16px;margin:0;background:url(../Images/GreyDot.gif) repeat-x bottom;padding:0 0 10px 6px;}
.HomeBX h3 {color:#86B009;font-weight:bold; font-style:italic;margin:10px 0 0 0; font-size:13px;}
.HomeBX .ProjectItems {line-height:20px; font-size:13px; padding:8px 0;}
.HomeBX .SpecialItems {line-height:20px; font-size:13px; padding:5px 0;}
.HomeBX .SpecialItems a, .HomeBX .SpecialItems a:visited {color:#86B009; background:url(../Images/GreenDot.gif) repeat-x bottom left;padding:0 0 3px 0;}
.HomeBX a:hover {color:#505860;}
.HomeBX h2 a:hover {background:none;}
.HomeBX .SpecialItems p {padding:0 0 0 8px;}
.HomeBX .SpecialItems a.NoDot, HomeBX .SpecialItems a.NoDot:visited {padding:0; background:none!important;}

.GreenBox, .BlueBox {width:420px;min-height:130px; float:left;}
.GreenBox .top, .BlueBox .top {width:420px;height:15px;_overflow:hidden;}
.GreenBox .middle, .BlueBox .middle {padding:10px 28px; min-height:900px; _height:900px;}
.GreenBox strong, .BlueBox strong {color:#FFF;font-size:18px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
.GreenBox .middle p, .BlueBox .middle p {padding:20px 0 0 0; font-size:13px; color:#FFF;}
.GreenBox .middle a:hover, .BlueBox .middle a:hover {background:url(../Images/WhiteDot.gif) repeat-x bottom left;color:#FFF;}
.GreenBox .bottom, .BlueBox .bottom {width:420px;height:15px;_overflow:hidden;}

.GreenBox {background:#86AF07;}
.GreenBox .top {background:url(../Images/GreenBox-Top.jpg);}
.GreenBox .bottom {background:url(../Images/GreenBox-Bottom.jpg);width:420px;height:15px;_overflow:hidden;}

.BlueBox {background:#0099FF;}
.BlueBox .top {background:url(../Images/BlueBox-Top.jpg);}
.BlueBox .bottom {background:url(../Images/BlueBox-Bottom.jpg);}

a.WhiteLink, a.WhiteLink:visited {background:url(../Images/WhiteDot.gif) repeat-x bottom left;padding:0 0 3px 0; color:#FFF; font-weight:bold;}
a.WhiteLink:hover {color:#FFF; background:none!important;}

/* FOOTER */
#FooterDIV { width:100%; clear:both; position:relative;padding-top:30px;}
#HomeFooter {width:100%;position:relative; background:#505860; padding:16px 0 16px 0; color:#FFF; font-size:10px; font-family:Lucida Grande, Lucida Sans; }
#HomeFooter a, #HomeFooter a:visited {color:#FFF; text-decoration:none;  font-family:Lucida Grande, Lucida Sans;}
#HomeFooter a:hover {text-decoration:underline; font-family:Lucida Grande, Lucida Sans; background:none;}
#HomeFooter .Container {width:830px; margin:auto; background:url(../Images/DotlineFooter.jpg) repeat-y left top;}

.FollowContainer {background:url(../Images/DotlineSeparator.jpg) no-repeat bottom; width:280px; padding:0 10px 15px 0;}
.FollowContainer .Image {float:left; margin:0 0 0 10px;}
.FollowContainer .Txt {float:left; padding:2px 20px 0 5px;}
.TxtContainer {width:280px; padding:10px 10px 10px 0;}
.TxtContainer p {line-height:normal; margin:0 0 10px 0;}
.ServiceContainer {float:left;margin:0 0 0 6px;}
.ServiceContainer .Txt {float:left; width:94px; margin:0 12px 0 0;}
.ServiceContainer p {margin:0 0 10px 0; line-height:normal;}
.ServiceContainer .Address {float:left; position:relative;}

a#LondonMap, a#LondonMap:visited {position:absolute; top:18px; left:56px; background:url(../Images/label-london.png) no-repeat; width:66px; height:32px; display:block;}
a#CapeTownMap, a#CapeTownMap:visited {position:absolute; top:92px; left:74px; background:url(../Images/label-cape-town.png) no-repeat; width:80px; height:32px; display:block;}
a#PerthMap, a#PerthMap:visited {position:absolute; top:92px; left:147px; background:url(../Images/label-perth.png) no-repeat; width:55px; height:32px; display:block;}

/* FOOTER TREES */
.EcoRoi {background:#F5F1DD;}
.EcoRoi .Container {width:830px; height:69px; margin:auto; background:url(../Images/eco-roi-tag.jpg) left no-repeat;}
.EcoRoiTxt {padding:0 0 0 70px; float:left;}
.EcoRoiTrees {float:right; position:relative; width:540px; background:url(../Images/bg-eco-roi.jpg) top right no-repeat;}
.EcoRoiTrees a, .EcoRoiTrees a:visited {float:left; display:inline-block; width:21px; height:28px; background:url(../Images/eco-tree.jpg) top no-repeat; overflow:hidden; padding:0!important; margin:0 3px 0 3px;}
.EcoRoiTrees a:hover {background:url(../Images/eco-tree.jpg) bottom no-repeat;}

a.RoiLink, a.RoiLink:visited {color:#568E04;}

#loopedSlider .container {margin:40px auto 0 auto; width:487px; height:28px; overflow:hidden; position:relative;}
#loopedSlider .previous, #loopedSlider .next {position:absolute; top:43px; width:11px; height:18px; cursor:pointer; padding:0; margin:0;}
#loopedSlider .previous {background:url(../Images/eco-arrw-left.jpg) no-repeat; left:0px;}
#loopedSlider .next {background:url(../Images/eco-arrw-right.jpg) no-repeat; right:0px;}

.slides {position:absolute; top:0; left:0;}
.slides div.items {position:absolute; top:0; width:487px; display:none;}
#treebubble {position:absolute; top:-52px; left:-15px; background:url(../Images/speech-bubble.png) no-repeat; width:230px; height:52px; color:#505860; font-size:12px; padding:8px 0 0 12px;}
#treebubble span {color:#568E04; font-weight:bold;}

/* CONTENT PAGES */
#BodyDIV { width:100%; clear:both; overflow:hidden; position:relative; min-width:870px; }
#BodyDIV #BodyContainerDIV { margin:auto; width:850px; clear:both; position:relative;}

#MainHeading {padding:15px 0 17px 0;background:url(../Images/BreadcrumbBG.jpg) no-repeat;position:relative; z-index:0;}
#MainHeading .SubHeading {font-size:19px; float:left; font-weight:normal; padding:0 0 15px 86px; position:relative; z-index:10; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
#MainHeading .SubHeading .Item {font-size:13px; float:left; margin:4px 5px 0 0; color:#50595F; }
#MainHeading .SubHeading .Item a, #MainHeading .SubHeading .Item a:visited {font-weight:normal;}
#MainHeading .SubHeading .Item a:hover {color:#A7AAAF; background:url(../Images/GreyDot.gif) bottom repeat-x!important;}
#MainHeading .SubHeading .Select, #MainHeading .SubHeading .Select a, #MainHeading .SubHeading .Select a:visited {color:#86B009!important; font-size:13px; font-weight:normal; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
#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;}

/*TEMP*/
#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;}
#Column4 {float:left; width:280px;}
#Column3 img {padding:10px 0 0 0 ;}

h1, h2 {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:bold;margin:0;}  
.TextArea {/*width:610px;*/ 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 15px 10px; font-size:42px; letter-spacing:-1px; line-height:42px;}
#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;}
.RedUnderline {color:#FF6666; background:url(../Images/RedDot.gif) repeat-x bottom left;padding:0 0 3px 0;}
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:270px;float:left; padding:0 0 10px 10px; position:relative;font-size:12px;}
.WhiteBoxContainer .Middle {width:270px; height:180px; 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:10px;width:270px;height:175px;color:#FFF;font-size:12px;}
.BoxSlide h2 {font-size:16px; font-weight:bold;margin:10px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }
.BoxSlide p {line-height:17px;margin:10px;font-size:12px;}
.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(../Images/our-work/Tablet1.jpg) no-repeat;}
.Tablet-school-disco-store {background:url(../Images/our-work/Tablet-school-disco-store.jpg) no-repeat;}
.Tablet-rics {background:url(../Images/our-work/Tablet-rics.jpg) no-repeat;}
.Tablet-click-4-warranty {background:url(../Images/our-work/Tablet-click-4-warranty.jpg) no-repeat;}
.Tablet-protect-my-holiday {background:url(../Images/our-work/Tablet-protect-my-holiday.jpg) no-repeat;}
.Tablet-click-4-gap {background:url(../Images/our-work/Tablet-click-4-gap.jpg) no-repeat;}
.Tablet-vincent-brown {background:url(../Images/our-work/Tablet-vincent.jpg) no-repeat;}
.Tablet-lmaa {background:url(../Images/our-work/Tablet-lmaa.jpg) no-repeat;}
.Tablet-figaro {background:url(../Images/our-work/Tablet-figaro.jpg) no-repeat;}
.Tablet-obami {background:url(../Images/our-work/Tablet-obami.jpg) no-repeat;}
.Tablet-specs-store {background:url(../Images/our-work/Tablet-specs-store.jpg) no-repeat;}
.Tablet-planet-digimag {background:url(../Images/our-work/Tablet-planet-digimag.jpg) no-repeat;}
.Tablet-gerald-eve {background:url(../Images/our-work/Tablet-gerald-eve.jpg) no-repeat;}
.Tablet-lmaa {background:url(../Images/our-work/Tablet-lmaa.jpg) no-repeat;}
.Tablet-kinetic {background:url(../Images/our-work/Tablet-kinetic.jpg) no-repeat;}
.Tablet-mumplusone {background:url(../Images/our-work/Tablet-mumplusone.jpg) no-repeat;}
.Tablet-you-and-your-family {background:url(../Images/our-work/Tablet-you-and-your-family.jpg) no-repeat;}
.Tablet-managing-growth {background:url(../Images/our-work/Tablet-managing-growth.jpg) no-repeat;}
.Tablet-flame {background:url(../Images/our-work/Tablet-flame.jpg) no-repeat;}
.Tablet-exchanged {background:url(../Images/our-work/Tablet-exchanged.jpg) no-repeat;}
.Tablet-bacons-college {background:url(../Images/our-work/Tablet-bacons-college.jpg) no-repeat;}
.Tablet-equity-for-africa {background:url(../Images/our-work/Tablet-equity-for-africa.jpg) no-repeat;}
.Tablet-mont-rochelle {background:url(../Images/our-work/Tablet-mont-rochelle.jpg) no-repeat;}
.Tablet-ucs {background:url(../Images/our-work/Tablet-ucs.jpg) no-repeat;}
.Tablet-philosophy {background:url(../Images/our-work/Tablet-philosophy.jpg) no-repeat;}
.Tablet-howard-hodgkin {background:url(../Images/our-work/Tablet-howard-hodgkin.jpg) no-repeat;}
.Tablet-concern-gifts {background:url(../Images/our-work/Tablet-concern-gifts.jpg) no-repeat;}
.Tablet-parlon-films {background:url(../Images/our-work/Tablet-parlon-films.jpg) no-repeat;}
.Tablet-investec {background:url(../Images/our-work/Tablet-investec.jpg) no-repeat;}
.Tablet-ipp {background:url(../Images/our-work/Tablet-ipp.jpg) no-repeat;}
.Tablet-celeus {background:url(../Images/our-work/Tablet-celeus.jpg) no-repeat;}
.Tablet-obc {background:url(../Images/our-work/Tablet-obc.jpg) no-repeat;}
.Tablet-sequoia {background:url(../Images/our-work/Tablet-sequoia.jpg) no-repeat;}
.Tablet-natures-own {background:url(../Images/our-work/Tablet-natures-own.jpg) no-repeat;}
.Tablet-deka-mobile {background:url(../Images/our-work/Tablet-deka-mobile.jpg) no-repeat;}
.Tablet-illyria {background:url(../Images/our-work/Tablet-illyria-events.jpg) no-repeat;}
.Tablet-full-portion {background:url(../Images/our-work/Tablet-full-portion.jpg) no-repeat;}
.Tablet-simply-removals {background:url(../Images/our-work/Tablet-simply-removals.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-cycleloco {background:url(../Images/our-work/Tablet-cycleloco.jpg) no-repeat;}
.Tablet-exco {background:url(../Images/our-work/Tablet-exco.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-totalsports {background:url(../Images/our-work/Tablet-totalsports.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;}

.RightBoxSlide {width:210px;height:150px;color:#FFF;background:url(../Images/Tablet0.jpg) no-repeat;}
.RightBoxSlide h2 {font-size:14px;margin:0 0 6px 12px; padding:12px 0 0 0; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:0.5px;}
.RightBoxSlide p {font-size:12px;line-height:14px;margin:0 12px 8px 12px;letter-spacing:0.5px;}
.RightBoxSlide a, .RightBoxSlide a:visited {color:#FFF;padding:0 0 3px 0;}
.RightBoxSlide a:hover {background:url(../Images/WhiteDot.gif) repeat-x bottom left;padding:0 0 3px 0;color:#FFF;}

.RightNav {padding:0 0 20px 0;}
.RightNav .Item {background:url(../Images/GreyDot.gif) bottom repeat-x; padding:5px 0 10px 10px;}
.RightNav .Item h3 {margin:0;color:#86B009;}
.RightNav .Item h3 a, .RightNav .Item h3 a:visited {color:#86B009;font-weight:bold;font-style:italic; margin:0 0 15px 0; font-size:13px;}
.RightNav .Item p {margin:0 0 0 11px;font-size:12px;}
.RightNav .BgGrey {background:url(../Images/GreyDot.gif) bottom repeat-x #F7F7F7;}

/* PROFILES */
ul.EcoTrees { list-style-type:none; margin:15px 0 0 55px; padding:0;}
ul.EcoTrees li { line-height:20px;}
ul.EcoTrees li a, ul.EcoTrees li a:visited {color:#86B009; background:url(../Images/GreenDot.gif) repeat-x bottom left;padding:0 0 3px 0;}
ul.EcoTrees li a:hover {color:#505860;}

#Column4  h2 { font-size:28px; line-height:27px; margin:0 0 0 55px;}

/* PROFILES */
.ProfileBox {/*width:610px;*/background:url(../Images/GreyDot.gif) bottom repeat-x; padding:0 0 10px 0; margin:0 0 20px 0;}
.ProfileBox h2 {font-size:16px; font-weight:bold; color:#505860;margin:0;}
.ProfileBox h3 {margin:0 0 15px 0;color:#86B009;font-weight:bold; font-style:italic;}
.ProfileBox p {margin:10px 0 0 0;}

/* ARTICLES */
.ArticleBX {width:270px;float:left;padding:10px 0 15px 10px;}
.ArticleBX h2 {color:#505860;font-size:16px;margin:0;padding:0 0 10px 0;}
.ArticleBX h2 a, .ArticleBX h2 a:visited {color:#505860;font-size:16px;margin:0;padding:0 0 5px 0; font-style:normal;}
.ArticleBX h2 a:hover {background:url(../Images/GreyDot.gif) bottom repeat-x; color:#505860;}
.ArticleBX h3 {color:#86B009;font-weight:bold; font-style:italic;margin:10px 0 0 0;margin:0;font-size:13px;}
.ArticleBX p {line-height:19px; font-size:13px; margin:0 5px 0 0;}
.ArticleBX a, .ArticleBX a:visited {color:#86B009; font-style:italic; font-size:11px;}
a.Bookmark, a.Bookmark:visited, a.Bookmark:hover {position:absolute; top:18px; right:20px;}
.BoxArea {margin:0 0 0 10px;}

.LandingBoxArea { float:left; width:270px; padding:10px 0 0 10px;}
.LandingBoxArea .ArticleBX {width:220px; padding:10px 0 0 25px; min-height:137px; _height:137px;}

/* TESTIMONIAL */
.TestimonialBox {margin:0 0 10px 0;}
.TestimonialBox .top, .TestimonialBox .bottom {width:620px;height:10px;_overflow:hidden;}
.TestimonialBox .top {background:url(../Images/TestimonialBox-Top.jpg) no-repeat;}
.TestimonialBox .bottom {background:url(../Images/TestimonialBox-Bottom.jpg) no-repeat;}
.TestimonialBox .middle {background-color:#EDF3DA; /*width:600px;*/ padding:10px; _overflow:hidden;}
.TestimonialBox p {margin:15px 0 0 0; font-size:17px;font-style:italic; line-height:24px;}
.TestimonialBox a, .TestimonialBox a:visited {font-style:italic;color:#86B009;background:url(../Images/GreenDot.gif) repeat-x bottom left;padding:0 0 3px 0;}
.TestimonialBox a:hover {background:none;padding:0 0 3px 0;}
.TestimonialBox h2 {font-size:16px; font-weight:bold;color:#86B009;margin:0;}
.TestimonialBox h3 {color:#86B009;font-weight:bold; font-style:italic; margin:0 0 15px 0; font-size:13px;}
a.ClientLogo, a.ClientLogo:visited {background:none; display:inline-block; margin:0 0 10px 0; padding:1px 6px 1px 6px; cursor:default;}
.LogoArea {margin:auto; width:810px;}

/* NEWS */
.NewsBox {margin:0 0 10px 0;}
.NewsBox h2 a, NewsBox h2 a:visited {background:none!important; color:#505860!important;}
.NewsBox h2 a:hover {color:#A7AAAF!important;}
.TopStory .top {background:url(../Images/NewsBox-Top.jpg) no-repeat!important;}
.TopStory .bottom {background:url(../Images/NewsBox-Bottom.jpg) no-repeat!important;}
.TopStory .middle {background-color:#EDF3DA!important;}
.NewsBox .top, .NewsBox .bottom {width:620px;height:10px;_overflow:hidden;}
.NewsBox .top {background:url(../Images/NewsBox-TopB.jpg) no-repeat;}
.NewsBox .bottom {background:url(../Images/NewsBox-BottomB.jpg) no-repeat;}
.NewsBox .middle {background-color:#EFEFEF;/*width:600px;*/ padding:10px;}
.NewsBox p {margin:0 0 10px 0;}
.NewsBox a, .NewsBox a:visited {color:#86B009;background:url(../Images/GreenDot.gif) repeat-x bottom left;padding:0 0 3px 0;}
.NewsBox a:hover {background:none;padding:0 0 3px 0;}
.NewsBox h2 {font-size:20px; font-weight:bold; color:#505860; margin:0;}
.NewsBox h3 {color:#86B009;font-weight:bold; font-style:italic; margin:0 0 15px 0; font-size:13px;}

/* CONTACT */
.Contact {width:270px; float:left; padding:0 0 10px 10px; position:relative;font-size:12px;}
.Contact .Middle {width:270px;}
.Contact .Middle h2 {color:#86B009;font-size:16px;margin:0;background:url(../Images/GreyDot.gif) repeat-x bottom;padding:10px 0 10px 6px; margin:0 0 10px 0;}
.Contact .Middle p {line-height:17px;margin:10px 0 0 10px;font-size:12px;}
.Contact .Middle p a, .Contact .Middle p a:visited  {color:#86B009;}

/* CONTACT FORM */
.Red {color:#CC0000; font-weight:bold;}

/* MAP */
.Map {font-size:12px;}
.Map h2 {color:#86B009;font-size:16px;}
.Map p {color:#505860; line-height:17px; margin:10px 0 10px 0;}

.Btn {float:right; padding:0 20px 0 0;}
.Btn a.All, .Btn a.All:visited {background:url(../Images/Btn_All.jpg) bottom; width:25px; height:21px; display:block; padding:0; margin:0 5px 0 0; float:left;}
.Btn a.All:hover {background:url(../Images/Btn_All.jpg) top; width:25px; height:21px; display:block; padding:0;}
.Btn a.Previous, .Btn a.Previous:visited {background:url(../Images/Btn_Previous.jpg) bottom; width:25px; height:21px; display:block; padding:0; margin:0 5px 0 0; float:left;}
.Btn a.Previous:hover {background:url(../Images/Btn_Previous.jpg) top;width:25px; height:21px; display:block; padding:0;}
.Btn a.Next, .Btn a.Next:visited {background:url(../Images/Btn_Next.jpg) bottom; width:25px; height:21px; display:block; padding:0; margin:0 5px 0 0; float:left;}
.Btn a.Next:hover {background:url(../Images/Btn_Next.jpg) top; width:25px; height:21px; display:block; padding:0;}

#CTNTDIV {width:100%;position:relative;}
.Project {padding:8px 10px 0 0; width:100%;}
.Project h3 {font-size:16px;margin:10px 0 0 0;font-weight:bold;color:#86B009;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }
.Project p {line-height:20px; font-size:13px; color:#353D2A; margin:0 0 15px 0;}

span.SiteLinks a, span.SiteLinks a:visited {background:url(../Images/visit-site.jpg) right 3px no-repeat; padding:0 12px 0 0;}
span.SiteLinks a:hover {color:#505860;}
span.SiteLinks a.PdfLink, span.SiteLinks a.PdfLink:visited {background:url(../Images/pdf.jpg) right 1px no-repeat; padding:0 16px 0 0;}


.SeparatorLine, .DotLine, .ProjectLine {height:4px; overflow:hidden; background-image:url(../Images/GreyDot.gif); background-repeat:repeat-x; clear:both; }
.SeparatorLine {width:100%; margin:0 0 15px 0;}
.DotLine {width:100%;}
.ProjectLine {width:620px;}

.ProjectText {padding: 0 10px 0 20px; width:600px; float:left;}
.ProjectText a, .ProjectText a:visited {color:#85B008; font-size:12px;}
 
.ProjectStats {float:left;width:210px;}
.ProjectStats .Box {background:#DDE3E2; padding:10px 10px 0 10px; margin:0 0 10px 0;}
.ProjectStats h3 {color:#505860;margin:0 0 5px 0;}
.ProjectStats p {color:#353D2A;font-size:12px;margin:0;}

.ProjectStats .Top {background:url(../Images/ProjectStats-Top.jpg) no-repeat; width:210px; height:15px; _overflow:hidden;}
.ProjectStats .Middle {background:#EBEBEC; width:185px;padding:0 10px 0 15px; }
.ProjectStats .Bottom {background:url(../Images/ProjectStats-Bottom.jpg) no-repeat; width:210px; height:15px; margin:0 0 10px 0; _overflow:hidden;}

.ProjectImage {float:left; width:830px; position:relative; padding:0 0 10px 10px;}
.ProjectImage ul {float:right; margin:10px 10px 0 0; padding:0;}
.profilenav {height:25px; }
/*.ProjectRollover {float:left;width:210px;overflow:hidden;margin:0 0 0 20px;}
.ProjectSmallImage {background-color:#DDE3E2; padding:10px; margin:0 0 10px 0; background:url(../Images/SmallImageBG.jpg); }
.ProjectSmallImageOver {background-color:#BAC8C5;cursor:pointer; padding:10px; background:url(../Images/SmallImageBG-Over.jpg); margin:0 0 10px 0;}*/

.ProjectLinks {height:120px;position:relative;}
.ProjectLinks p {font-size:12px;}

/* NAVIGATION*/
#HeaderDIV .Container #TopNavigation { width:620px; height:99px; position:absolute; right:0px; bottom:0px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
#Rolloff { width:660px; height:99px; position:absolute; left:-20px; bottom:0px; z-index:0;}

#navigation { position:absolute; right:10px; top:0px; z-index:1; margin-top:34px;}
#navigation .items {color:#505860;}
#navigation .items .item {float:left; position:relative;}
#navigation .items .item .tab {float:left;height:35px;}
#navigation .items .item .tab-over {float:left; color:#86B009; background:url(../Images/Nav-B.jpg) no-repeat;height:35px;cursor:pointer;}

#navigation .items .item .tab-over a, #navigation .items .item .tab-over a:visited {background:url(../Images/GreenDot.gif) repeat-x bottom left;width:160px;padding:0 0 3px 0;color:#86B009;}
#navigation .items .item .TopLinkContainer {font-weight:bold;font-size:11px;position:relative;height:35px; _width:85px; text-align:center; padding:10px 10px 0 10px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
#navigation .items .item .tab-over span {background:url(../Images/GreenDot.gif) repeat-x bottom left;width:160px;padding:0 0 3px 0;color:#86B009;}

#navigation .items .item .dropdown {line-height:21px; position:absolute; left:0px; top:33px; width:160px; }
#navigation .items .item .dropdown .LinkContainer {padding:0 0 0 5px; cursor:pointer; width:130px; font-size:12px; position:relative;color:#86B009;}
#navigation .items .item .dropdown .link-over .LinkContainer {color:#86B009;}
#navigation .items .item .dropdown .LinkContainerSub {padding-left:5px; cursor:pointer; width:130px; font-size:12px; position:relative;}
.LinkContainerSub a, .LinkContainerSub a:visited {display:block; background:none!important;}

#navigation .items .right .dropdown {left:-43px!important;text-align:right!important;}
#navigation .items .right .dropdown .link {margin-left:10px;margin-right:15px;_margin-left:5px!important;}
#navigation .items .right .dropdown .link-over {margin-left:10px;margin-right:15px;_margin-left:5px!important;}
#navigation .items .right .dropdown .LinkContainer {padding:0px!important;}
#navigation .items .right .dropdown .LinkContainerSub {padding-left:0px!important;}

.right .NavBG-Top {background:url(../Images/NavDrop-BG-Top-Right.png) no-repeat;width:158px;height:12px;}
.NavBG-Top {background:url(../Images/NavDrop-BG-Top.png) no-repeat;width:158px;height:12px;}
.NavBG-Middle {background:url(../Images/NavDrop-BG-Middle.png) repeat-y;width:158px;padding:5px 0 0 0;}
.NavBG-Bottom {background:url(../Images/NavDrop-BG-Bottom.png) no-repeat;width:158px;height:10px;}

#navigation .items .item .dropdown .links {width:160px;}
#navigation .items .item .dropdown .link {width:130px;padding:0 0 3px 0;margin-left:10px;}
#navigation .items .item .dropdown .link-over {background:url(../Images/GreenDot.gif) repeat-x bottom left;width:135px;padding:0 0 3px 0;margin-left:10px;color:#86B009;}
/* CORE */

/* BODY - our-work */
.ProjectShadow { position:absolute; z-index:1; bottom:0px; right:10px; }
.ProjectBigGreyBox { position:absolute; z-index:0; left:0px; top:0px; width:400px; height:350px; background-color:#DDE3E2; }
.ProjectSmallGreyBox { background-color:#DDE3E2; padding:10px; height:90px; }
.ProjectSmallGreyBoxOver { background-color:#BAC8C5; padding:10px; cursor:pointer; height:90px; }

.WhiteBorder { border:solid 1px #FFFFFF; margin:10px; }
.NoMargin { margin:0px!important; }
.NoTopPadding { padding-top:0px!important; }
.SolidLine { height:4px; border-top:solid 1px #BAC8C5; overflow:hidden; clear:both; width:100%; }

.ProjectHeading { padding-bottom:0px; position:relative; }
.ProjectHeading h2 { font-size:14px; font-style:italic; margin:0px; padding: 0 0 10px 0; }
.ProjectContainer { padding-top:10px; }
.ProjectContainer h3 { font-size:14px; margin:0px; font-weight:normal; }
.ProjectContainer .ProjectText { float:left; width:390px; padding: 0 10px 0 0; }
.ProjectContainer .ProjectText p { padding: 8px 8px 8px 0; line-height:18px; font-size:13px; }
.ProjectContainer .ProjectDeliverables { float:left; width:170px; padding: 0 10px 0 10px; margin-left:10px; }

/* BODY - News */
.NewsHeight { min-height:492px!important; }
.WhiteBoxContainer .WhiteBox .Content .NewsFont p { font-size:12px; line-height:18px; padding: 8px 8px 8px 0; }
.StarLatest { width:57px; height:56px; position:absolute; left:110px; top:-7px;}

/* Contact Us */
.FormColumnA {width:270px; float:left; padding:0 0 30px 0;}
.FormColumnB {width:260px; float:left; padding:0 10px 0 0;}

.FormItem {padding:10px 0 0 0;}
.FormLabel {text-align:left;padding:0; clear:both;}
label {font-size:13px;}
input, textarea {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;}
.textbox, .dropbox, .commentbox {float:left;padding:4px;}
.commentbox {width:245px; height:70px; margin:0 0 8px; line-height:20px;}
.textbox {width:235px; margin:0 5px 0 0;}
.dropbox {width:247px; margin:0 5px 0 0;}

.captcha div {clear:both; text-align:left!important; padding:3px 0 0 0;}
.captcha input {width:50px; padding:4px;}

/* Landing Pages */
.HdrBX {width:270px;float:left;padding:0 0 5px 10px; position:relative; _overflow:hidden;}
.HdrBX a, .HdrBX a:visited {background:none; padding:0; margin:0;}
.HdrBX a:hover {background:none; padding:0;}

/* Adwords Page */
.AdBX {width:270px;float:left;padding:0 0 5px 10px; position:relative; _overflow:hidden;}
.AdBX a, .AdBX a:visited {background:none; padding:0;}
.AdBX a:hover {background:none; padding:0;}
h2.AdTextGreen, h2.AdTextBlue, h2.AdTextRed {font-size:18px; padding:15px 10px 10px 5px; letter-spacing:-1px; line-height:20px; font-family:museo-sans-1, museo-sans-2,'Helvetica Neue',Helvetica,Arial,sans-serif!important;}
h2.AdTextGreen {color:#86B009;}
h2.AdTextBlue {color:#0099FF;}
h2.AdTextRed {color:#FF6666;}

h3.AdTextGreen, h3.AdTextBlue, h3.AdTextRed {font-size:16px; padding:10px 10px 0 10px; margin:0; line-height:20px; letter-spacing:-0.5px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }
h3.AdTextGreen {color:#86B009;}
h3.AdTextBlue {color:#0099FF;}
h3.AdTextRed {color:#FF6666;}

.AdTextGrey {color:#505860;}

a.AdRollGreen, a.AdRollGreen:visited, a.AdRollBlue, a.AdRollBlue:visited, a.AdRollRed, a.AdRollRed:visited {background-position:top left; width:270px; height:40px; display:block; padding:0;}
a.AdRollGreen, a.AdRollGreen:visited, a.AdRollGreen:hover {background-image:url(../Images/Adword-title-green.jpg);padding:0;}
a.AdRollBlue, a.AdRollBlue:visited, a.AdRollBlue:hover {background-image:url(../Images/Adword-title-blue.jpg);padding:0;}
a.AdRollRed, a.AdRollRed:visited, a.AdRollRed:hover {background-image:url(../Images/Adword-title-red.jpg);padding:0;}

a.AdRollGreen:hover {background-position:bottom left;}
a.AdRollBlue:hover {background-position:bottom left;}
a.AdRollRed:hover {background-position:bottom left;}

.ADBoxSlide {position:absolute;top:0;left:10px;width:270px;height:300px;color:#FFF;font-size:12px;}

.HdrImg {padding:10px 10px 30px 10px;}
.CallImg {padding:10px 0 0 35px; float:left;}

/*CTA's */
.WebDevelopmentGreen, .WebDesignBlue, .InternetMarketingRed{height:80px; padding:95px 0 0 25px; color:#FFF;}
.WebDevelopmentGreen a, .WebDevelopmentGreen a:visited, .WebDesignBlue a, .WebDesignBlue a:visited, .InternetMarketingRed a, .InternetMarketingRed a:visited{ font-size:12px; line-height:18px; color:#FFF; text-decoration:none;}
.WebDevelopmentGreen a:hover, .WebDesignBlue a:hover, .InternetMarketingRed a:hover { font-size:12px; line-height:18px; color:#FFF; text-decoration:underline; padding-bottom:3px; background:url(../Images/WhiteDot.gif) repeat-x bottom left;}
.WebDevelopmentGreen{ background:url(../Images/web_development_green.jpg) left top no-repeat;}
.WebDesignBlue{ background:url(../Images/website_design_blue.jpg) left top no-repeat;}
.InternetMarketingRed{ background:url(../Images/internet_marketing_red.jpg) left top no-repeat;}

.FullServicesGreen{ background:url(../Images/full_services_green.jpg) left top no-repeat; height:175px;}

/* Dots */
a.greendot, a.greendot:visited, a.greendot:hover, a.bluedot, a.bluedot:visited, a.bluedot:hover, a.reddot, a.reddot:visited, a.reddot:hover {width:14px; height:14px; display:block; float:left; padding:0!important;}

a.greendot, a.greendot:visited {background:url(../Images/greendot.jpg) left bottom no-repeat;}
a.greendot:hover {background:url(../Images/greendot.jpg) left top no-repeat;}
a.bluedot, a.bluedot:visited {background:url(../Images/bluedot.jpg) left bottom no-repeat;}
a.bluedot:hover {background:url(../Images/bluedot.jpg) left top no-repeat;}
a.reddot, a.reddot:visited {background:url(../Images/reddot.jpg) left bottom no-repeat;}
a.reddot:hover {background:url(../Images/reddot.jpg) left top no-repeat; }

/* Trainsmart */
a.trainsmart, a.trainsmart:visited {display:inline-block; border:solid 5px #CCC;}
a.trainsmart:hover {display:inline-block; border:solid 5px #666; background:none;}