/* BODY STYLES */
html, body {width:100%; height:100%;}
body {margin:0; padding:0; color:#887F6F; font:62.5%/1.3 Arial,Helvetica,sans-serif; background:#887F6F;}
img, form {border:0; margin:0; vertical-align:top;}
p {padding:0; margin:0 0 15px 0; font-size:1.3em;}
h1 {font-size:2.3em; font-weight:normal; line-height:1em; padding:0; margin:0 0 20px 0; color:#FFF;}
h2 {font-size:1.9em; padding:0; margin:0 0 10px 0; line-height:1.3em;}
h3, h4, h5, h6 {margin:0; padding:0; font-size:1.1em; margin:0 0 5px;}

h1.normal{color:#887F6F;}

/* FORMS */
fieldset {border:0; margin:0; padding:0;}
label {font-size:1.3em; line-height:1.3em;}
select, textarea {font:1.1em Arial,Helvetica,sans-serif; border:0; color:#FFF; background:#4A63AE;}
textarea {line-height:1.3em; padding:5px;}
select {height:1.8em; color:#000;}
input {font:1.2em Arial,Helvetica,sans-serif; padding:2px 3px 0; height:2em;}
input[type=text], input[type=checkbox], input[type=password] {border:0; color:#FFF; background:#4A63AE; height:2em;}
* html input {border:0; color:#FFF; background:#4A63AE; padding:2px 3px 0 3px;}
* html input.inputCheckBox {border:none;}

/* LISTS */
dl, dd {margin:0; padding:0;}
ul {margin:0 0 0 15px; padding:0;} 
ol {margin:0 0 15px 22px; padding-left:0;}
ol li {margin:0;}
li, dt, dd {font-size:1.3em;}
li p, dd p {font-size:1em;}

/* STANDARD LINKS */
a {color:#4A63AE; text-decoration:none;}
a:hover {text-decoration:underline;}

/* CLEARFIX */
div:after {content:""; display:block; height:0; clear:both; visibility:hidden;}

/* HIDDEN TEXT */
.hidden {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;}


/* ========= IMAGE REPLACEMENT ========= */

/* STANDARD IMAGE REPLACEMENT */
.replace, .replaceSubmit {position:relative; overflow:hidden; display:block;}
.replace em, .replaceSubmit em {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}

/* MAIN CONTAINERS */
#wrapper {margin:0 auto; background:#FFF; max-width:1200px; width:auto !important; width:1200px; min-width:1000px;}
#header {border-bottom:solid 22px #887F6F; position:relative; z-index:15;}
#content {margin:0 auto; width:952px; padding:45px 0;}
#footer {background:#FFF; padding:5px 0; max-width:1200px; width:auto !important; width:1200px; min-width:1000px; margin:0 auto;}
#home #flashArea {min-width:1000px; max-width:1200px; height:261px; background:url(../images/tempImages/imgMainBannerBG.gif) no-repeat;}


/*========================================================================
	HEADER, TOP NAVIGATION & FOOTER 
	(default colour scheme is blue on homepage)
=========================================================================*/

/* SKIP NAVIGATION LINK */
.skipNavigationLink {margin:0; padding:0; text-align:center; font-size:1.2em;}
.skipNavigationLink a, 
.skipNavigationLink a:hover,
.skipNavigationLink a:visited  {position:absolute; display:block; padding:4px; border:0; background:#FFF; color:#8A951D; left:0px; top:-500px; overflow:hidden;}
.skipNavigationLink a:active,
.skipNavigationLink a:focus {right:0; top:0; z-index:10;}


/* ========= HEADER ========= */

/* navigation area container */
#header #navigationArea {padding:10px 0 14px 0; width:954px; position:relative; margin:0 auto;}

/* FEATURE */
#header #feature {width:100%; position:relative; top:0; left:0; z-index:4; min-height:179px; height:auto !important; height:165px; text-align:center;}
#header #feature .container {position:relative; top:0; left:0; width:954px; margin:0 auto; text-align:center; display:block; height:100px;}
#header #feature .textArea {width:441px; position:absolute; top:20px; left:0; z-index:10; text-align:left;}
#header #feature .textArea p {margin-bottom:0; color:#fff;}
#header #feature .textArea h2 {color:#fff;}
#header #feature .mainImage {position:absolute; right:0; bottom:-60px; width:420px;}
#header #features_bg {position:absolute; right:0; top:0; width:100%; height:179px; background:#4A63AE; z-index:3;}
#header #feature .textArea .readMoreLink {float:right;}
#header #feature .textArea .readMoreLink a {background:none; color:#fff;}
#header #feature .textArea .readMoreLink a:hover {background:none;text-decoration:underline;}

/* hide and show styles for feature */
#header #feature {position:absolute; top:-100px; center:0;}
* html #header #feature {left:-123px;}
#header #features_bg {display:none;}

/* MAIN INTRO GRAPHIC (default colours are for home) */
#mainIntro {width:334px; height:59px; margin:0 0 0 11px;}
#mainIntro em {background:url(images/headerIntro.gif) no-repeat;}

/* MAIN LOGO */
#mainLogo {margin:16px 0 0 11px; }
#mainLogo a {display:block; height:62px; width:322px; background:url(images/headerLogo.gif) no-repeat}

/* TOP NAVIGATION (default colours are for home) */
ul#topNavigation {list-style:none; margin:0; position:absolute; bottom:0; left:385px; margin-right:-20px;}
* html ul#topNavigation {bottom:-1px; right:-20px;}
ul#topNavigation li {float:left; font-size:1.6em; position:relative; text-transform:lowercase; line-height:1em;}
ul#topNavigation li a {display:block; padding:12px 17px 9px; color:#4A63AE; background:#FFF; font-weight:bold !important;}
ul#topNavigation li:hover,
ul#topNavigation li.hover,
ul#topNavigation li:hover a,
ul#topNavigation li.hover a,
ul#topNavigation li a:hover {background:#4A63AE; text-decoration:none; color:#FFF !important;}
ul#topNavigation li.current_page_item a, #news ul#topNavigation li.cat-item-29 a, #ourWork ul#topNavigation li.page-item-47 a {background:#887F6F; color:#FFF !important; margin:0; font-weight:normal; display:block;}

/* SUB NAVIGATION */
ul#topNavigation li ul {position:absolute; left:-10000px; background:#4A63AE; min-width:200px; margin:0; padding:3px 0; z-index:9;}
* html ul#topNavigation li ul {width:auto !important; width:200px;}
ul#topNavigation li ul li {float:none; display:block; font-size:0.8em; background:none; padding:0 3px; margin:0; position:relative;}
* html ul#topNavigation li ul li {float:left; width:200px;}
ul#topNavigation li ul li a {display:block; padding:9px 18px; line-height:1.3em; font-weight:normal; color:#FFF !important;}
ul#topNavigation li ul li ul {position:absolute; left:100%;}
ul#topNavigation li ul li ul li {font-size:1em;}

/* hover states for sub navigation */
ul#topNavigation li:hover li {background:none;}
ul#topNavigation li:hover ul,
ul#topNavigation li.hover ul {left:0; z-index:1;}
ul#topNavigation li:hover ul ul,
ul#topNavigation li.hover ul ul {left:-10000px;}
ul#topNavigation li ul li:hover ul,
ul#topNavigation li ul li.hover ul {left:100%; top:0;}
ul#topNavigation li:hover ul li a,
ul#topNavigation li.hover ul li a {background:none;}
ul#topNavigation li ul li a:hover {color:#4A63AE !important; background:#FFF !important;}


/* ========= FOOTER ========= */

/* social links */
#footer #socialLinks {margin:-150px 0 0 0; min-height:199px; height:auto !important; height:199px; background:url(images/footerMainBg.gif) center no-repeat;}
* html #footer #socialLinks {margin-top:-5px;}
#footer #socialLinks ul {width:952px; margin:0 auto; list-style:none; position:relative;}
#footer #socialLinks ul li {position:absolute;}
#footer #socialLinks ul li.facebook {left:132px; top:15px;}
#footer #socialLinks ul li.twitter {left:66px; top:22px;}
#footer #socialLinks ul li.flickr {left:135px; top:63px;}
#footer #socialLinks ul li.linkedIn {left:63px; top:68px;}
#footer #socialLinks ul li.youTube {left:103px; top:98px;}

/* rss feed */
#footer .rssFeed {background:#4A63AE; padding:5px 0;}
#footer .rssFeed p {text-align:right; width:934px; margin:0 auto;}
#footer .rssFeed a {display:block; color:#FFF; line-height:1.8em; background:url(images/footerIconRSS.png) right no-repeat; padding-right:30px;}
* html #footer .rssFeed a {background:url(images/footerIconRSS.gif) right no-repeat;}

/* bottom logos */
#footer #bottomLogos {border-bottom:1px solid #666;}
#footer #bottomLogos .inner{margin:0 auto;width:982px;}
#footer #bottomLogos .textArea {float:left; font-size:1.4em;padding:0 5px 0 0;}
#footer #bottomLogos .textArea h4 {color:#887F6F;}
#footer #bottomLogos .textArea p {font-size:0.9em;}
#footer #bottomLogos ul {list-style:none; float:left;margin:0;}
#footer #bottomLogos ul li {float:left; display:inline;padding:0 0 0 10px;}
#footer #infoLinks {font-size: 1.2em;width:952px; padding-top:10px; margin:0 auto;}
#footer .tgaGroup, .tgaPartners{float:left;min-height:45px;height:auto !important;height:32px;padding:15px;}
#footer .tgaPartners{/*border-left:1px solid #666;*/padding-right:0;}
#footer .tgaGroup .textArea{width:180px;}

/*========================================================================
	STYLES USED ACROSS ALL PAGES
=========================================================================*/

/* LIGHTBOX EFFECT (uses JQuery) */
#overlay {background:#000; z-index:999; position:fixed; top:0px; left:0px; height:100%; width:100%; display:none;}
.lighten {position:relative; z-index:1000;}

/* LINKS */
.readMoreLink a {background:url(images/iconArrowPurple.gif) 0 4px no-repeat; padding-left:12px; line-height:1.3em;}
.readMoreLink a:hover {color:#887F6F; text-decoration:none; background:url(images/iconArrowGrey.gif) 0 4px no-repeat;}

/* SECTION INTRO (default is orange background) */
#sectionIntro {height:84px; background:url(images/sectionIntroBgImgOrange.gif) no-repeat 0 bottom; color:#FFF;}

/* FACEBOX */
#facebox {position:absolute; top:0; left:0; z-index:9990; text-align:left; font-size:1.2em; color:#FFF; background:#fff; border:solid 1px #766A65;}
#facebox .body {max-width:900px;}
#facebox table {padding:0; margin:0;  width:400px; }
#facebox td.body {background:#fff; color:#FFF; padding:10px; margin:0 auto}
#facebox .loading {text-align:center;}
#facebox .footer {text-align:right; padding-bottom:10px;}
#facebox .footer a.close{ display:block; background:#887F6F url(images/iconClose.gif) no-repeat scroll 50px 8px; color:#FFFFFF; cursor:pointer; float:right; margin:0; padding:8px 30px 8px 10px; width:auto;}
#facebox_overlay {position:fixed; z-index:1000; top:0px; left:0px; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color:#000; z-index:1000;}
* html  #facebox_overlay {position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#facebox h1 {color:#FFF; font-size:1.4em; font-family:"Helvetica",Arial,Geneva,sans-serif; border-bottom:1px solid #DDDDDD; padding:0 0 5px; margin:0 0 12px; line-height:1.3em;}
#facebox h1 strong {color:#4961AB !important;}
#facebox h2 {font-size:1.1em; font-weight:bold; color:#FFF;}
#facebox p img {border:solid 1px #FFF;}

/* PEOPLE FACE BOX */
#facebox td.body .body#people {color:#887F6F;}
#facebox td.body .body#people h1, #facebox td.body .body#people h2, #facebox td.body .body#people h3 {color:#DF7A00;}

/* FEATURED WORK (uses face box) */
#facebox td.body .body#feature {color:#887F6F;}
#facebox td.body .body#feature h1, #facebox td.body .body#feature h2, #facebox td.body .body#feature h3 {color:#4961AB;}
#facebox td.body .body#feature a.moreWork{display:block; background-color:#4961AB; color:#FFF; margin:10px 0px; padding:5px; text-align:center}
#facebox td.body .body#feature h2{font-size:1.6em;}
#facebox td.body .body#feature h3{font-size:1.3em;}
#facebox .imageArea {width:515px; float:right; padding-left:10px;}
#facebox .textArea {color:#887F6F; float:left; width:335px;}


/*========================================================================
	SECTION SPECIFIC STYLES
=========================================================================*/


/* ========= HOME ========= */

/* CHANGES TO CONTAINERS AND HEADINGS */
#home h2 {color:#4961AB;}
#home #content {padding:10px 0 0;}
#home .noPadding {padding:30px 0 0;}

/* MAIN BANNER */
/*#home #mainBanner {max-width:1200px ;min-width:1000px; position:relative; height:262px; background:url(images/tempImages/imgMainBannerBG.gif) no-repeat;}*/

#home #mainBanner {max-width:1200px ;min-width:1000px; position:relative; height:262px; background: #739500;} 
/*#home #mainBanner {max-width:1200px ;min-width:1000px; position:relative; height:262px; background: #d57b34;} */

#home #mainBanner #flashArea {text-align:center;}
/*#home #banner, #home #animation {width:1000px;}*/
#home #banner, #home #animation {width:1200px;} 

/* flash area */
#text {font-family: Arial, Helvetica, sans-serif; color:#fff; text-align:left; display:block; position:absolute; right:40px; width:430px; z-index:7;}
#text.firstFrame {top:5px;}
#text.nextFrames {top:30px;}
#row1, #row2, #row3, #reprefix {font-weight:bold; position:relative; vertical-align:bottom;	overflow:visible; line-height:1.2em;}
#row1, #row3 {margin-left:40px;}
#row1 {font-size:6.8em;}
#row2, #reprefix {top:-26px; font-size:6.8em; margin-left:0;}
* html #row2, * html #reprefix {top:-24px;}
#row3 {font-size:6.8em; top:-50px; margin-left:29px;}
* html #row3 {top:-40px;}
#row2.secondNthird {width:470px;}
#row3.fourth {margin-left:10px !important; line-height:1em;}
#reprefix {float:left; position:absolute; left:-68px; top:54px; width:100px; display:block;}
#banner_longText {font-size:1.2em; position:relative; top:-45px; color:#CCC;}
* html #banner_longText {top:-38px;}
.visibleText {display:block;}
.invisibleText {display:none;}
#moreValues {color:#fff; z-index:7; position:absolute; bottom:0; right:40px; width:430px;}
#moreValues a {float:left; color:#fff; text-decoration:none; font-size:0.9em;}
#moreValues a:hover {text-decoration:underline;}

/* banner description */
#home #mainBanner #bannerDescription {width:100%; background:#FFF; padding:27px 0 20px; z-index:8; position:relative;} #home #mainBanner #bannerDescription .container {width:1000px; margin:0 auto; position:relative;}
#home #mainBanner #bannerDescription blockquote {float:left; width:310px; background:#4961AB; padding:26px 16px 10px; color:#FFF; margin:0; display:inline;}
#home #mainBanner #bannerDescription blockquote p {font-size:2.3em;}
#home #mainBanner #bannerDescription .textArea {float:left; width:655px; padding-top:20px;}
#home #mainBanner #bannerDescription .textArea h2 {margin-left:36px;}
#home #mainBanner #bannerDescription .textArea .column {float:left; width:291px; margin-left:36px; display:inline;}
#home #mainBanner #bannerDescription .closeButton {cursor:pointer; position:absolute; right:0; top:0; padding:8px 30px 8px 10px; margin:0; background:#887F6F url(images/iconClose.gif) 50px 8px no-repeat; color:#FFF; float:right; width:auto;}

/* jqeury styles for main banner */
#home #mainBanner.hover {cursor:pointer;}

/* SECTORS */
#home ul#sectors {list-style:none; margin:0 -5px 20px 0; overflow:hidden; float:left;}
#home ul#sectors li {float:left; margin-right:4px; display:inline; font-size:1.2em; line-height:1em;}
#home ul#sectors li strong {display:block; float:left; width:217px; padding:9px; text-align:center; background:#887f6f; color:#FFF; text-decoration:none; font-size:0.9em;}
#home ul#sectors li a:hover strong {text-decoration:none; background:#4A63AE;}

/* MORE GOOD NEWS */
#moreGoodNews {float:left; width:238px;}

/* sign up */
#home form#signUp legend span {display:block; line-height:1.1em; font-size:2.1em; color:#4961AB; font-weight:bold; padding-left:8px;}
#home form#signUp label {display:block; padding:8px 60px 11px 10px;}
#home form#signUp input#email {width:193px; float:left; font-size:1.3em; height:1.6em; padding:0.4em 0 0 12px;}
* html #home form#signUp input#email {width:191px;}
#home form#signUp input#goButton {height:auto; cursor:pointer; float:left; margin:0; font-weight:bold; height:2.2em; background:none; border:solid 1px #4A63AE; color:#887F6F;}

/* latest event */
#home #latestEvent {margin-top:10px; padding:13px; border:solid 1px #887F6F; background:#4A63AE; color:#FFF;}
#home #latestEvent h2 {color:#FFF; line-height:1em; margin-bottom:5px;}
#home #latestEvent h2 em.subTitle {display:block; color:#A5b1D7; font-weight:bold; font-style:normal; font-size:0.7em;}
#home #latestEvent .date {float:right; margin:0; font-size:1.3em;}
#home #latestEvent .textArea p {margin-top:8px; margin-left:95px;}
#home #latestEvent .textArea p.image {margin:0; float:left;}
#home #latestEvent .textArea p.image img {width:80px;}
#home #latestEvent .readMoreLink {margin:0 0 0 95px;}
#home #latestEvent .readMoreLink a {text-align:right; padding-left:12px; background:url(images/iconArrowWhite.gif) 0 4px no-repeat !important; color:#fff;}

/* partners */
#home #partners {margin-top:10px; float:left; padding:13px; border:solid 1px #4A63AE; background:#FFF; color:#887F6F;}
#home #partners h2 {color:#4A63AE; line-height:1em; font-size:2.2em; margin-bottom:5px; font-weight:bold;}
#home #partners h2 em.subTitle {display:block; color:#A5b1D7; font-weight:bold; font-style:normal; font-size:0.7em;}
#home #partners ul {list-style:none; margin:0 0 0 0;}
#home #partners ul li {float:left; width:100px; min-height:60px; height:auto !important; height:60px; text-align:center;}

/* rss link */
#home .rssLink {margin:12px 0 14px 8px;}
#home .rssLink a {color:#887F6F; display:block; padding:0 0 0 31px; font-weight:bold; background:url(images/iconRSS.gif) no-repeat; line-height:1.8em;}
#home .rssLink a:hover {color:#4A63AE; text-decoration:none;}

/* RECENT NEWS & RECENT WORK */
#home #recentNews {float:left; width:305px; margin-left:45px; display:inline;}
#home #recentWork {float:left; width:300px; padding-left:28px; margin-left:28px; display:inline; background:url(images/iconDottedLineGreyVertical.gif) repeat-y;}

/* lists */
#home .list h2 {background:#FFF; margin:0 0 6px; padding-bottom:10px; position:relative; z-index:2; margin-bottom:-17px;}
#home .list h3 a {color:#887F6F; font-size:1.2em; display:block; margin-bottom:8px;}
#home .list h3 a:hover {text-decoration:none; color:#4A63AE;}
#home .list ul {list-style:none; margin:0; position:relative; top:-3px; z-index:1;}
#home .list ul li {padding:18px 0 5px; clear:both; float:left; width:100%; background:url(images/iconDottedLineGreyHorizontal.gif) repeat-x;}
#home .list ul img {float:left; margin-right:15px;}
#home .list .textArea {float:left; width:190px;}
#home .list .textArea p {margin-bottom:11px;}
#home .list .textArea p.category {color:#4A63AE; margin-bottom:7px; font-size:1em;}
#home .list .textArea p.readMoreLink a {font-size:0.9em; line-height:0.9em;}


/* ========= ABOUT US ========= */

/* CHANGES TO CONTAINERS AND HEADINGS (colour changes to orange) */
#aboutUs #header #features_bg {background:#DF7A00;}
#aboutUs #facebox td.body .body#feature h1,#aboutUs #facebox td.body .body#feature h2,#aboutUs #facebox td.body .body#feature h3 {color:#DF7A00;}
#aboutUs #facebox td.body .body#feature a.moreWork {background-color:#DF7A00;}
#aboutUs #mainLogo a {background:url(images/headerLogoOrange.gif) no-repeat}
#aboutUs #content {width:100%;}
#aboutUs #mainIntro em {background:url(images/headerIntroOrange.gif) no-repeat;}
#aboutUs h2, #aboutUs h3, #aboutUs h4, #aboutUs h5, #aboutUs a{color:#DF7A00;}
#aboutUs blockquote#missionStatement {background:#FCF1E5; padding:22px 30px;; margin:0; width:938px; margin:0 auto;}
#aboutUs #footer .rssFeed {background:#DF7A00;}
#aboutUs #footer .rssFeed a {background:url(images/rss_orange.gif) right no-repeat;}

/* top navigation colour changes */
#aboutUs ul#topNavigation li a {color:#DF7A00;}
#aboutUs ul#topNavigation li:hover,
#aboutUs ul#topNavigation li.hover,
#aboutUs ul#topNavigation li:hover a,
#aboutUs ul#topNavigation li.hover a,
#aboutUs ul#topNavigation li a:hover {background:#DF7A00;}
#aboutUs ul#topNavigation li ul {background:#DF7A00;}
#aboutUs ul#topNavigation li ul li a:hover {color:#DF7A00 !important;}

/* COLUMN TABS */
#aboutUs ul#columnTabs {list-style:none; width:1000px; margin:22px auto 0;}
#aboutUs ul#columnTabs h3 {font-size:2.1em;}
#aboutUs ul#columnTabs li {float:left;}
#aboutUs ul#columnTabs li a {color:#887F6F; background:#FFF; display:block; width:295px; padding:18px 19px; min-height:95px; height:auto !important; height:138px;}
* html #aboutUs ul#columnTabs li a {height:135px;}
#aboutUs ul#columnTabs li a:hover {text-decoration:none; background:#FCF1E5;}
#aboutUs ul#columnTabs li a strong.title {font-size:1.4em; color:#DF7A00; display:block; margin-bottom:-4px;}

/* COLUMN CONTENT */
#aboutUs .columnContent {padding-top:35px; margin-bottom:-50px; width:100%; clear:both; background:#FFF;}
#aboutUs .columnContent .container {padding:0 0 20px; width:1000px; margin:0 auto; position:relative;}
#aboutUs .columnContent .closeButton {cursor:pointer; position:absolute; right:0; top:0; padding:8px 30px 8px 10px; margin:0; background:#887F6F url(images/iconClose.gif) 50px 8px no-repeat; color:#FFF; width:auto;}

/* COLUMN 1 (clients) */
#aboutUs #column1 .private {width:324px;}
#aboutUs #column1 .voluntary {width:320px;}
#aboutUs #column1 .public {width:280px;}
#aboutUs #column1 .container div {margin:50px 15px 0; float:left; display:inline;}
#aboutUs #column1 .container div.public {margin-right:0;}
#aboutUs #column1 h2 {text-align:center;}
#aboutUs #column1 ul {list-style:none; overflow:hidden; padding-right:15px; margin:0; background:url(images/iconDottedLineGreyVertical.gif) right repeat-y;}
#aboutUs #column1 .public ul {background:none;}
#aboutUs #column1 ul li {float:left; margin:15px 11px 0 0; display:inline; width:140px; text-align:center;}
#aboutUs #column1 .public ul li {width:117px;}

/* COLUMN 3 (The people) */
/* the people landing page list */
#aboutUs #column2 ul {list-style:none; padding:0; margin:50px 0 0 55px; width:895px;}
#aboutUs #column2 ul li {float:left; width:157px; margin:0 20px 20px 0;}
#aboutUs #column2 ul a {display:block; color:#887F6F; text-decoration:none; min-height:160px; height:auto !important; height:155px; border:solid 1px #766A65; padding:9px 9px 0 9px;}
#aboutUs #column2 ul a:hover {background:#DF7A00; color:#FFF;}
#aboutUs #column2 ul a:hover strong {color:#FFF;}
#aboutUs #column2 ul img {margin-bottom:5px;}

/* COLUMN 4 (A to B Of Us) */
#aboutUs #column3 #aToBOfUs {margin:45px 0 45px 58px; text-align:center;}


/* ========= WHAT WE DO ========= */

/* CHANGES TO CONTAINERS AND HEADINGS (colour changes to blue) */
#whatWeDo #header #features_bg {background:#88CEE8;}
#whatWeDo #facebox td.body .body#feature h1,#whatWeDo #facebox td.body .body#feature h2,#whatWeDo #facebox td.body .body#feature h3 {color:#88CEE8;}
#whatWeDo #facebox td.body .body#feature a.moreWork{background-color:#88CEE8;}
#whatWeDo #facebox td.body .body#feature .textArea{float:none;width:330px;}
#whatWeDo #facebox td.body .body#feature h2{margin-left:0px;}
#whatWeDo #header #mainLogo a {background:url(images/headerLogoBlue.gif) no-repeat}
#whatWeDo #content {width:1000px;}
#whatWeDo #mainIntro em {background:url(images/headerIntroBlue.gif) no-repeat;}
#whatWeDo #sectionIntro {background:#88CEE8 url(images/sectionIntroBgImgBlue.gif) no-repeat 0 bottom;}
#whatWeDo h2, #whatWeDo h3, #whatWeDo h4, #whatWeDo h5, #whatWeDo a {color:#88CEE8;}
#whatWeDo #footer .rssFeed {background:#88CEE8;}

/* top navigation colour changes */
#whatWeDo ul#topNavigation li a {color:#88CEE8;}
#whatWeDo ul#topNavigation li:hover,
#whatWeDo ul#topNavigation li.hover,
#whatWeDo ul#topNavigation li:hover a,
#whatWeDo ul#topNavigation li.hover a,
#whatWeDo ul#topNavigation li a:hover {background:#88CEE8;}
#whatWeDo ul#topNavigation li ul {background:#88CEE8;}
#whatWeDo ul#topNavigation li ul li a:hover {color:#88CEE8 !important;}

/* TOP AREA */
#whatWeDo blockquote {float:left; width:310px; background:#88CEE8; padding:26px 16px 10px; color:#FFF; margin:0; display:inline;}
#whatWeDo blockquote p {font-size:2.3em;}
#whatWeDo #content .textArea {float:left; width:530px; padding-top:10px;}
#whatWeDo .textArea h2 {margin-left:36px;}
#whatWeDo .textArea .column {float:left; width:291px; margin-left:36px; display:inline;}

/* SERVICES LIST */
#whatWeDo #services {margin:35px 0 0 0; clear:both; float:left; width:100%;}
#whatWeDo ul#servicesList {list-style:none; margin:0 0 0 40px; float:left; width:325px; display:inline;}
#whatWeDo ul#servicesList li {font-size:1.6em; margin-bottom:15px; float:left; clear:both; width:325px;}
#whatWeDo ul#servicesList li a {font-weight:bold; color:#887F6F;}
#whatWeDo ul#servicesList li a:hover,
#whatWeDo ul#servicesList li a.selected {text-decoration:none; color:#88CEE8;}

/* SERVICES DESCRIPTION */
#whatWeDo #servicesDescription {height:380px; overflow:auto; width:590px; padding:0; margin-left:370px; background:#DBF0F8;}
* html #whatWeDo #servicesDescription {margin-left:367px;}
#whatWeDo #servicesDescription .box {margin:0 0 50px 0; width:530px; overflow:hidden; padding:20px;}
#whatWeDo #servicesDescription h3 {font-size:3.4em; color:#887F6F; font-weight:normal; line-height:1em; margin-bottom:15px;}
#whatWeDo #servicesDescription .arrowLink {font-size:1.6em; font-weight:bold; margin:0 0 22px; padding:0 0 0 17px; background:url(images/iconArrowBlue.gif) 0 0.34em no-repeat;}
#whatWeDo #servicesDescription .description {margin:-17px 0 0;}
#whatWeDo #servicesDescription .description .textArea {padding:0;}
#whatWeDo #servicesDescription .description .heading {font-size:1.6em; margin:12px 0 12px; padding:0 0 0 17px; font-weight:bold;}
#whatWeDo #servicesDescription .description .heading.linkStyling {cursor:pointer; margin-top:0; color:#88CEE8; background:url(images/iconArrowBlue.gif) 0 0.34em no-repeat;}
#whatWeDo #servicesDescription .description .heading.linkStyling.selected {background:url(images/iconArrowBlueDown.gif) 0 0.34em no-repeat;}
#whatWeDo #servicesDescription .description p {padding-left:17px;}
#whatWeDo #servicesDescription ul {list-style:none; margin:0px -20px 0 0; padding:0; width:590px; overflow:hidden;}
#whatWeDo #servicesDescription ul li {font-size:1.6em; width:235px; float:left; margin:0 20px 20px 20px; clear:none;}
* html #whatWeDo #servicesDescription ul li {margin-right:15px;}
#whatWeDo #servicesDescription ul a {display:block; border:solid 1px #887F6F; padding:10px; color:#887F6F; line-height:1.4em;  height:200px; font-size:0.8em; font-weight:normal;}
#whatWeDo #servicesDescription ul a:hover {background:#88CEE8; color:#FFF; border:solid 1px #887F6F; text-decoration:none;}
#whatWeDo #servicesDescription ul strong.title {float:left; font-size:1.1em;}
#whatWeDo #servicesDescription ul em.date {float:right; font-style:normal;}
#whatWeDo #servicesDescription ul img {margin:7px 0; display:block; clear: left;}


/* ========= OUR WORK ========= */

/* CHANGES TO CONTAINERS AND HEADINGS (colour changes to light purple) */
#ourWork #mainLogo a {background:url(images/headerLogoBurgundy.gif) no-repeat} 
#ourWork #mainIntro em {background:url(images/headerIntroBurgundy.gif) no-repeat;}
#ourWork #facebox td.body .body#feature h1,#ourWork #facebox td.body .body#feature h2,#ourWork #facebox td.body .body#feature h3 {color:#BB1340;}
#ourWork #facebox td.body .body#feature a.moreWork{background-color:#BB1340;}
#ourWork #header #features_bg {background:#BB1340;}
#ourWork #content {width:1000px; padding-top:20px;}
#ourWork #sectionIntro {background:#BB1340 url(images/sectionIntroBgImgBurgundy.gif) no-repeat 0 bottom;}
#ourWork h2, #ourWork h3, #ourWork h4, #ourWork h5, #ourWork a {color:#BB1340;}
#ourWork #footer .rssFeed {background:#BB1340;}
#ourWork #footer .rssFeed a {background:url(images/rss_burgundy.gif) right no-repeat;}
#ourWork .arrowLink {background:url(images/iconArrowBurgundy.gif) 0 0.34em no-repeat;}

/* top navigation colour changes */
#ourWork ul#topNavigation li a {color:#BB1340;}
#ourWork ul#topNavigation li:hover,
#ourWork ul#topNavigation li.hover,
#ourWork ul#topNavigation li:hover a,
#ourWork ul#topNavigation li.hover a,
#ourWork ul#topNavigation li a:hover {background:#BB1340;}
#ourWork ul#topNavigation li ul {background:#BB1340;}
#ourWork ul#topNavigation li ul li a:hover {color:#BB1340 !important;}

/* FILTER DESCRIPTION */
#ourWork blockquote#filterDescription {background:#EFEFEF; margin:0; padding:30px 0;}
#ourWork blockquote#filterDescription .container {width:1000px; margin:0 auto;}
#ourWork blockquote#filterDescription p {margin-bottom:0;}

/* SEARCH WORK FORM */
#ourWork form#searchWorkForm {margin:0; padding:0;}
#ourWork form#searchWorkForm * {vertical-align:middle;}
#ourWork form#searchWorkForm legend span {display:block; font-size:1.9em; padding-bottom:10px; color:#BB1340;}
#ourWork form#searchWorkForm label {font-weight:bold;}
#ourWork form#searchWorkForm label em {font-weight:normal; font-style:normal; font-size:0.8em; margin-right:8px; text-transform:uppercase;}
#ourWork form#searchWorkForm select {background:#BB1340; color:#FFF; width:170px; margin:0 12px 0 4px; white-space:normal; height:auto; font-size:1.3em; padding:1px; z-index: 0;}
#ourWork form#searchWorkForm input#goButton {cursor:pointer; margin-left:8px; padding:0 5px; font-weight:bold; height:1.9em; background:none; border:solid 1px #BB1340; color:#BB1340;}

/* CASE STUDIES */
#ourWork ul#caseStudiesList {list-style:none; margin:25px -20px 0 0; padding:0; width:1020px; overflow:hidden;}
#ourWork ul#caseStudiesList li {width:235px; float:left; margin:0 20px 20px 0;}
* html #ourWork ul#caseStudiesList li {margin-right:15px;}
#ourWork ul#caseStudiesList li a {display:block; border:solid 1px #887F6F; padding:10px; color:#887F6F; line-height:1.4em;  height:200px;}
#ourWork ul#caseStudiesList li a:hover {background:#BB1340; color:#FFF; border:solid 1px #BB1340; text-decoration:none;}
#ourWork ul#caseStudiesList strong.title {float:left;}
#ourWork ul#caseStudiesList em.date {float:right; font-style:normal;}
#ourWork ul#caseStudiesList img {margin:7px 0; display:block;}
#ourWork ul#caseStudiesList .arrowLink {padding-left:12px; margin-left:12px; font-style:normal; color:#BB1340;}
#ourWork ul#caseStudiesList li a:hover .arrowLink {background:none;}

/* next previous */
#ourWork ul#nextPrevious {list-style:none; margin:10px 0 0 0;}
#ourWork ul#nextPrevious li {margin:0 11px 0 0; float:left;}

/* SINGLE CASE STUDY */
#ourWork #singleCaseStudy {border:solid 1px #887F6F; overflow:hidden; float:left; padding:20px; margin-top:25px;}
#ourWork #singleCaseStudy .textArea {float:left; width:420px; margin-right:20px; display:inline;}
#ourWork #singleCaseStudy h2 {font-size:3.4em; line-height:1em;}
#ourWork #singleCaseStudy h3 {font-size:2.4em; margin:25px 0 0;}
#ourWork #singleCaseStudy p {font-size:1.4em;}
#ourWork #singleCaseStudy .imageArea {float:left; width:515px;}


/* ========= NEWS ========= */

/* CHANGES TO CONTAINERS AND HEADINGS (colour changes to light purple) */
#news #header #mainLogo a {background:url(images/headerLogoLightPurple.gif) no-repeat}
#news #mainIntro em {background:url(images/headerIntroLightPurple.gif) no-repeat;}
#news #facebox td.body .body#feature h1,#news #facebox td.body .body#feature h2,#news #facebox td.body .body#feature h3 {color:#92278F;}
#news #facebox td.body .body#feature a.moreWork{background-color:#92278F;}
#news #header #features_bg {background:#92278F;}
#news #sectionIntro {background:#92278F url(images/sectionIntroBgImgLightPurple.gif) no-repeat 0 bottom;}
#news h2, #news h3, #news h4, #news h5, #news a {color:#92278F;}
#news #footer .rssFeed {background:#92278F;}
#news #footer .rssFeed a {background:url(images/rss_purple.gif) right no-repeat;}
#news .arrowLink {background:url(images/iconArrowLightPurple.gif) 0 0.34em no-repeat;}

/* top navigation colour changes */
#news ul#topNavigation li a {color:#92278F;}
#news ul#topNavigation li:hover,
#news ul#topNavigation li.hover,
#news ul#topNavigation li:hover a,
#news ul#topNavigation li.hover a,
#news ul#topNavigation li a:hover {background:#92278F;}
#news ul#topNavigation li ul {background:#92278F;}
#news ul#topNavigation li ul li a:hover {color:#92278F !important;}

/* NEWS LEFT COLUMN */
#news #leftColumn {width:687px; float:left; padding-bottom:30px;}

/* the news landing page list */
#news #leftColumn dl {position:relative; margin-top:-18px; padding-bottom:15px; overflow:auto; z-index:0;}
#news #leftColumn dt {margin:17px 0 8px 0; padding:13px 0 0 0; border-top:solid 1px #817B68; float:left; width:600px;}
#news #leftColumn dt.first {padding-top:0; border:none;}
#news #leftColumn dt a {font-size:1.5em; text-decoration:none; line-height:1em;}
#news #leftColumn dd.thumbnail {float:left; width:120px; clear:left;}
#news #leftColumn dd p {font-size:1em; margin:0;}
#news #leftColumn dd.postDate {font-weight:bold; margin:0 0 1px; float:left; width:480px;}
#news #leftColumn dd.postDate a {font-weight:normal;}
#news #leftColumn dd.excerpt {margin:0 0 1px 0; width:480px; float:left;}
#news #leftColumn dd.excerpt .details {margin-top:8px;}
#news #leftColumn dd.excerpt a.arrowLink {clear:both; display:block; padding-left:12px; display:inline; white-space:nowrap;}
#news #leftColumn dd.excerpt .category a {text-decoration:underline;}
#news #leftColumn dd.excerpt .category a:hover {text-decoration:none;}

/* news single article page */
#news #leftColumn #singlePost {padding:0 0 0 1px;}
#news #leftColumn h2 {font-weight:normal;}
#news #leftColumn #singlePost .postDate {font-weight:bold; margin:0 0 1px;}
#news #leftColumn #singlePost .postDate a {font-weight:normal;}

/* comments */
#news h3#comments {margin-top:25px; border-top:solid 1px #817B68; padding:15px 0; font-size:1.4em;}
#news h3 {font-size:1.4em;}
#news input,
#news textArea {background:#92278F; color:#FFF; border:none; width:350px;}
#news textArea {width:345px; font-size:1.2em;}
#news input#submit {cursor:pointer; width:auto; border:solid 1px #92278F; background:#FFF; color:#887F6F; text-transform:uppercase; font-weight:bold; padding:2px 3px 3px;}

/* NEWS MENU */
#newsMenu {width:242px; margin-left:23px; float:left; display:inline;}
#newsMenu dl {position:relative; margin-top:-18px; padding:0 0 15px 0; overflow:hidden; z-index:0;}
#newsMenu dt {margin:17px 0 8px 0; padding:15px 0 0 13px; color:#000; border-top:solid 1px #817B68; font-weight:bold; font-size:1.7em;}
#newsMenu dt.first {border:none; padding-top:0;}
#newsMenu dd {padding:0 0 5px 13px;}
#newsMenu dd a {text-decoration:none; padding:0 0 0 10px; display:block; background:url(images/iconArrowLightPurple.gif) 0 0.34em no-repeat;}
#newsMenu dd a:hover {text-decoration:underline;}


/* ========= CONTACT ========= */

/* CHANGES TO CONTAINERS AND HEADINGS (colour changes to green) */
#contact #header #features_bg {background:#00ACA2;}
#contact #facebox td.body .body#feature h1,#contact #facebox td.body .body#feature h2,#contact #facebox td.body .body#feature h3 {color:#00ACA2;}
#contact #facebox td.body .body#feature a.moreWork{background-color:#00ACA2;}
#contact #header #mainLogo a {background:url(images/headerLogoGreen.gif) no-repeat}
#contact #content {width:930px;}
#contact #mainIntro em {background:url(images/headerIntroGreen.gif) no-repeat;}
#contact #sectionIntro {background:#00ACA2 url(images/sectionIntroBgImgGreen.gif) no-repeat 0 bottom;}
#contact h2, #contact h3, #contact h4, #contact h5, #contact a {color:#00ACA2;}
#contact #footer .rssFeed {background:#00ACA2;}
#contact #footer .rssFeed a {background:url(images/rss_green.gif) right no-repeat;}
#contact #footer #socialLinks {background:url(images/footerMainBgGreen.gif) center no-repeat;}

/* top navigation colour changes */
#contact ul#topNavigation li a {color:#00ACA2;}
#contact ul#topNavigation li:hover,
#contact ul#topNavigation li.hover,
#contact ul#topNavigation li:hover a,
#contact ul#topNavigation li.hover a,
#contact ul#topNavigation li a:hover {background:#00ACA2;}
#contact ul#topNavigation li ul {background:#00ACA2;}
#contact ul#topNavigation li ul li a:hover {color:#00ACA2 !important;}

/* CONTENT */
#contact #agencyPhoto {float:left; width:394px;}
#contact #map_canvas {float:left; margin: 0 0 2em 26px; width:509px; height:291px; display:inline;}

/* addresss */
#contact #address {width:189px; float:left; font-size:1.1em; /*margin-left:18px;*/ display:inline;}
#contact #address h2 {width:189px; height:33px;}
#contact #address h2 em {background:url(images/titleTheGoodAgency.gif) no-repeat;}

/* column */
#contact .column {float:left; width:280px; margin-left:80px; display:inline;}

/* who to contact */
#contact #whoToContact {clear:both; margin:0 0 -100px 270px; position:relative; z-index:10;}
#contact #whoToContact ul {list-style:none; margin:0;}
#contact #whoToContact li {border:solid 1px #766A65; min-height:170px; height:auto !important; height:175px; padding:9px; float:left; width:139px; margin:0 20px 20px 0;}
#contact #whoToContact h3 {margin:0 0 4px 0;}
#contact #whoToContact img {margin-bottom:5px;}