/* Reset & Hacks */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,address,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

a:focus { -moz-outline-style: none; }
a,
a:active,
a:link { text-decoration: none; }
a:hover { text-decoration: none; cursor: pointer; } 
.selected a:hover { text-decoration: none; cursor: default;  }

body { font-family: Arial, Helvetica, sans-serif; background: #bebebe; font-size: 1em; margin: 0 0 24px 0; color: #58584e; }


.wrapper { width: 965px; margin: 0 auto; background: url(../images/common/shadow-background-content.gif) left top repeat-y; }
.inner { width: 949px; padding: 0 8px; }


/*//// HEADER */
.header { padding: 21px 36px 0; width: 877px; }

.branding .logo { background: url(../images/common/logo.gif) left top no-repeat; width: 223px; height: 23px; display: block; }
.branding .logo span { display: block; width: 100%; height: 100%; text-indent: -9999px; display: block; }
.branding .strap { background: url(../images/common/strap.gif) left top no-repeat; width: 223px; height: 23px; }
.branding .strap span { display: block; width: 100%; height: 100%; text-indent: -9999px; }


/*//// NAV */
.nav { position: relative; }
.nav ul.main-nav { float: right; }
.nav ul.main-nav li { float: left; }
.nav ul.main-nav li a { background: url(../images/common/global-nav.gif) no-repeat; height: 21px; display: block; }
.nav ul.main-nav li a span { background: url(../images/common/global-nav.gif) no-repeat; width: 100%; height: 100%; display: block; overflow: hidden; text-indent: -9999px; }
.nav ul.main-nav li a:hover span { background: none; }

.nav ul.main-nav li#home a { width: 105px; background-position: 0px -21px; }
.nav ul.main-nav li#home a span { background-position: 0px 0px; }
body.home .nav ul.main-nav li#home a span { background: none; cursor: default; }

.nav ul.main-nav li#what-we-can-do a { width: 149px; background-position: -105px -21px; }
.nav ul.main-nav li#what-we-can-do a span { background-position: -105px 0px; }
body.what-we-can-do-for-your-organisation .nav ul.main-nav li#what-we-can-do a span,
body.what-we-can-do-for-you .nav ul.main-nav li#what-we-can-do a span { background: none; cursor: default; }

.nav ul.main-nav li#what-our-clients-say a { width: 130px; background-position: -254px -21px; }
.nav ul.main-nav li#what-our-clients-say a span { background-position: -254px 0px; }
body.what-our-clients-say .nav ul.main-nav li#what-our-clients-say a span { background: none; cursor: default; }

.nav ul.main-nav li#who-we-are a { width: 90px; background-position: -384px -21px; }
.nav ul.main-nav li#who-we-are a span { background-position: -384px 0px; }
body.who-we-are .nav ul.main-nav li#who-we-are a span { background: none; cursor: default; }

.nav ul.main-nav li#contact-us a { width: 85px; background-position: -474px -21px; }
.nav ul.main-nav li#contact-us a span { background-position: -474px 0px; }
body.contact-us .nav ul.main-nav li#contact-us a span { background: none; cursor: default; }


/*//// SUBNAV */
.nav ul.sub-nav-1 { display: none; position: absolute; left: 424px; top: 21px; z-index:10;  }
body.what-we-can-do-for-your-organisation .nav ul.sub-nav-1,
body.what-we-can-do-for-you .nav ul.sub-nav-1 { display: block; }
.nav ul.sub-nav-1 li { }
.nav ul.sub-nav-1 li a { background: url(../images/common/sub-nav.gif) no-repeat; width: 148px; height: 19px; display: block; }
.nav ul.sub-nav-1 li a span { background: url(../images/common/sub-nav.gif) no-repeat; width: 100%; height: 100%; display: block; overflow: hidden; text-indent: -9999px; }
.nav ul.sub-nav-1 li a:hover span { background: none; }

.nav ul.sub-nav-1 li#organisation a { background-position: -172px 0; }
.nav ul.sub-nav-1 li#organisation a span { background-position: 0 0; }
body.what-we-can-do-for-your-organisation .nav ul.sub-nav-1 li#organisation a span { background: none; cursor: default; }

.nav ul.sub-nav-1 li#you a { background-position: -172px -19px; }
.nav ul.sub-nav-1 li#you a span { background-position: 0px -19px; }
body.what-we-can-do-for-you .nav ul.sub-nav-1 li#you a span { background: none; cursor: default; }


/*//// LAYOUT */
.primary { background: url(../images/common/background-grad.gif) top left repeat-x; padding: 13px 37px 25px; width: 875px; }
.secondary { padding: 13px 37px 30px; width: 875px; position: relative; }
.hero { }
.cols-1,
.cols-2,
.cols-3 { margin-top: 8px; }
.cols-2 { width: 100%; }
.cols-3 div:first-child,
.cols-2 div:first-child { margin-left: 0; }

.panel-light,
.panel-white,
.panel-dark { width: 285px; float: left; margin-left: 9px; border-top: #00f266 6px solid; position: relative; }

body.home .panel-light,
body.home .panel-white,
body.home .panel-dark { min-height: 230px; } 

.panel-light .inner,
.panel-dark .inner { padding: 0 8px 8px; width: auto; }
.panel-white .inner { padding: 0; width: 270px; }
.panel-light { background: #f5f5f5; border-bottom: #d2d2d1 1px solid; }

.primary .panel-dark h2 { background: #474747 url(../images/common/background-panel-title.gif) left top repeat-x; font-size: 1.3em; padding: 4px 8px 3px; margin: 0; }
.panel-dark h2 .sIFR-flash { margin-top: 3px; }
.panel-dark .inner { background: #76766E url(../images/common/background-panel-body.gif) top repeat-x; }
.panel-dark,
.primary .panel-dark a { color: #fff; }
.panel-dark { background: #76766E; border-bottom: #474747 1px solid; }


/*//// TYPE */
.primary,
.secondary { font-size: .8em; line-height: 1.3em; }
.primary p,
.secondary p { margin: 1em 0; }
.primary p.first,
.secondary p.first { margin: 0 0 1em 0; }
.primary a,
.secondary a { font-weight: bold; border-bottom: #00f266 1px solid; color: #58584e; }
.primary h2,
.secondary h2 { font-weight: bold; margin: 1em 0 0.5em 0; }


/*//// HOME PAGE */
body.home { }
body.home .hero { margin-bottom: 16px; }
p.quote { font-size: 1.4em; line-height: 1.3em; }

ul.contact-details { margin: 0px 0; }
ul.contact-details li { margin: 4px 0; border-bottom: #b5b5b1 1px solid; padding: .3em 0; }
ul.contact-details li a { border-bottom: none; }

a.cta { position: absolute; bottom: 8px; }


/*//// WHAT WE CAN DO PAGE */
.secondary .cols-2 .panel-dark { border-top: none; position: absolute; bottom: 30px; width: 285px; }
ul.bullet-col { width: 120px; float: left; }
ul.bullet-col { list-style: none; } 
ul.bullet-col li { background: url(../images/common/list-bullet.gif) left 9px no-repeat; padding: 0 0 0 12px; margin: 0; }
ul.bullet-col-white li  { background: url(../images/common/list-bullet-white.gif) left 9px no-repeat; padding: 0 0 0 12px; margin: 0; }
img.img-577-2 { float: right; }


/*//// WHAT OUR CLIENTS SAY PAGE */
body.what-our-clients-say .cols-2 { position: relative; }
body.what-our-clients-say .cols-2 img.baseline { position: absolute; bottom: 0; left: 0; }
body.what-our-clients-say .cols-2 .panel-white { margin-left: 0; }

.cols-2 .panel-dark { width: 579px; }
div.accordion { }
.ui-accordion-header { background: #474747 url(../images/common/background-panel-title.gif) left top repeat-x; font-size: 1.2em; }
.ui-accordion-header a { font-weight: normal; }
.ui-state-hover { cursor: pointer; }
.ui-accordion-header a { display: block; width: auto; height: auto; padding: 4px 8px 3px; margin: 0; border: none; }
.ui-accordion-header { position: relative; }
.ui-icon { position: absolute; display: block; width: 10px; height: 10px; }
.ui-accordion-header .ui-icon-triangle-1-s { background: url(../images/common/arrow-on.gif) center center no-repeat; right: 10px; top: 8px; }
.ui-accordion-header .ui-icon-triangle-1-e { background: url(../images/common/arrow-off.gif) center center no-repeat;  right: 10px; top: 7px; }
.ui-accordion-content { background: #76766E url(../images/common/background-panel-body.gif) top repeat-x; padding: 0 8px; width:563px; }
.ui-accordion h3 .sIFR-flash { margin: 4px 8px 3px; }
div.accordion .accordion-item { width: 563px; padding: 0 8px 8px; }
ul.case-studies-list li { }
.ui-accordion-content .left-col { width: 275px; float:left; padding-right: 8px; }
.ui-accordion-content .right-col { width: 270px; float:left; padding-bottom:40px; }
.ui-accordion-content div.logo { width: 100%; display: block; clear: both; }
.ui-accordion-content div.logo img { padding: 32px 0 8px; display: block; }

.accordion-inner { width: 100%; }

.accordion-inner p { padding:10px 0 0 0; margin:0;}

body.what-our-clients-say h1 {background: url(../images/content/what-our-clients-say.png) no-repeat; height: 20px; display: block; }
body.what-our-clients-say h1 span {display: block; width: 100%; height: 100%; text-indent: -9999px;}

body.what-our-clients-say .primary { padding: 37px 37px 25px; }
body.what-our-clients-say .primary .cols-2 { margin-top:12px; }

body.what-our-clients-say .cols-2 .panel-dark { margin-bottom: 40px; }

/*
body.what-our-clients-say .panel-dark { float: none; position: static; }

*/
/*//// CONTACT US PAGE */

body.contact-us .address-block span.title  { font-weight: bold; width: 50px; display: inline-block; }
body.contact-us .panel-dark .inner { min-height: 420px; }

body.advert .address-block span.title  { font-weight: bold; width: 50px; display: inline-block; }
body.advert .panel-dark .inner { min-height: 420px; }
form#contact { margin: 8px 0; }

form#contact .left-col { width: 275px; float: left; }
form#contact .right-col { width: 275px; float: right; margin-left: 12px; }

form input[type="text"] { border: none; width: 267px; padding: 4px; font-family: Arial, Helvetica, sans-serif;  }
form textarea { border: none; width: 267px; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: .9em; min-height: 290px; }
form label { display: block; margin-top: 8px; }
form input[type="submit"] { background: url(../images/common/submit-btn-bg.gif) left top repeat-x; border: none; text-align: center; padding: 2px 10px 4px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 1em; margin: .6em 0; }
.warning { color: #00f266; }

.small-print { width: 579px; margin: 8px 0 0 294px; font-size: .8em; clear: both; line-height: 1.4em; }

/*//// PRIVACY PAGE */

body.privacy .panel-white { width:577px; margin-left:0; }
body.privacy .panel-white .inner { width:577px; }


/*//// SITEMAP PAGE */

body.sitemap .panel-white { margin-left:0; }
body.sitemap ul.l1 li { margin-top: 1em; }

body.sitemap ul.l2 { padding: 15px 0 5px 0; }
body.sitemap ul.l2 li { padding:0 30px; }
body.sitemap ul.l2 li.first { padding:0; }





/*//// FOOTER */
.footer { background: url(../images/common/shadow-background-bottom.gif) bottom left no-repeat; padding: 0 44px 24px; font-size: .6em; }
.footer .inner { padding: 8px 0; width: 877px; border-top: #bcbcb8 1px solid; }
.footer ul.footer-nav { float: left; width: 300px; }
.footer ul.footer-nav li { float: left; margin-right: .4em }
.footer ul.footer-nav li a { margin-right: .4em }
.footer .address-block { margin: 0 0 0 100px; float: right; }
.footer .logo-block { float: right; padding-left: 16px; }
.footer .logo-block img { padding-left: 16px; }

.footer a { color: #58584e; }