@charset "UTF-8";

@import url('reset.css');/* Reset CSS Styles */
/*img,div{behavior:url(../js/iepngfix.htc)}
*/
html{text-align:center}
body{position:relative;font:0.72em/1.4 "Helvetica Neue",Arial,Helvetica,sans-serif;color:#717377;text-align:left;background:url(../images/images-main/background_gradient.jpg) 0 0 #d1d3d4 repeat-y;width:auto;margin:0 auto;background-position:center}
h1,h2,h3{padding:0;margin:0}
p{margin:10px 0}
ol{margin-bottom:15px}
a:link,a:visited{text-decoration:none;color:#d33e96;padding:0}
a:hover,a:active{border-bottom:1px dotted #626366;color:#3e4044;padding:0}

.boldPrint{font-size:110%;font-weight:bold;color:#e97e00}
.boldPrint a{display:inline;text-decoration:none;color:#e97e00;border-bottom:1px dotted #959699; padding:0 0 1px 0}
.boldPrint a:hover{text-decoration:none;color:#626366;border-bottom:1px dotted #626366; padding:0 0 1px 0}
.boldBrand{font-size:110%;font-weight:bold;color:#d33e96}
.boldBrand a{display:inline;text-decoration:none;color:#d33e96;border-bottom:1px dotted #959699; padding:0 0 1px 0}
.boldBrand a:hover{text-decoration:none;color:#626366;border-bottom:1px dotted #626366; padding:0 0 1px 0}
.boldWeb{font-size:110%;font-weight:bold;color:#9db51c}
.boldWeb a{display:inline;text-decoration:none;color:#9db51c;border-bottom:1px dotted #959699; padding:0 0 1px 0}
.boldWeb a:hover{text-decoration:none;color:#626366;border-bottom:1px dotted #626366; padding:0 0 1px 0}
.bolditalic{font-weight:bold;font-style:italic}
.italic{font-weight:normal;font-style:italic}
.offscreen{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}

/*.skip{display:none;height:1%}
*/
a img{border:none}

/* Branding,navigation,site info
-----------------------------------------------------*/
.brandingHome{text-align:left;margin:0 0 20px;padding:0 0 30px;position:relative;background:#fff}
.brandingHome span.logo{display:block;float:left;width:205px;height:90px;margin:40px 0 0 20px}
.brandingHome span.logo a{border:none}
.brandingHome span.logo img{margin:0}

.navAccount{padding:0px;position:absolute;top:10px;right:15px}
.navAccount li{padding:0 7px;display:inline;float:right}

.navAccount a{display:inline;text-decoration:none;color:#a5a7aa;border-bottom:1px dotted #a5a7aa; padding:0 0 1px 0}
.navAccount a:hover{text-decoration:none;color:#626366;border-bottom:1px dotted #626366; padding:0 0 1px 0}

.navMain{float:right;text-align:right;font-size:130%;letter-spacing:0.8px;margin:110px 20px 0 0;position:relative;padding:0}
.navMain ul{padding:0 0 0 0;float:right;display:inline;border-left:1px solid #e97e00; border-right:1px solid #7f709f}
.navMain ul li{float:left;list-style-type:none;display:inline}

/*------print*/
.navMain a.print{color:#e97e00}
.navMain a.print:link,.navMain a.print:visited{color:#e97e00;padding:1px 1px 1px 7px}
.navMain a.print:active,.navMain a.print:hover{color:#4f5053;background-color:#f3f2f3;border-bottom:1px dotted #f7931d}
.printOn{ border-bottom:1px dotted #e97e00}

/*------brand*/
.navMain a.brand{color:#d33e96}
.navMain a.brand:link,.navMain a.brand:visited{color:#d33e96;padding:1px 1px 1px 2px}
.navMain a.brand:active,.navMain a.brand:hover{color:#4f5053;background-color:#f3f2f3;border-bottom:1px dotted #d33e96}
.brandOn{ border-bottom:1px dotted #d33e96}

/*------web*/
.navMain a.web{color:#9db51c}
.navMain a.web:link,.navMain a.web:visited{color:#9db51c;padding:1px 1px 1px 2px}
.navMain a.web:active,.navMain a.web:hover{color:#4f5053;background-color:#f3f2f3;border-bottom:1px dotted #9db51c}
.webOn{ border-bottom:1px dotted #9db51c}

/*------software*/
.navMain a.software{color:#00bdf2}
.navMain a.software:link,.navMain a.software:visited{color:#00bdf2;padding:1px 1px 1px 2px}
.navMain a.software:active,.navMain a.software:hover{color:#4f5053;background-color:#f3f2f3;border-bottom:1px dotted #00bdf2}
.softwareOn{ border-bottom:1px dotted #00bdf2}

/*------marketing*/
.navMain a.marketing{color:#7f709f}
.navMain a.marketing:link,.navMain a.marketing:visited{color:#7f709f;padding:1px 7px 1px 2px}
.navMain a.marketing:active,.navMain a.marketing:hover{color:#4f5053;background-color:#f3f2f3;border-bottom:1px dotted #7f709f}
.marketingOn{ border-bottom:1px dotted #7f709f}

.copyright{font-size:95%;color:#cccfd4;float:left;padding:0;margin:17px 0 0 20px}
.validation{float:right;margin:0 10px -5px;padding:0}
.validation a{color:#FFF;text-decoration:none}
.validation a:hover{color:#FFF;text-decoration:none}

/*   subnav 
------------------------------------------------*/
.navSub{width:100%;text-align:left;margin:0 0 0 0;padding:5px 0;position:relative;background-color:#87898d}
.navSub ul{margin:0px 0 0 21px}
.navSub li{font-size:110%;display:inline}
.navSub li a:link,.navSub li a:visited{color:#fff;padding:6px 10px 5px}
.navSub li a:active,.navSub li a:hover{color:#fff;background-color:#626366;padding:6px 10px 5px;border-bottom:1px dotted #f7931d}
.navSub div{position:absolute;top:7px;right:20px;padding:0;color:#FFF}
.navSubOn{background-color:#626366; border-bottom:1px dotted #f7931d}

/* Content structure
-----------------------------------------------------*/
.wrapper{max-width:980px;min-width:740px; border-left:1px solid #fff;border-right:1px solid #fff;margin:0 auto;padding:0 20px}
.container{position:relative;width:auto}
.content{margin:0;padding:0;background-color:#FFF}
.contentPrint{margin:0;padding:0;background-image:url(../images/images-photos/background_print.jpg);background-repeat:no-repeat;background-position:bottom right;min-height:700px}
.contentBrand{margin:0;padding:0;background-image:url(../images/images-photos/background_brand.jpg);background-repeat:no-repeat;background-position:bottom right;min-height:700px}
.contentWeb{margin:0;padding:0;background-image:url(../images/images-photos/background_web.jpg);background-repeat:no-repeat;background-position:bottom right;min-height:700px}
.contentContact{margin:0;padding:0;background-image:url(../images/images-photos/background_wallpaper.jpg);background-repeat:no-repeat;background-position:bottom right;min-height:700px}
.contentMarketing{margin:0;padding:0;background-image:url(../images/images-photos/background_marketing.jpg);background-repeat:no-repeat;background-position:bottom right;min-height:700px}
.contentSoftware{margin:0;padding:0;background-image:url(../images/images-photos/background_software.jpg);background-repeat:no-repeat;background-position:bottom right;min-height:700px}
.contentAbout{margin:0;padding:0;background-image:url(../images/images-photos/background_files.jpg);background-repeat:no-repeat;background-position:bottom right;min-height:700px}
.contentAccess{margin:0;padding:0;background-image:url(../images/images-photos/background_access.jpg);background-repeat:no-repeat;background-position:bottom right;min-height:700px}

.contentHolding{margin:0 0 0 0;padding:1px 0;background-image:url(../images/images-main/background_holding.jpg);min-height:800px}

.contentServices{background-image:url(../images/images-main/spacer.png);margin:20px 20px 20px;padding:15px 0px 30px;color:#717377}
.contentServices .vcard{border-top:1px solid #a5a7aa; border-bottom:1px solid #a5a7aa;padding:7px 0;display:inline-block;margin:0 0 -2px}
.contentServices .contentRight .vcard{border-top:none; border-bottom:none;padding:0;display:inline;margin:0}
.contentServices h1,.contentAccessibility h1{color:#9db51c;font-size:300%;line-height:70%;font-weight:lighter;margin:5px 0 25px}
.contentServices .contentRight h1.header{margin:15px 0 0 11px;background-color:#a5a7aa;padding:10px;color:#FFF;font-size:115%;letter-spacing:0;width:11em;font-weight:normal}

.contentAccessibility{background-image:url(../images/images-main/spacer.png);margin:20px 350px 10px 20px;padding:15px 0px 15px}
.contentAccessibility{color:#717377}

.contentBase{text-align:left;margin:0 0 0;background:#626366}
.contentMain{float:left;width:70%;padding:0;position:relative;margin:0 0 0 15px}
.contentInside{float:left;width:58%;padding:15px 0 0;position:relative;margin:0 0 0 25px}
.contentInside h2{color:#626366;padding:5px 0 0;margin:0 0 -10px;font-size:120%;font-weight:bold}
.contentInside ul{margin:0 0 20px;list-style:disc;margin:0 0 10px 20px}
.contentFull{float:left;width:67%;padding:0 20px 0 0;position:relative;margin:0 0 0 15px;line-height:110%;color:#333}
.contentFull h2{padding:3px 6px;background:#a5a7aa;color:#fff;font-weight:normal;font-size:1em;text-transform:lowercase;margin-top:5px}

.contentMain h1.print{color:#f7931d}
.contentMain h1.brand{color:#d33e96}
.contentMain h1.web{color:#9db51c}
.contentMain h1.software{color:#00bdf2}
.contentMain h1.marketing{color:#887da1}
.contentMain h1.tcb{color:#626366}
.contentInside h1.print{color:#f7931d}
.contentInside h1.brand{color:#d33e96}
.contentInside h1.web{color:#9db51c}
.contentInside h1.software{color:#00bdf2}
.contentInside h1.marketing{color:#887da1}
.contentInside h1.tcb,.contentFull h1.tcb{color:#717274}
.contentMain li{list-style-position:outside;list-style-type:disc;margin:0 0 0 15px;padding:0}
.contentMain ul{margin:0 0 2em 0;padding:0}
.contentRight{float:right;margin:0 15px 0 0;width:25%;padding:0 0 15px;color:#818286}
.contentRight h2{position:relative;color:#FFF;padding:6px 10px 8px;font-size:110%;margin:0 0 2px}
.contentRight h2.tcb{background-color:#626366}
.contentInside h2{padding:0;font-size:130%;margin:25px 0 15px}

/* vacancies include */
.vacanciesInclude{border:1px solid #A5A7AA;margin:10px 0;padding:8px 30px 10px 10px;font-size:1.4em;background:#fff;text-align:left;line-height:1.2em}
.vacanciesInclude a {padding-top:3px;font-size:1.3em;display:block;border-bottom:none}
.vacanciesInclude a:hover,.vacanciesInclude a:active {padding-top:3px;font-size:1.3em;display:block;border-bottom:none}
/* facebook link */
.facebookLink{border:1px dotted #A5A7AA;margin:15px 0 8px 0;padding:10px 10px 9px 38px;font-size:1.2em;text-align:left;background:url(../images/images-icons/facebook.gif) 8px 7px no-repeat #fff}
.facebookLink a{color:#3b5998}
.facebookLink a:hover{color:#333}

/* Developer advert
--------------------------------------------------------------*/
.developerCode{font-family:"Courier New", Courier;color:#000;padding:0 0 10px 30px;font-size:1.1em;line-height:1.05em}
.tab1{padding-left:30px;margin:0}
.tab2{padding-left:60px;margin:0}
.tab3{padding-left:90px;margin:0}
.tab4{padding-left:120px;margin:0}
.keywords{color:#0000ce}
.names{color:#0081a7}

/* Holding page
--------------------------------------------------------------*/
.contentRight2{float:left;margin:0 0 0 15px;width:276px;padding:0}
.contentMain2{float:right;width:370px;padding:0;position:relative;margin:0 15px 0 0}
.wrapper2{width:740px; border-left:1px solid #fff;border-right:1px solid #fff;margin:0 auto;padding:0 20px}

/* portfolio and news
-----------------------------------------------------*/
.exampleleft{margin:0px 0 20px 0}
.header{margin:15px 0 0 11px;background-color:#a5a7aa;padding:5px 10px;color:#FFF;font-size:115%;letter-spacing:0;width:11em}
.examplePic{border:1px solid #a5a7aa;background-color:#FFF;margin:0;padding:10px 10px 10px 10px}
.exampleleft h2{padding:10px 0 0px 10px;color:#626366;font-weight:bold;font-size:115%}
.exampleleft p{margin:5px 10px 5px 11px}
.accordionHolder{border:1px solid #a5a7aa;background-color:#FFF;margin:0 0 0 0;padding:10px;line-height:1.2em}
.twitterHolder,.deliciousHolder{border:1px solid #a5a7aa;background-color:#FFF;margin:0 0 15px 0;padding:10px;line-height:1.2em}
.twitterHolder h2,.deliciousHolder h2{padding:0;margin:0 0 15px;color:#626366;font-size:115%}
.twitterHolder ul,.deliciousHolder ul{list-style-type:none!important}
.twitterHolder li,.deliciousHolder li{margin:0 0 10px;list-style-type:none!important}
.deliciousHolder li{margin:0 0 1px!important}
.twitterHolder a:link,.twitterHolder a:visited,.deliciousHolder a:link,.deliciousHolder a:visited{margin:0 0 5px}
.twitterHolder a:active,.twitterHolder a:hover,.deliciousHolder a:active,.deliciousHolder a:hover{margin:0 0 4px;text-decoration:none!important}
.deliciousHolder li a:hover{border-bottom:none!important;text-decoration:none!important;color:#333!important}

.accordionHolder h2{position:relative;color:#FFF;padding:6px 10px 8px;font-size:110%;margin:0 0 2px}
.accordionHolder h2:hover{cursor:pointer}
.accordionHolder h2 span.accordionOpen{position:absolute;top:4px;right:0;background:url(../images/images-icons/accordian-arrowup.png) no-repeat top right;width:22px;height:18px}
.accordionHolder h2 span.accordionClosed{position:absolute;top:4px;right:0;background:url(../images/images-icons/accordian-arrow.png) no-repeat top right;width:22px;height:18px}
.accordionHolder h2.print{background-color:#f7931d}
.accordionHolder h2.brand{background-color:#d33e96}
.accordionHolder h2.web{background-color:#aec62e}
.accordionHolder h2.software{background-color:#00bdf2}
.accordionHolder h2.marketing{background-color:#887da1}
.accordionHolder h2.tcb{background-color:#626366}

.accordionHolder h3{letter-spacing:0.5px;padding:5px 0 5px;font-weight:bold;font-size:110%}
.accordionHolder h3.print{color:#e97e00;border-bottom:1px solid #e97e00}
.accordionHolder h3.brand{color:#d33e96;border-bottom:1px solid #d33e96}
.accordionHolder h3.web{color:#9db51c;border-bottom:1px solid #9db51c}
.accordionHolder h3.software{color:#00bdf2;border-bottom:1px solid #00bdf2}
.accordionHolder h3.marketing{color:#7f709f;border-bottom:1px solid #7f709f}
.accordionHolder h3.tcb{color:#626366;border-bottom:1px solid #626366}
.accordionHolder .accordionContent{padding:0 0 1px!important;margin:0 0 -1px!important}
.accordionHolder a:link,.accordionHolder a:visited{margin:0 0 5px}
.accordionHolder a:active,.accordionHolder a:hover{margin:0 0 4px}

.testimonial{border:1px solid #a5a7aa;background-color:#FFF;margin:0 0 15px 0;padding:0 10px 2px;background:url(../images/images-main/testimonial_gradient.jpg) repeat-x;font-size:110%}
.testimonial .author{color:#3e3f44;font-size:90%}
.vcard{margin:0 0 10px;line-height:130%;font-size:105%;letter-spacing:-0.3px;color:#626366}
.vcard .bold{color:#3e3f44}
.vcard img{padding:20px 0 2px 0px}
.icon{padding:0;margin:-10px 0 0}
.vCardIcon p{padding:0px;font-weight:normal}
.vCardIcon img{margin-right:7px;margin-top:0px}
.download{margin:5px 0 0}
.map{height:250px;z-index:5;border:1px solid #a5a7aa;margin:20px 0 10px;padding:0;width:100%;overflow:hidden;position:relative}
.map img{position:absolute;top:0;right:0}

/* accessibility
-----------------------------------------------------*/
table .accesstable{border-collapse:collapse;width:100%;line-height:1.1em;margin:10px 0 15px 0}
.accesstable td{border:1px solid #fffce6;background:#d2bc75;padding:5px 7px;vertical-align:middle}
.accesstable th{text-align:left;border:1px solid #fffce6;background:#cfb666;padding:5px 7px}
ul.content_list li{list-style-type:disc;padding:0 0 4px 0;margin:0 0 0 15px;list-style-position:outside}

/* Form elements
-----------------------------------------------------*/
input,textarea,select{border:1px solid #959699;background-color:#fff;color:#47484b;padding:2px;margin:0 2px 2px 0px;font-size:0.9em;width:96%}
textarea{font-family:arial,helvetica,sans-serif;font-size:1em}
select{padding:0}
input.go{border:1px solid #d33e96;background:#d33e96;color:#fff;padding:2px 6px;margin:4px 0 0;height:auto;cursor:pointer;font-weight:bold;width:auto}
input.go:hover{border:1px solid #a73076;background:#a73076}
input.go:active{border:1px solid #d33e96;background:#d33e96}
input.checkbox{width:auto}
select.title{width:50px}
div.error{background:url(../images/images-icons/alerticon.gif) top right no-repeat #f5d4ae;line-height:1.05em;padding:2px;margin:0 2px 2px 0px;color:red}
div.error input{border:1px solid #e15539;margin:5px 0 0}
div.error span{font-size:0.9em}
div.error label{color:#bf2400;padding:2px 0px 0;margin:2px 0 -1px 0}
.alert{margin-bottom:5px;font-weight:bold;font-size:1.2em}
.enquiryHolder label{font-weight:normal;color:#626366;font-size:100%;display:block;margin:0}
.enquiryHolder label span{color:#e97e00;font-weight:normal}
.enquiryHolder legend{padding:3px 6px;background:#a5a7aa;color:#fff;font-weight:normal;font-size:1em;text-transform:lowercase;width:100px}
.enquiryHolder legend span{display:block; width:100px}
.enquiryHolder div{background:#e7e9ed;padding:2px 2px 2px 5px;margin:0 3px 2px 0}

.x27uy{display:none}
.x27uy{height:1px}

/* clear */
.clear{clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hide from IE Mac \*/
.clearfix{display:block}
/* End hide from IE Mac */
/* Easy Slider */
pre{display:block;font:12px "Courier New",Courier,monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;margin:.5em 0;width:510px}

.examplePic{position:relative}
.slider{width:100%!important;overflow:hidden}
.sliderPrint{background:url(../images/images-main/print-png.png) no-repeat;position:absolute;bottom:15px;left:15px;height:40px;width:300px}
.sliderBrand{background:url(../images/images-main/brand-png.png) no-repeat;position:absolute;bottom:15px;left:15px;height:40px;width:300px}
.sliderWeb{background:url(../images/images-main/web-png.png) no-repeat;position:absolute;bottom:15px;left:15px;height:40px;width:300px}
.slider ul,.slider li{margin:0;padding:0;list-style:none}
.slider li{/*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/width:674px;height:231px;overflow:hidden}
#printPrevious,#brandPrevious,#webPrevious{position:absolute;bottom:15px;right:38px;overflow:hidden;text-indent:-8000px;width:20px;height:20px}
#printNext,#brandNext,#webNext{position:absolute;bottom:15px;right:15px;overflow:hidden;text-indent:-8000px;width:20px;height:20px}
#printPrevious a,#brandPrevious a,#webPrevious a{display:block;background:url('../images/images-icons/buttons_prev.png') no-repeat;width:20px;height:20px}
#printNext a,#brandNext a,#webNext a{display:block;background:url('../images/images-icons/buttons_next.png') no-repeat;width:20px;height:20px}

/* Accessibility information
-----------------------------------------------------*/
.accessList,.accessList ul{list-style-type:disc;margin:0 0 0 20px;font-size:100%}
.accessibilityPage h2{font-size:120%;padding:5px 8px;margin-top:15px !important}
.accessibilityPage h2.tcb{margin-top:0px !important}
.accessList ul{font-size:100%}
.accessList li{margin-bottom:6px!important}
.accessList li ul{margin-top:4px}
.accessKeys{margin:5px 0 10px 0px}
ul.accessKeys li{list-style-type:none!important}
.keyPress,.keyDescription{display:inline-block;padding:3px 10px;margin:0;border:1px solid #ccc}
.keyPress{width:3.7em;border-right:none;border-bottom:none}
.keyDescription{width:50%;border-bottom:none}
.keyPress.lastItem,.keyDescription.lastItem{border-bottom:1px solid #ccc}