/* 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 {  } 
.selected a:hover { text-decoration: none; cursor: default;  }

body { font-family: Helvetica, Arial, sans-serif; background: #ffffff url(/images/common/background-gradient.jpg) top center repeat-x; font-size: 0.9em; }



.wrapper {
	width: 976px;
	position: absolute;
	left: 50%;  /*305px*/
	margin-left: -488px;
	/*top: 27px;*/
}
.header {}
.branding { margin: 0 0 20px 0; width: 976px; } 
.logo { margin: 37px 10px 0 25px; float: left; background: url(/images/common/logo.gif) left top no-repeat; width: 174px; height: 63px; display: block; }

.strapline { float: left; background: url(/images/common/strapline.gif) left top no-repeat; width: 400px; height: 22px; margin: 83px 0 0 16px; }
.tel { display: block; float: right; font-size: 1.2em; margin: 85px 20px 0 0; color: #2B4F3B; }
.tel .small { font-size: .6em; margin-right: .3em; }
.logo span,
.strapline span { width: 100%; height: 100%; display: block; text-indent: -5000px; }

ul.language-selector { position: absolute; right: 8px; top: 16px; }
ul.language-selector li { float: right; width: 44px; height: 24px; display: block; margin: 0 15px 0 0; }
ul.language-selector li.south-africa { background: url(/images/common/flag-sa.gif) top left no-repeat; }
ul.language-selector li.singapore { background: url(/images/common/flag-sp.gif) top left no-repeat; }
ul.language-selector li.malaysia { background: url(/images/common/flag-malaysia.gif) top left no-repeat; }
ul.language-selector li.united-kingdom { background: url(/images/common/flag-uk.gif) top left no-repeat; }
ul.language-selector li span { display: block; width: 100%; height: 100%; text-indent: -5000px; overflow: hidden; }


.nav-main { background: #1b1b1d url(/images/common/nav-top-left-corner.gif) left top no-repeat; width: 960px; margin: 0 0 0 8px; font-size: .75em; }
.nav-main .inner { background: url(/images/common/nav-top-right-corner.gif) right top no-repeat; width: 960px; }
.nav-main ul { }
.nav-main a:hover { color: #A3A331; }
.nav-main ul li { float: left; }
.nav-main ul.btns li { background: url(/images/common/nav-left-shadow.gif) left top no-repeat; }
.nav-main ul.btns li .inner { background: url(/images/common/nav-right-shadow.gif) right top no-repeat; width: 100%; }
.nav-main ul li a { padding: 12px 16px; display: block; color: #FFFFFF; }
.nav-main ul li.selected a { padding-bottom: 3px; }
.nav-main ul li.selected span.marker { background: url(/images/common/nav-green-arrow.gif) bottom left; width: 19px; height: 9px; display: block; margin-left: 10px; }

.nav-main ul.btns li.last .inner { background: none; }
.nav-main ul.btns li.first { background: none; }

.nav-main div.nav-extras { float: right; }
.nav-main div.nav-extras ul { margin-right: 8px; }
.nav-main div.nav-extras a { padding: 12px 8px; }
.nav-main div.search { background: url(/images/common/nav-search-icon.gif) left 12px no-repeat; float: right; padding: 7px 16px 7px 24px; }
/*.nav-main input[type=text] { border: none; padding: 3px; color: #1b1b1d; width: 180px; }
.nav-main input[type=submit] { border: none; background: url(/images/common/arrow-left-white-greenbg.gif) right 7px no-repeat; padding: 4px 10px 0px 4px; }*/
input { font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 1.2em; }

.bread-crumb a:hover { color: #19191B; }

.nav-main-sub { min-width: 178px; background: #1b1b1d; display: block; position: absolute; padding: 1px; font-size: .8em; }
.nav-main-sub li { background: url(/images/common/nav-sub-bg.gif) left bottom no-repeat; padding: 8px 0 4px; }
.nav-main-sub li a { background: url(/images/common/arrow-right-wight-dark.gif) left .2em no-repeat; padding-left: 10px; margin-left: 6px; color: #ffffff; }
.nav-main-sub li a:hover { color: #A3A331; }

#nav-main-sub-1 { left: 72px; }
#nav-main-sub-2 { left: 168px; }

.bread-crumb, .primary .col-1, .primary .col-3, .footer { font-size: .85em; }

.bread-crumb { width: 976px; background: url(/images/common/content-bg-top.gif) top left no-repeat; height: 47px; font-size: .75em; }
.bread-crumb ul { width: 700px; margin: 9px 0 6px 189px; }
.bread-crumb ul li { float: left; color: #19191B; }
.bread-crumb a { color: #ffffff; }
.bread-crumb a:hover { color: #19191B; }

/* HOME PAGE ONLY */

.l-1 { background: url(/images/common/home-heropanel-bottom.gif) bottom center no-repeat; padding-bottom: 30px; }
.l-1 ul.promo-hero { background: url(/images/common/home-heropanel-top.gif) top left no-repeat; padding: 16px 0 0 0; width: 976px; }
.l-1 ul.promo-hero li { width: 224px; float: left; margin: 0 0 0 16px; }
.l-1 ul.promo-hero li img { }
.l-1 ul.promo-hero li .inner { background: url(/images/common/dotline-verticle.gif) top right repeat-y; margin-top: 8px; }
.l-1 ul.promo-hero li.last .inner { background: none; }
.l-1 ul.promo-hero li h2 { color: #123622; font-size: 1.2em; display: block; min-height: 40px; }
.l-1 h1 { font-size: 1.2em; color: #102318; margin: .5em 0 0 0; }
.l-1 ul.promo-hero li p { color: #ffffff; font-size: .9em; margin: 8px 0; }
.l-1 ul.promo-hero li a.btn { }
.l-1 ul.promo-hero li a.btn:hover { }
.l-1 ul.promo-hero li a.btn span { }


.l-2 { background: #d9d9d9 url(/images/common/welcome-panel-bg-top.gif) top left no-repeat; width: 960px; margin-left: 8px; }
.l-2 .content { width: 452px; margin: 16px 0 0 17px; float: left; }
.l-2 .content h1 { font-size: 1.2em; color: #19191B; margin: 0; }
.l-2 .content p { color: #2B4F3B; font-size: .8em; line-height: 1.6em; margin-top: .3em; }
.l-2 .inner { background: url(/images/common/welcome-panel-bg-bottom.gif) bottom left no-repeat; width: 100%; }

.l-2 ul.promo-small { float: right; }
.l-2 ul.promo-small li { float: left; width: 152px; margin: 10px 4px; }
.l-2 ul.promo-small li .inner { background: url(/images/common/small-promo-home-bottom.png) bottom left no-repeat; padding: 0 18px 14px; width: auto; }
.l-2 ul.promo-small li h2 { background: url(/images/common/small-promo-home-top.png) top left no-repeat; font-size: 1.2em; color: #123622; padding: 18px 18px 0; }
.l-2 ul.promo-small li h3 { font-size: .9em; color: #ffffff; font-weight: bold; padding-top: 4px; line-height: 1.1em; background: url(/images/common/dot-white.gif) left bottom repeat-x; padding-bottom: 8px; }
.l-2 ul.promo-small li a.btn { margin-top: 4px; background: url(/images/common/arrow-left-grey-greenbg.gif) right .2em no-repeat; padding-right: 12px;  display: inline-block; font-size: .8em; }


.news-feed { background: #ffffff; font-size: .8em; margin-left: 8px; padding: 8px 0; line-height: 1.2em; }
.news-feed h2 { display: inline-block; float: left; font-weight: bold; width: 92px; color: #2B4F3B; margin-left: 8px; }
.news-feed ul { width: 860px; overflow: hidden; height: 1.2em; }
.news-feed ul li { float: left; margin-right: 2em;  }
.news-feed ul li a,
.news-feed ul li a:visited { color: #A3A331; }
.news-feed ul li a:hover { color: #2B4F3B; }

#home-page .l-3 { margin-top: 0; }

/* FRAMEWORK */
.primary {  }

.primary .col-1 { float: left; width: 164px; }
.primary .col-1 .top { background: url(/images/common/content-left-bg-mid.gif) top left repeat-y; }
.primary .col-1 .top-inner { background: url(/images/common/content-left-bg-bottom.gif) bottom left no-repeat; padding-bottom: 80px; }
.primary .col-1 .bottom { background: url(/images/common/content-bg-shadow-left.gif) top right no-repeat; min-height: 225px; padding-top: 30px; }

.primary .col-2 { float: left; width: 560px; background: #ffffff; }

.primary .col-3 { float: right; width: 252px; }
.primary .col-3 .top { background: url(/images/common/content-right-bg-mid.gif) top left repeat-y; }
.primary .col-3 .top-inner { background: url(/images/common/content-right-bg-bottom.gif) bottom left no-repeat; padding-bottom: 80px; }
.primary .col-3 .bottom { background: url(/images/common/content-bg-shadow-right.gif) top left no-repeat; min-height: 225px; padding: 30px 0 0 18px; }


/* LEFT COLUMN */

.col-1 ul.nav-sub {  }
.col-1 ul.nav-sub li { background: url(/images/common/btn-bg-left-subnav.gif) bottom right no-repeat; padding: 8px 0 8px 18px; font-size: 0.9em; }
.col-1 ul.nav-sub li a { background: url(/images/common/arrow-left-white-greenbg.gif) left .3em no-repeat; padding: 0 12px; color: #ffffff; display: block; }
.col-1 ul.nav-sub li.selected a { background: url(/images/common/arrow-left-grey-greenbg.gif) left .2em no-repeat; color: #123622; }
.col-1 ul.nav-sub a, 
.col-1 ul.nav-sub a:visited { color: #123622; }
.col-1 ul.nav-sub a:hover { color: #123622; }

.primary .col-1 ul.promo-small {  }
.primary .col-1 ul.promo-small li { background: url(/images/common/small-promo-panel-whitebg-bottom.gif) bottom left no-repeat; float: none; }
.primary .col-1 ul.promo-small li .inner { background: url(/images/common/small-promo-panel-whitebg-top.gif) top left no-repeat; padding: 18px 18px 14px; }
.primary .col-1 ul.promo-small li h2 { font-size: 1.2em; color: #123622; }
.primary .col-1 ul.promo-small li h3 { font-size: .9em; color: #ffffff; font-weight: bold; margin-top: 4px; line-height: 1.1em; background: url(/images/common/dot-white.gif) left bottom repeat-x; padding-bottom: 8px; }
.primary .col-1 ul.promo-small li a.btn { margin-top: 4px; background: url(/images/common/arrow-left-grey-greenbg.gif) right .2em no-repeat; padding-right: 12px;  display: inline-block; }

ul.promo-small a, 
ul.promo-small a:visited { color: #19191B; }
ul.promo-small a:hover { color: #ffffff; }

/* CENTRE COLUMN */

.content {  }
.content-block { margin: 0 24px; }
/*.content-block p, ul.bullet-list { font-size: .8em; line-height: 1.6em; color: #737373; }*/
.content-block p { margin: 1.4em 0em; }
.content-block a, 
.content-block a:visited { color: #A3A331; text-decoration: underline; }
.content-block a:hover { color: #123622; }
.content-block img { margin: 20px 0 0 0; }
.content-block h1 { font-size: 1.2em; color: #102318; margin: .5em 0 0 0; }
ul.bullet-list { color: #A3A331; list-style: disc outside; margin: 26px 26px; }
ul.bullet-list li { padding-left: 0px; margin-top: .5em; }


/* RIGHT COLUMN */

.primary .col-3 .cta-contact { color: #ffffff; padding: 0 18px; line-height: 1.6em; }
.primary .col-3 .cta-contact .large { font-size: 1.4em; }
.primary .col-3 ul.follow-on-links { margin-top: 20px; }
.primary .col-3 ul.follow-on-links li { background: url(/images/common/btn-bg-right-subnav.gif) bottom right no-repeat; padding: 8px 0 8px 18px; font-size: 0.9em; }
.primary .col-3 ul.follow-on-links li a { background: url(/images/common/arrow-left-grey-greenbg.gif) left .4em no-repeat; padding: 0 15px;  }
.primary .col-3 h2 { font-size: 1.2em; color: #A3A331; }

.primary .col-3 ul.follow-on-links a,
.primary .col-3 ul.follow-on-links a:visited { color: #ffffff; }
.primary .col-3 ul.follow-on-links a:hover { color: #19191B; }

.primary .col-3 .partners,
.primary .col-3 .clients { margin: 0 0 30px 0; background: url(/images/common/right-colomn-divide-white.gif) bottom center no-repeat; padding: 0 0 30px; }


#switch-1 { }
.switch { z-index: 10; margin-top: 16px; }
.switch-btn { background: #A3A331 url(/images/common/btn-dd.gif) right top no-repeat; width: 100%; height: 23px; display: block; }
.switch-btn span { padding: 6px 8px 0 8px; display: block; }
.switch-btn a { width: 100%; height: 100%; }
.switch a,
.switch a:visited { color: #ffffff; }
.switch a:hover { color: #19191B; }
/*.switch-list { background: #A3A331; padding: 6px 8px; margin-top: 2px; }
.switch-list li { margin: 4px 0 0 0; padding: 8px 0 0 0; background: url(/images/common/dot-white.gif) left top repeat-x; }
.switch-list li.first { background: none; padding: 0; }*/


/* QUICKLINKS PANEL */

.l-3 { line-height: 1.2em; font-size: .85em; background: url(/images/common/bottom-links-top-shadow.gif) top left no-repeat; padding: 24px 0 0 0; margin: 40px 0 0 16px; }
.l-3 a, 
.l-3 a:visited { color: #19191B; text-decoration: none; }
.l-3 a:hover { color: #A3A331; }

.l-3 ul.quicklinks li { float: left; padding-top: 6px; }
.l-3 ul.quicklinks li h2 { font-size: 1.2em; color: #A3A331; }
.l-3 ul.quicklinks li.services { width: 228px; }

.l-3 ul.quicklinks li.partners,
.l-3 ul.quicklinks li.clients { width: 199px; padding: 6px 20px; background: url(/images/common/dotline-verticle.gif) left top repeat-y; }
.l-3 ul.quicklinks li.support { width: 215px; padding: 0 8px; background: url(/images/common/dotline-verticle.gif) left top repeat-y; }
.l-3 ul.quicklinks li.follow-on-links { width: 244px; padding-top: 6px; }

.l-3 ul.quicklinks li.services ul { margin-top: 15px; }
.l-3 ul.quicklinks li.services ul li { background: url(/images/common/arrow-white-bg.gif) left .2em no-repeat; padding: 0 0 0 10px; float: none; }
.l-3 ul.quicklinks li.services ul li a {  }

ul.logo-reel { margin-top: 15px; }
ul.logo-reel li { text-align: center; width: 100%; float: none; vertical-align: middle; }
.logo-reel li { min-height: 90px; }
.l-3 ul.quicklinks li ul.logo-reel li { float: none; }

.l-3 ul.quicklinks li.support { position: relative; }
.l-3 ul.quicklinks li.support h2 { background: #234030 url(/images/common/support-title-bg.gif) left top no-repeat; padding: 7px 0 0 9px; height: 25px; color: #ffffff; }
.l-3 ul.quicklinks li.support .inner { background: url(/images/common/support-bg-off.gif) top left no-repeat; height: 122px; overflow: hidden; }
.l-3 ul.quicklinks li.support .inner h3 { font-size: 1.2em; color: #A3A331; line-height: 1.4em; padding: 30px 14px; }
.l-3 ul.quicklinks li.support .reveal { left: 8px; top: 32px; position: absolute; background: url(/images/common/support-bg-over.gif) left top no-repeat; height: 122px; display: none; width: 175px; color: #ffffff; padding: 0 20px; }
.l-3 ul.quicklinks li.support .reveal ul { list-style: disc inside; margin-top: 20px; background: url(/images/common/dot-white.gif) bottom left repeat-x; padding-bottom: 12px; }
.l-3 ul.quicklinks li.support .reveal li { float: none; line-height: 1.5em; padding-top: 0; }
.l-3 ul.quicklinks li.support .reveal a.btn { padding-top: 6px; background: url(/images/common/arrow-right-wight-dark.gif) right .7em no-repeat; color: #ffffff; display: inline-block; padding-right: 12px; }
.l-3 ul.quicklinks li.support .reveal a:hover { color: #A3A331; }
.l-3 ul.quicklinks li.support:hover .reveal { display: block; }

.l-3 ul.quicklinks li.follow-on-links { background: url(/images/common/dotline-verticle.gif) left top repeat-y; }
.l-3 ul.quicklinks li.follow-on-links ul.btns { margin-left: 1px; }
.l-3 ul.quicklinks li.follow-on-links ul.btns li { float: none; background: url(/images/common/bottom-links-bg.gif)  bottom left no-repeat; padding: 6px 0 5px 14px; } 
.l-3 ul.quicklinks li.follow-on-links ul.btns li a { background: url(/images/common/arrow-white-bg.gif) left 4px no-repeat; padding: 0 15px; }

.l-3 ul.quicklinks li.follow-on-links ul.icon-list { float: right; margin-right: 16px; }
.l-3 ul.quicklinks li.follow-on-links ul.icon-list li a { background: none; padding: 0 0 0 0; }
.l-3 ul.quicklinks li.follow-on-links ul.icon-list li { float: left; width: 16px; height: 16px; padding: 0 0 0 0; margin-right: 8px;  }
.l-3 ul.quicklinks li.follow-on-links ul.icon-list li.facebook { background: url(/images/common/facebook.gif) left top no-repeat; }
.l-3 ul.quicklinks li.follow-on-links ul.icon-list li.linkedin { background: url(/images/common/linkedin.gif) left top no-repeat; }
.l-3 ul.quicklinks li.follow-on-links ul.icon-list li.twitter { background: url(/images/common/twitter.gif) left top no-repeat; }

.follow-on-links ul.icon-list li span { width: 100%; height: 100%; display: block; overflow: hidden; text-indent: -5000px; }


/* BUTTONS */

a.btn-case-studies,
a.btn-our-solutions,
a.btn-our-scalability,
a.btn-our-resilience,
a.btn-our-security { height: 23px; display: block; margin-top: 14px; }

a.btn-case-studies { background: url(/images/common/case-studies-button.gif) top left no-repeat; width: 115px; }
a.btn-our-solutions { background: url(/images/common/btn-solutions.gif) top left no-repeat; width: 122px; }
a.btn-our-scalability { background: url(/images/common/btn-scalability.gif) top left no-repeat; width: 129px; }
a.btn-our-resilience { background: url(/images/common/btn-resilience.gif) top left no-repeat; width: 124px; }
a.btn-our-security { background: url(/images/common/btn-security.gif) top left no-repeat; width: 115px; }

/*a.btn-case-studies:hover,
a.btn-our-solutions:hover,
a.btn-our-scalability:hover,
a.btn-our-resilience:hover,
a.btn-our-security:hover { background-position: left bottom; }*/

a.btn-case-studies span,
a.btn-our-solutions span,
a.btn-our-scalability span,
a.btn-our-resilience span,
a.btn-our-security span { text-indent: -5000px; overflow: hidden; display: block; width: 100%; height: 100%; }

a.cta { background: url(/images/common/arrow-white-bg.gif) left .2em no-repeat; padding: 0 0 0 10px; float: none; color: #19191B; margin-top: 15px; display: block; }


/* FOOTER */
.footer { background: url(/images/common/footer-bg.gif) top left no-repeat; margin: 30px 0 30px 15px; padding: 20px 0; width: 960px; }
.footer .copyright { float: left; width: 244px; color: #8C8C8C; }
.nav-footer { float: left; }
.nav-footer ul { color: #A3A331; }
.nav-footer ul li { float: left; }
.footer a { color: #A3A331; }