/* RESET RULES */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0; font-weight: normal; }
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display: block; }
a img { border: 0; }
figure { position: relative; }
figure img { width: 100%; }
.mr0 { margin-right: 0 !important; }

/* GENERAL RULES*/
@font-face { font-family: 'nexa'; src: url('nexa_bold-webfont.eot'); src: url('nexa_bold-webfont.eot?#iefix') format('embedded-opentype'), url('nexa_bold-webfont.woff') format('woff'), url('nexa_bold-webfont.ttf') format('truetype'), url('nexa_bold-webfont.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NexaLight'; src: url('nexa_light-webfont.eot'); src: url('nexa_light-webfont.eot?#iefix') format('embedded-opentype'), url('nexa_light-webfont.woff') format('woff'), url('nexa_light-webfont.ttf') format('truetype'), url('nexa_light-webfont.svg#nexa_lightregular') format('svg'); font-weight: normal; font-style: normal; }
body { font: 15px/23px Tahoma, sans-serif; color: #777; background: url('../images/body-bg.png'); border-top: solid 5px #896db9; max-width: 1440px; min-width: 990px; margin: 0 auto; }
a { text-decoration: none; }
strong { font-weight: bold; }



/*** HEADER ***/
#header { height: 80px; min-width: 990px; background:#fcfcfc;    }
#logo { width: 222px; height: 42px; margin: 19px 0 0 30px; float: left; }
#menus { float: right; margin-right: 30px; }
#small-menu { font: 11px/11px Tahoma; color: #896db9; text-align: right; }
#small-menu a { font: 11px/11px Tahoma; display: inline-block; }
#small-menu a:hover, #small-menu .selected { color: #52397c !important; }
#small-menu .c1 a { color: #896db9; padding: 6px 20px 6px 35px; border-right: dotted 1px #896db9; color: #896db9; position: relative; }
#small-menu .c1 .last { border: none; }
#small-menu .c2 { /*background: url('../../images/login-languages-bg-ar.png') no-repeat;*/ display: inline-block; width: auto; height: 25px; vertical-align: top; /*padding-top: 5px;*/ text-align: left; }
#small-menu .c2 .login { color: #fff !important; padding: 0 20px 0 5px; background: #896db9 url('../images/login-arrow.png') no-repeat 120px 9px; vertical-align:top; height:25px; line-height:23px;  }
#small-menu .c2 .username { color: #fff !important; padding: 0 5px; vertical-align:top; height:25px; line-height:23px; background: #896db9; }
#small-menu .c2 .lang { display:inline-block; height:11px; padding:7px 5px; background:#f4f4f4; vertical-align:top;    }
#small-menu .c2 label {display:inline-block; height:25px; width:20px; background: url('../images/login-languages-bg.png') no-repeat; }
#small-menu .c2 .i1 { background-position: 0 0;  }
#small-menu .c2 .i2 { background-position:-150px 0;  }
#small-menu .c2 .i3 { background-position: -216px 0;  }
#small-menu i { position: absolute; display: block; width: 20px; height: 20px; top: 2px; left: 5px; background-image: url('../images/icons-sprite.png'); background-repeat: no-repeat; }
.icohome { background-position: -40px 0; }
#small-menu .c1 a:hover .icohome, #small-menu .selected .icohome { background-position: -40px -20px; }
.icocareers { background-position: -60px 0; }
#small-menu .c1 a:hover .icocareers, #small-menu .selected .icocareers { background-position: -60px -20px; }
.icocontact { background-position: -100px 0; }
#small-menu .c1 a:hover .icocontact, #small-menu .selected .icocontact { background-position: -100px -20px; }
.en { color: #aaa; padding-right: 8px; border-right: dotted 1px #aaa; }
.ar { color: #aaa; padding-left: 8px; }
.selected_lang { color: #896db9; font-weight: bold !important; }




/* DROPDOWN MENU*/
/* 
	LEVEL ONE
*/
#main-menu {margin-top: 10px;  }
#main-menu ul { list-style: none;  }
ul.dropdown { position: relative; }
ul.dropdown > li { float: left; zoom: 1; background: url('../images/sep.png') no-repeat right center; padding-right: 15px; margin-right: 15px; z-index:99;  }
ul.dropdown a:hover { background: #ebe9ee; }
ul.dropdown li a { display: inline-block; color: #52397c; font: 16px/20px nexa, sans-serif; padding: 5px 10px; border-radius: 5px; }
ul.dropdown .newboxradius { border-radius: 5px 5px 0 0; }

ul.dropdown > li:last-child { background: none; padding: 0; margin: 0; }
/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover { position: relative; }
ul.dropdown li.hover a,
ul.dropdown li:hover a { background: #ebe9ee; }

#main-menu .selected { background: #896db9 !important; color: #fff; }
#main-menu .rq { color: #52397c; background: none; }
#main-menu .rq:hover, #main-menu .rqselected { color: #fff; background: #ffd200; }


/* 
	LEVEL TWO
*/
ul.dropdown ul { width:260px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li {   border-top: 1px solid #e0e0e0; float: none; padding:10px; background: #ebe9ee;  }
ul.dropdown ul li a { font-family:NexaLight; border-radius:0; padding:0; }

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }



/*** BANNER ***/
#homepage { position: relative; height: 680px; }
#banner { height: 445px; position: relative; background: #f4f4f4; border-bottom: 1px solid #f0f0f0; }
#shadow { position: absolute; top: 0; left: 0; right: 0; height: 29px; background: url('../images/shadow1.png') center bottom no-repeat; z-index: 10; }
.slide { width: 100%; height: 445px; overflow: hidden; }
.slide-content { width: 960px; height: 445px; margin: 0 auto; position: relative; }
#slide1 { background: url('../images/globe.jpg') no-repeat center center; display: none; }
#slide1 .pointer { position: absolute; width: 59px; background-image: url('../images/pointers.png'); background-repeat: no-repeat; opacity: 0; }
#slide1 #hq { top: 55px; left: 416px; height: 49px; background-position: 0 0; }
#slide1 #te { top: 83px; left: 300px; height: 55px; background-position: 0 -106px; }
#slide1 #tr { top: 139px; left: 599px; height: 57px; background-position: 0 -163px; }
#slide1 #hj { top: 155px; left: 791px; height: 63px; background-position: 0 -223px; }
#slide1 #cd { top: 167px; left: 480px; height: 53px; background-position: 0 -51px; }
#slide1 #tt { top: 231px; left: 563px; height: 71px; background-position: 0 -289px; }
#slide1 #ty { top: 240px; left: 707px; height: 71px; background-position: 0 -362px; }
#slide1 .title { width: 242px; height: 61px; background: rgba(80,61,150,0.8) url('../images/eye-track-white.png') no-repeat center center; position: absolute; top: 120px; left: 0; text-indent: -9999px; opacity: 0; }
#slide1 .desc { position: absolute; top: 190px; left: 0; opacity: 0; }
#slide1 .desc span { background: rgba(246,240,255,0.8); background: #ece5f8; font: 20px/36px nexa; color: #5b3a94; padding: 0 12px; display: inline-block; height: 36px; margin-bottom: 4px; }
#slide1 .button { position: absolute; left: 0; top: 285px; height: 32px; width: 180px; opacity: 0; }
#slide1 .button a { font: 16px/32px nexa; color: #fff; display: block; height: 32px; width: 180px; background: #ffd200; text-align: center; box-shadow: 1px 1px 5px rgba(47,31,106,0.2); }
#slide1 .button a:hover { background: #f2c701; }

#slide2 { background: url('../images/control.jpg') no-repeat center center; display: none; }
#slide2 .title { position: absolute; top: 220px; left: 0; opacity: 0; background: rgba(80,61,150,0.8); background: #6c5ba6; font: 20px/36px nexa; color: #f4f4f4; padding: 0 12px; display: inline-block; height: 36px; margin-bottom: 4px; }
#slide2 .desc { position: absolute; top: 260px; left: 0; opacity: 0; background: rgba(246,240,255,0.8); background: #ece5f8; font: 24px/45px nexa; color: #5b3a94; padding: 0 12px; display: inline-block; height: 45px; margin-bottom: 4px; }
#slide2 .button { position: absolute; left: 0; top: 320px; height: 32px; width: 180px; opacity: 0; }
#slide2 .button a { font: 16px/32px nexa; color: #fff; display: block; height: 32px; width: 180px; background: #5295cc; text-align: center; box-shadow: 1px 1px 5px rgba(47,31,106,0.2); }
#slide2 .button a:hover { background: #4081b6; }
#slide2 .li { position: absolute; height: 25px; font: 16px/25px nexa; color: #888; width: 300px; background-image: url('../images/poointers.png'); background-repeat: no-repeat; padding-left: 10px; display: none; }
#slide2 #i1 { top: 155px; }
#slide2 #i2 { top: 180px; }
#slide2 #i3 { top: 205px; }
#slide2 #i4 { top: 230px; }
#slide2 #i5 { top: 255px; }

#slide3 { background: url('../images/interface.jpg') no-repeat center center; display: none; }
#slide3 .title { position: absolute; top: 60px; left: 0; opacity: 0; background: rgba(80,61,150,0.8); background: #6c5ba6; font: 20px/36px nexa; color: #f4f4f4; padding: 0 12px; display: inline-block; height: 36px; margin-bottom: 4px; }
#slide3 .desc { position: absolute; top: 100px; left: 0; opacity: 0; background: rgba(246,240,255,0.8); background: #ece5f8; font: 24px/45px nexa; color: #5b3a94; padding: 0 12px; display: inline-block; height: 45px; margin-bottom: 4px; }
#slide3 .button { position: absolute; left: 0; top: 300px; height: 32px; width: 180px; opacity: 0; }
#slide3 .button a { font: 16px/32px nexa; color: #fff; display: block; height: 32px; width: 180px; background: #ffd200; text-align: center; box-shadow: 1px 1px 5px rgba(47,31,106,0.2); }
#slide3 .button a:hover { background: #f2c701; }
#slide3 .elt { position: absolute; background-image: url('../images/interface-elts.png'); background-repeat: no-repeat; opacity: 0; }
#slide3 #cz { top: -131px; left: 595px; width: 338px; height: 303px; background-position: 0 0; }
#slide3 #cp { top: 240px; left: 526px; width: 47px; height: 57px; background-position: 0 -316px; }
#slide3 #vp { top: 22px; left: 664px; width: 47px; height: 57px; background-position: -53px -316px; }
#slide3 #hq3 { top: 163px; left: 191px; width: 47px; height: 57px; background-position: -107px -316px; }
#slide3 #os { top: 107px; left: 644px; width: 153px; height: 70px; background-position: -168px -316px; }
#slide3 #t1 { top: 0px; left: 684px; width: 338px; height: 107px; background-position: 0 -387px; }
#slide3 #t2 { top: 216px; left: 213px; width: 338px; height: 145px; background-position: 0 -507px; }


/*** HOME SECTIONS ***/
#home-section { position: absolute; width: 960px; overflow: hidden; bottom: 0; left: 50%; margin-left: -480px; padding-bottom: 31px; background: url('../images/shadow1.png') center bottom no-repeat; margin-bottom: 30px; }
#home-section > div { width: 220px; height: 200px; float: left; padding: 15px 10px; }
#home-section #s1 { background: #a888df; }
#home-section #s2 { background: #885bd5; }
#home-section #s3 { background: #7146ba; }
#home-section #s4 { background: #5d32a5; }
#home-section h3 { border-bottom: 1px solid #9873d6; color: #27095a; font: 18px/18px nexa; padding-bottom: 10px; }
#home-section p, #home-section li { font: 13px/20px Tahoma; color: #eae5f2; margin: 10px 0; height: 125px; width: 220px; }
#home-section a { color: #260859; font: 12px/26px Tahoma, Tahoma, sans-serif; background: url('../images/button.png'); padding-left: 10px; float: right; display: inline-block; width: 86px; height: 26px; }
#home-section #s2 h3, #home-section #s4 h3 { color: #eae5f2; }
#home-section .jcarousel-container { width: 220px; height: 145px; }
#home-section .jcarousel-clip-horizontal { width: 220px; height: 145px; overflow: hidden; }
#home-section ul { list-style: none; overflow: hidden; height: 145px; }
#clients-carousel li { background-position: center center; background-repeat: no-repeat; }

/*Homepage Video*/
#video-row { width: 960px; overflow: hidden; margin: 0 auto; margin-bottom: 50px; }
#video-text { float: left; width: 340px; }
#video-text h1 { font: 28px/34px nexa; color: #5b3a94; margin: 10px 0 20px 0; }
#video-text p { text-align: justify; margin-bottom: 10px; }
#video-text .note { font: 12px/20px Tahoma, sans-serif; color: #7146ba; }
#video-wrap { float: right; width: 540px; height: 304px; }



/*** Inner Headers ***/
#innerpage { position: relative; height: 330px; margin-bottom: 15px; }
#innerbanner { height: 200px; position: relative; background: #f4f4f4; border-bottom: 1px solid #f0f0f0; background: url('../images/globe-small.jpg') no-repeat center center; }
#inner-intro { position: absolute; width: 960px; overflow: hidden; bottom: 0; left: 50%; margin-left: -480px; padding-bottom: 31px; background: url('../images/shadow1.png') center bottom no-repeat; }
#inner-intro > div { width: 430px; height: 100px; float: left; padding: 25px; }
#inner-intro #s1 { background: #885bd5; }
#inner-intro #s2, #inner-intro #s3 { background: #7146ba; }
#inner-intro #s1 h1 { color: #260859; font: 23px nexa; margin-bottom: 10px; }
#inner-intro #s1 p { color: #eae5f2; font: 15px/20px nexa; }
#inner-intro #s2 p { color: #eae5f2; font: 13px/20px Tahoma, sans-serif; }
#inner-intro #s3 { padding: 5px; width: 470px; height: 140px; }
#inner-intro #s3 img { width: 470px; height: 140px; }
#breadcrumbs { width: 350px; height: 40px; font: 16px/40px NexaLight,Tahoma, sans-serif; color: #7146ba; position: absolute; left: 50%; margin-left: -480px; background: rgba(246,240,255,0.8); background: #ece5f8; bottom: 181px; padding: 0 25px; }
#breadcrumbs a { color: #7146ba; }
#breadcrumbs a:hover { text-decoration: underline; }
#innerbody { width: 960px; margin: 0 auto 40px auto; overflow: hidden; }

/*** CLIENTS ***/
#clients { padding-top: 50px; background: url('../images/clients-new-title.png') no-repeat top center; overflow: hidden; }
#clients > div { width: 224px; height: 179px; padding-bottom: 9px; background: url('../images/clients-shadow.png') no-repeat bottom center; float: left; margin: 0 21px 21px 0; }
#clients .client { width: 224px; height: 129px; background-color: #ebe9ee; background-position: center center; background-repeat: no-repeat; }
#clients .mask { background: rgba(33,11,69,0.9); background: #331f55; font: 13px/20px Tahoma, sans-serif; color: #fff; text-align: center; padding-top: 40px; height: 89px; width: 224px; display: none; }
#clients .mask a { color: #fff; }
#clients label { display: block; width: 222px; height: 50px; background-color: #fbfbfb; color: #260859; font: 13px/50px Tahoma, Sans-Serif; text-align: center; }
#clients .hide { display: none !important; }

/*** About ***/
#about-wrap { width: 630px; margin-left: 15px; float: left; text-align: justify; }
#about-wrap h2 { font: 32px/45px NexaLight; letter-spacing: -1px; color: #3b1974; margin-bottom: 15px; text-align: left; }
#about-wrap h3 { font: 22px/24px NexaLight; letter-spacing: -1px; color: #3b1974; text-align: left; }
#about-wrap p { margin-bottom: 20px; }
#about-wrap ul { margin-bottom: 20px; list-style: none; }
#about-wrap li { padding-left: 30px; position: relative; line-height: 25px; }
#about-wrap li i, #about-wrap li em { position: absolute; display: block; width: 20px; height: 20px; top: 0; left: 0; background-image: url('../images/icons-sprite.png'); background-repeat: no-repeat; background-position: 0 -20px; }
#about-wrap strong { color: #3b1974; font-weight: normal; }
#sidemenu { width: 300px; margin-right: 15px; float: left; height: 350px; background: url('../images/about-menu-bg.png') no-repeat; }
#sidemenu li { height: 45px; background: url('../images/about-menu-sep.png') no-repeat left bottom; padding: 0 25px; }
#sidemenu a { display: block; font: 14px/45px nexa, sans-serif; color: #777; }
#sidemenu .last { background: none; }
#sidemenu a:hover, #sidemenu .selected { color: #3b1974; }
#sidemenu .selected { background: url('../images/about-menu-arrow.png') no-repeat right center; }



/*** VALUES BOX 
#valuesbox{position:relative;width:630px; height:250px;}
#valuesbox h2{position:absolute;width:239px; height:49px; color:#fff; font:18px/49px nexa; padding-left:75px;background-image: url('../images/digits.png'); background-repeat:no-repeat; cursor:pointer;    }
#valuesbox #h1{top:0; left:0; background-color:#d4cedd; background-position:20px 10px;  }
#valuesbox #h2{top:0; left:315px; background-color:#d4cedd; background-position:20px -67px;  }
#valuesbox #h3{top:50px; left:0; background-color:#8e84b7;background-position:20px -144px;  }
#valuesbox #h4{top:50px; left:315px; background-color:#8e84b7;background-position:20px -221px;  }
#valuesbox #h5{top:100px; left:0px; background-color:#7d6b9a;background-position:20px -298px;  }
#valuesbox #h6{top:100px; left:315px; background-color:#7d6b9a;background-position:20px -375px;  }
#valuesbox #h7{top:150px; left:0px; background-color:#77bdb5;background-position:20px -451px;  }
#valuesbox #h8{top:150px; left:315px; background-color:#77bdb5;background-position:20px -528px;  }
#valuesbox #h9{top:200px; left:0; background-color:#0f658a;background-position:20px -603px;  }
#valuesbox #h10{top:200px; left:315px; background-color:#0f658a;background-position:20px -680px;  }
#valuesbox p{position:absolute;width:580px; padding:25px; color:#fff; font:14px/22px Tahoma, sans-serif; display:none;z-index:999; }
#valuesbox #p1{top:49px; left:0; background-color:#d4cedd;  }
#valuesbox #p2{top:49px; left:0; background-color:#d4cedd;}
#valuesbox #p3{top:99px; left:0; background-color:#8e84b7;}
#valuesbox #p4{top:99px; left:0; background-color:#8e84b7; }
#valuesbox #p5{top:149px; left:0; background-color:#7d6b9a; }
#valuesbox #p6{top:149px; left:0; background-color:#7d6b9a; }
#valuesbox #p7{top:199px; left:0; background-color:#77bdb5; }
#valuesbox #p8{top:199px; left:0; background-color:#77bdb5; }
#valuesbox #p9{top:249px; left:0; background-color:#0f658a; }
#valuesbox #p10{top:249px; left:0; background-color:#0f658a; }***/

/*** VALUES BOX ***/
#valuesbox { overflow: visible; width: 630px; }
#valuesbox h2 { width: 239px; margin: 0 1px 1px 0; height: 49px; color: #fff; font: 18px/49px nexa; padding-left: 75px; background-image: url('../images/digits.png'); background-repeat: no-repeat; cursor: pointer; float: left; }
#valuesbox #h1 { background-color: #d4cedd; background-position: 20px 10px; }
#valuesbox #h2 { background-color: #d4cedd; background-position: 20px -67px; }
#valuesbox #h3 { background-color: #8e84b7; background-position: 20px -144px; }
#valuesbox #h4 { background-color: #8e84b7; background-position: 20px -221px; }
#valuesbox #h5 { background-color: #7d6b9a; background-position: 20px -298px; }
#valuesbox #h6 { background-color: #7d6b9a; background-position: 20px -375px; }
#valuesbox #h7 { background-color: #77bdb5; background-position: 20px -451px; }
#valuesbox #h8 { background-color: #77bdb5; background-position: 20px -528px; }
#valuesbox #h9 { background-color: #0f658a; background-position: 20px -603px; }
#valuesbox #h10 { top: 200px; left: 315px; background-color: #0f658a; background-position: 20px -680px; }
#valuesbox p { width: 579px; padding: 10px 25px; color: #fff; font: 14px/22px Tahoma, sans-serif; display: none; float: left; margin: 0 1px 1px 0; }
#valuesbox #p1 { background-color: #d4cedd; }
#valuesbox #p2 { background-color: #d4cedd; }
#valuesbox #p3 { background-color: #8e84b7; }
#valuesbox #p4 { background-color: #8e84b7; }
#valuesbox #p5 { background-color: #7d6b9a; }
#valuesbox #p6 { background-color: #7d6b9a; }
#valuesbox #p7 { background-color: #77bdb5; }
#valuesbox #p8 { background-color: #77bdb5; }
#valuesbox #p9 { background-color: #0f658a; }
#valuesbox #p10 { background-color: #0f658a; }
.valhselected { height: 50px !important; margin-bottom: 0 !important; }

/*** EYETRACK ***/
#eyetrack-wrap { width: 960px; margin: 0 auto; background: url('../images/features-bg.png') no-repeat; }
#eyetrack-head { width: 960px; height: 110px; overflow: hidden; }
#eyetrack-head div { width: 480px; height: 109px; float: left; background: url('../images/features-sep.png') no-repeat right top; border-bottom: 1px solid #e2e2e0; cursor: pointer; }
#eyetrack-head a { display: block; height: 109px; padding: 35px 0 0 60px; }
#eyetrack-head .last { background: none; }
#eyetrack-head .selected { border: none; }
#eyetrack-head .selected a { background: url('../images/features-hgr.png') repeat-x; }
#eyetrack-head span { font: 24px/30px nexa; color: #7146ba; display: block; }
#eyetrack-head label { font: 16px/20px Tahoma, sans-serif; color: #818181; display: block; }
#eyetrack-body { background: url('../images/features-bgr.png') repeat-x; padding: 60px; background-size: 1px 100%; }
#eyetrack-body .row { margin-bottom: 70px; overflow: hidden; }
#eyetrack-body .text { width: 435px; margin-bottom: 25px; }
.eye-track p { margin-bottom: 10px; }
#eyetrack-body .image { width: 365px; }
#eyetrack-body .odd .text { float: left; margin-right: 40px; }
#eyetrack-body .odd .image { float: left; }
#eyetrack-body .even .text { float: right; }
#eyetrack-body .even .image { float: right; margin-right: 40px; }
#eyetrack-body .text h2, .security-text h2 { font: 26px/42px NexaLight; letter-spacing: -1px; color: #260859; margin-bottom: 10px; }
.security-text div { margin-bottom: 50px; overflow: hidden; }
.security-image { padding-bottom: 12px; background: url('../images/fimg-bg.png') no-repeat bottom center; width: 361px; height: 220px; margin-top: 25px; }
.security-image img { width: 361px; height: 214px; border: 3px solid #e3ddee; }
#eyetrack-body .text a { color: #fdffff; font: 13px/31px Tahoma, sans-serif; background: url('../images/button-purple.png'); padding-left: 10px; float: left; display: inline-block; width: 129px; height: 31px; text-align: left !important; margin-top: 5px; }
#eyetrack-body .even a { float: right !important; }
#eyetrack-body .odd { text-align: left; }
#eyetrack-body .even { text-align: right; }
#eyetrack-body .odd .image > div { float: right; padding-top: 20px; }
#eyetrack-body .even .image > div { float: left; padding-top: 20px; }
#eyetrack-body .image img { width: 355px; height: 178px; border: 3px solid #e3ddee; }
#eyetrack-body .image div { padding-bottom: 12px; background: url('../images/fimg-bg.png') no-repeat bottom center; width: 361px; height: 184px; }






/*** CONTACT ***/
/*** UPDATES ***/
#rac-c2a { display: block; color: #fff; margin-top: 10px; }
.contact { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px dotted #f0f0f0; overflow: hidden; }
.contact-details { width: 400px; float: right; }
#socialmedia, #relatednews { width: 240px; float: right; }
.contact-details h2, #socialmedia h2, #relatednews h2 { font: 24px/34px nexa; color: #5b3a94; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; margin: 10px 0 20px 0; }
.contact-details h2 span { font-size: 18px; }
.contact-details ul, #socialmedia ul, #relatednews ul { list-style: none; }
.contact-details li, #socialmedia li { min-height: 38px; padding: 5px 0 15px 55px; font: 16px/25px Tahoma, sans-serif; color: #777; position: relative; }
.contact-details a { color: #7146ba; }
.contact-details .padding { padding: 15px 0 5px 55px !important; }
#socialmedia a { color: #714bba; line-height: 38px; }
#socialmedia a:hover { color: #260859; }
.contact-details a:hover { text-decoration: underline; }
.contact-details .contact-icon, #socialmedia .sm-icon { display: block; width: 38px; height: 38px; position: absolute; top: 10px; left: 0; background-image: url('../images/icons.png'); background-repeat: no-repeat; }
.contact-details .phone { background-position: 0 0; }
.contact-details .email { background-position: -38px 0; }
.contact-details .address { background-position: -76px 0; }
#socialmedia .fb { background-position: -114px 0; }
#socialmedia .tw { background-position: -152px 0; }
#socialmedia .li { background-position: -190px 0; }

#relatednews li { overflow: hidden; margin-bottom: 30px; font: 12px/18px Tahoma, sans-serif; color: #777; }
#relatednews li a { color: #777; }
#relatednews li a:hover { color: #5b3a94; }
#relatednews img { width: 75px; height: 50px; margin-top: 5px; margin-right: 10px; float: left; }

/*** UPDATES ***/
#updates, #update { width: 660px; float: left; margin-top: 15px; }
#update h1 { font: 24px/32px nexa; color: #7146ba; margin-bottom: 20px; }
#update p { text-align: justify; margin-bottom: 15px; }
#update .date { display: block; font: 12px/28px Tahoma, sans-serif; color: #777; background: #e0e0e0; width: 100px; text-align: center; margin-bottom: 10px; }
#update img { width: 300px; height: 200px; margin: 6px 15px 15px 0; float: left; }



/*** MAP ***/
.map-canvas { width: 480px; height: 300px; background: #ddd; float: left; }

/*** CAREERS ***/
.careers-intro { text-align: justify; margin-bottom: 20px; padding: 15px 0; font: 13px/20px Tahoma, sans-serif; }
#vacancies { width: 600px; float: left; }
#vacancies h2, .careersform h2 { font: 24px/34px nexa; color: #5b3a94; padding-bottom: 15px; border-bottom: 1px dotted #ddd; margin: 10px 0 20px 0; }
#vacancies ul { list-style: none; }
#vacancies > li { padding: 5px 0 15px 0px; position: relative; }
#vacancies h3 { font: 19px/45px Tahoma, sans-serif; color: #7146ba; }
#vacancies p { margin-bottom: 20px; }
#vacancies > ul ul { margin-bottom: 20px; list-style-type: square; list-style-position: inside; }
#vacancies li li { line-height: 25px; }
/*** FOOTER ***/
#footer { height: 60px; background: rgba(170,170,170,0.1); background: #f6f6f0; border-top: solid 1px #f0f0f0; }
#footer .wrap { width: 960px; margin: 0 auto; overflow: hidden; text-align: center; font: 12px/60px Tahoma, sans-serif; color: #888; }
#rights { float: left; }
#signature { float: right; }
#signature a { color: #888; font-weight: bold; }
#signature a:hover { color: #7146ba; }
#smbuttons a { display: inline-block; height: 40px; width: 40px; background-image: url('../images/sm-sprite.png'); background-repeat: no-repeat; margin: 10px 1px; }
#smbuttons .fb { background-position: 0 0; }
#smbuttons .tw { background-position: -40px 0; }
#smbuttons .li { background-position: -80px 0; }
#smbuttons .fb:hover { background-position: 0 -40px; }
#smbuttons .tw:hover { background-position: -40px -40px; }
#smbuttons .li:hover { background-position: -80px -40px; }


/*** DataList ***/
.listitem { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #ddd; overflow: hidden; }
.listitem .div1 { width: 150px; margin-top: 5px; margin-right: 15px; float: left; }
.listitem img { width: 150px; height: 100px; }
.listitem h1 { font: 24px/32px nexa; color: #7146ba; margin-bottom: 5px; }
.listitem h1 a { color: #7146ba; }
.listitem h1 a:hover { color: #5b3a94; }
.listitem p { text-align: justify; }
.listitem .readmore { float: right; display: block; font: 12px/28px Tahoma, sans-serif; padding: 0 10px; color: #fff; background: #7146ba; margin-top: 25px; }
.listitem .readmore:hover { background: #5b3a94; }
.listitem span { display: block; font: 12px/28px Tahoma, sans-serif; color: #777; background: #e0e0e0; width: 150px; text-align: center; }
.listnavigator { overflow: hidden; }
.listnavigator a, .listnavigator span { display: block; width: 30px; height: 30px; margin-right: 5px; float: left; background: #e0e0e0; color: #777; border: 1px solid #d4d4d4; font: 12px/30px Tahoma, sans-serif; text-align: center; position: relative; }
.listnavigator span { color: #fff; background: #7146ba; border: 1px solid #5b3a94; }
.listnavigator .prev i, .listnavigator .next i { position: absolute; display: block; width: 10px; height: 7px; left: 10px; top: 11px; background-image: url('../images/n-arrows.png'); background-repeat: no-repeat; }
.listnavigator .next i { background-position: -10px 0; }