﻿@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, img, a, p, form {
	border: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
	
*html img {
/*	behavior: url(css/iepngfix.htc)*/

}
html {
	overflow:auto;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #646160;
	direction: rtl;
	text-align: right;
}
.text01 {
	font-size: 12px;
	font-weight: normal;
	color: #646160;
}
.text02 {
	font-size: 12px;
	font-weight: bold;
	color: #501740;
}
.text03 {
	font-size: 24px;
	font-weight: normal;
	color: #501740;
}
.text04 {
	font-size: 12px;
	font-weight: normal;
	color: #646160;
}
.text05 {
	font-size: 16px;
	font-weight: normal;
	color: #646160;
}
.text06 {
	font-size: 16px;
	font-weight: normal;
	color: #6E6FBB;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	color: #525391;
	line-height: 50px;
}



/*3px jog hack*/
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html p {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */

.wrapper {
	width: 100%;
	height: 100%;
	position:relative;
	display:block;
}
.frame {
	width: 983px;
	height: auto;
	margin: 0 auto;
	position:relative;
	display:block;
}

.page {
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: right;
	background: #FFFFFF url(../images/bg_HE.jpg) no-repeat left top;
	top: 0px;
	right: 0px;
	position:relative;
	display:block;
}

.header {
	height: auto;
	width: 983px;

}

.logo {
	background: #999999;
	float: left;
	height: auto;
	width: auto;

}

.nav_top {
	width: 983px;
	height: 23px;
	float: left;
	background-image: url(../images/nav_top.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.nav_top  ul {
	padding:0px;
	margin:0px;
	list-style: none;
	width: 983px;
	float: left;
}

.nav_top li {
	float: right;
	height: 19px;
	width: 139px;
	text-align: center;
	font-weight: bold;
	color: #DDE598;
	background-image: url(../images/nav_topSep.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1px;
}
.nav_top li a {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 17px;
	float: right;
	white-space: nowrap;
	width: 139px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 23px;
}
.nav_top .selected {
	color: #000000;
	background: url(../images/nav_topOn.png) repeat-x left top;
}

.nav_top  a:hover {
	color: #000000;
	background: url(../images/nav_topOn.png) repeat-x left top;
}
.nav_top .last {
	background-image: url(../images/pixel.gif);
	padding-left: 0px;
}



.content_hold {
	float: left;
	width: 983px;
	padding-top: 6px;
	padding-bottom: 10px;
	min-height: 560px;
	_height: 560px;
	position: relative;
	display:block;

}
.content_hold .bc {
	color: #525391;
}
.content_hold .bc a {
	font-weight: bold;
	color: #525391;
}
.content_hold  .bdrBlue  {
	border: 1px solid #5E5F99;
	float: right;
	margin-bottom: 0px;
}
.content_hold .right {
	width:250px;
}
.content_hold .right .vertNav ul {
	padding:0px;
	margin:0px;
	list-style: none;
	font-size: 14px;
	float: right;
	width: 190px;
}
.content_hold .vertNav li {
	float: right;
	height: 28px;
	width: 100%;
	border-bottom: 1px dotted #A7B9DB;
}
.content_hold .vertNav li a {
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
	color: #525391;
}
.content_hold .vertNav li a.selected {
	font-weight: bold;
}
.content_hold  .vertNav  li  a:hover {
	font-weight: bold;
}





.service_hold {
	float: left;
	width: 983px;
	padding-top: 6px;
	padding-bottom: 10px;
	min-height: 560px;
	_height: 560px;
	position: relative;

}

.service_hold .media {
	background: url(../images/hp_mediaBG.png) no-repeat right top;
	float: right;
	height: 272px;
	width: 983px;
	position: relative;
	top: 0px;
	right: 0px;
	margin-bottom: 6px;
}
.service_hold .media .flashHold {
	float: left;
}

.service_hold .media img {
	behavior: url(/css/iepngfix.htc)
}
.service_hold .bc {
	color: #525391;
	float:left;
}
.service_hold .bc a {
	font-weight: bold;
	color: #525391;
}
.service_hold  .bdrBlue  {
	border: 1px solid #5E5F99;
	float: right;
	margin-bottom: 0px;
}
.service_hold .right {
	width:250px;
}






.hp .media {
	background: url(../images/hp_mediaBG.png) no-repeat right top;
	float: right;
	height: 272px;
	width: 983px;
	position: relative;
	top: 0px;
	right: 0px;
	margin-bottom: 6px;
}
.hp .media .flashHold {
	float: left;
}

.hp .media img {
	behavior: url(css/iepngfix.htc)
}


.hp .right {
	float: left;
	height: 260px;
	width: 480px;
}
.hp .right .readOn {
	font-size: 12px;
	font-weight: bold;
	color: #501740;
	float: left;
}

.hp  .left {
	background: #F0EFEA;
	float: left;
	height: 280px;
	width: 216px;
	margin-right: 30px;
}
.hp .left h2 {
	font-size: 20px;
	font-weight: bold;
	color: #DFDFDF;
	background: url(../images/hp_newsTTL.png) repeat-x left top;
	height: 36px;
	padding-right: 25px;
}

.hp .right img {
	behavior: url(css/iepngfix.htc)
}






/*------------ NEWS SCROLLER -------------------*/

.news_scroller {
	float: right;
	height: auto;
	width: 196px;
	padding: 10px;
	overflow: hidden;
}
.news_scroller  marquee  {
	float: right;
	height: 220px;
}

.news_scroller li {
	list-style: none;
	margin-bottom: 20px;
	padding-right: 16px;
	background: url(../images/hp_newsBullet.png) no-repeat right 2px;
}
.news_scroller li a {
	text-decoration: none;
}
.news_scroller  li  a:hover {
	text-decoration: underline;
}

/*------------ END OF NEWS SCROLLER -------------------*/


.sideMenu {
	padding-top: 5px;
	padding-right: 26px;
}

.sideMenu  ul{
	padding:0px;
	position:relative;
	margin:0px;
	float: right;
	height: auto;
	width: 212px;
	list-style: none;
	
}
.sideMenu li {
	list-style: none;
	position:relative;
	height:auto;
	width: 212px;
	float: right;
	line-height: 20px;
}
.sideMenu  ul ul{
	height: 1px;
	width: 212px;
	list-style: none;
	overflow:hidden;
	
}

.sideMenu .lev1 a {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	width: 188px;
	padding-right: 25px;
	background: url(../images/hp_sideNavBullet.png) no-repeat right top;
	float: right;
}
.sideMenu .lev1 a.selected {
	font-weight: bold;
}
.sideMenu  .lev1  a:hover {
	font-weight: bold;
}

.sideMenu  .lev2  a {
	font-size: 14px;
	font-weight: normal;
	color: #BAB7D8;
	width: 188px;
	padding-right: 25px;
	background: url(../images/hp_sideNavSep.png) repeat-x left bottom;
	padding-bottom: 1px;
}
.sideMenu  .lev2  a.selected {
	font-weight: normal;
	color: #FFB400;
}
.sideMenu   .lev2   a:hover {
	font-weight: normal;
	color: #FFB400;
}
.about .left {
	float: left;
	height: auto;
	width: 670px;
	padding-left: 40px;
}
.about .left h1{
	color:#5253b8;
}
.about .textHold img {
	border: 1px solid #5E5F99;
	float: right;
	margin-bottom: 0px;
	margin-left: 10px;
}
.about  .right {
	float: right;
	height: auto;
	width: 190px;
	padding-top: 70px;
	padding-right: 60px;
}
.about .textHold p {
	text-align: justify;
}
.support  .left {
	float: left;
	height: auto;
	width: 670px;
	padding-left: 40px;
	padding-top: 15px;
}
.support   .right {
	float: right;
	height: auto;
	width: 260px;
	padding-top: 70px;
	padding-right: 0px;
}
.support  .textHold  p {
	text-align: justify;
}
.new .left {
	float: left;
	height: auto;
	width: 690px;
	padding-left: 20px;
}
.new  .left   img {
	border: 1px solid #5E5F99;
	float: left;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 15px;
}
.new .textHold {
	float: right;
	width: 420px;
}

.new .textHold p {
	text-align: justify;
}
.new  .right {
	float: right;
	height: auto;
	width: 190px;
	padding-top: 70px;
	padding-right: 60px;
}
.clients   .left {
	float: left;
	height: auto;
	width: 717px;
	padding-top: 15px;
}
.clients .list {
	float: right;
	height: auto;
	width: 717px;
}


.clients .list li {
	background: #FFFFFF;
	padding: 5px 5px 5px 0px;
	float: right;
	height: 72px;
	width: 333px;
	border: 1px solid #CECED6;
	list-style: none;
	margin: 0px 0px 15px 15px;
}
.clients  .list  li div {
	text-align: center;
	float: right;
	height: auto;
	width: 105px;
}
.clients .list img {
	float: right;
}
.clients .list p {
	float: left;
	height: 57px;
	width: 145px;
	border-right: 1px solid #CECED6;
	border-left: 1px solid #CECED6;
	padding: 5px;
}
.clients .list a {
	line-height: 67px;
	float: left;
	height: 67px;
	width: 65px;
	font-size: 12px;
	color: #525391;
}
.clients .list a:hover {
	font-weight: bold;
}




.clients    .right {
	float: right;
	height: auto;
	width: 260px;
	padding-top: 70px;
	padding-right: 0px;
}
.news {
	height: auto;
	float: right;
	position: relative;
	display:block;
}
.news h1 {
	padding-right: 25px;
}

.news ul {
	padding:0px;
	margin:0px;
	float: right;
	height: auto;
	width: 950px;
	list-style: none;
	padding-right: 25px;
}
.news ul li {
	background: url(../images/news_itemBG.png) no-repeat right top;
	float: right;
	height: 164px;
	width: 281px;
	padding: 4px 4px 0px 9px;
	top: 0px;
	right: 0px;
	margin-left: 12px;
	margin-bottom: 13px;
}
.news  ul li img {
	float: right;
	margin-left: 8px;
}
.news ul li h2 {
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	color: #FFFFFF;
	padding-right: 8px;
	padding-bottom: 3px;
}
.news ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #501740;
	float: left;
	background: url(../images/arrow_left.png) no-repeat left center;
	padding-left: 12px;
	margin-top: 15px;
}
.jobs {
	height: auto;
	float: right;
	position: relative;
	display:block;
}
.jobs h1 {
	padding-right: 25px;
}

.jobs ul {
	padding:0px;
	margin:0px;
	float: right;
	height: auto;
	width: 950px;
	list-style: none;
	padding-right: 25px;
}
.jobs ul li {
	background: url(../images/news_itemBG.png) no-repeat right top;
	float: right;
	height: 164px;
	width: 281px;
	padding: 4px 4px 0px 9px;
	position: static;
	top: 0px;
	right: 0px;
	margin-left: 12px;
	margin-bottom: 13px;
}
.jobs ul li h2 {
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	color: #FFFFFF;
	padding-right: 8px;
	padding-bottom: 3px;
}
.jobs ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #501740;
	float: left;
	background: url(../images/arrow_left.png) no-repeat left center;
	padding-left: 12px;
	margin-top: 20px;
}
.job  .left {
	float: left;
	height: auto;
	width: 670px;
	padding-left: 40px;
}
.job .left .textHold {
	float: right;
	width: 350px;
}


.job   .right {
	float: right;
	height: auto;
	width: 190px;
	padding-top: 70px;
	padding-right: 60px;
}
.job h3 {
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	background: #525391;
	height: 26px;
	font-weight: normal;
	margin: 14px 0px 18px;
	padding: 0px 14px 0px 0px;
}
.job .form_hold {
	background: #FFFFFF;
	float: left;
	min-height: 295px;
	width: 273px;
	border: 1px solid #DEDFFC;
	padding-bottom:10px;
}


.contact_form {
	float: right;
	width: 245px;
	padding: 25px 15px 0px 0px;
	height: auto;
}

.contact_form li {
	float: left;
	width: 245px;
	padding-bottom: 8px;
	height: auto;
	text-align: left;
	list-style: none;
}

.contact_form li span {
	float: right;
	width: 60px;
	text-align: right;
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
	color: #525391;
}

.contact_form li .inpText {
	float: left;
	height: 16px;
	width: 180px;
	border: 1px solid #0072BC;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
}
.contact_form  li  .inpFile {
	float: left;
	height: 20px;
	width: 183px;
	border: 1px solid #0072BC;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
}
.contact_form  li  .inpArea {
	float: left;
	height: 80px;
	width: 180px;
	border: 1px solid #0072BC;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
}
.contact_form .inpButton {
	font: bold 12px Arial, Helvetica, sans-serif;
	float: left;
	cursor: pointer;
	background: #525391;
	color: #FFFFFF;
	width: 70px;
	border-style: none;
}
.contact  h3 {
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	background: #525391;
	height: 26px;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px 14px 0px 0px;
	width: 263px;
	float: left;
}
.contact    .left {
	float: left;
	height: auto;
	width: 635px;
	padding-top: 15px;
	padding-left: 80px;
}
.contact .left .textHold {
	float: right;
	height: auto;
	width: 300px;
}
.contact  .form_hold {
	background: #FFFFFF;
	float: left;
	height: 270px;
	width: 273px;
	border: 1px solid #DEDFFC;
}
.contact     .right {
	float: right;
	height: auto;
	width: 260px;
	padding-top: 70px;
	padding-right: 0px;
}
.about_en {
	text-align: left;
	direction: ltr;
}
.about_en   .right {
	float: right;
	height: auto;
	width: 670px;
	padding-right: 40px;
}
.about_en  .textHold  img {
	border: 1px solid #5E5F99;
	float: right;
	margin-bottom: 0px;
	margin-left: 10px;
}
.about_en    .left {
	float: left;
	height: auto;
	width: 190px;
	padding-top: 70px;
	padding-left: 0px;
}
.about_en  .textHold  p {
	text-align: justify;
}
.vertNav_en  ul  {
	list-style: none;
	font-size: 14px;
	float: left;
	width: 190px;
}
.vertNav_en li {
	float: left;
	height: 28px;
	width: 100%;
	border-bottom: 1px dotted #A7B9DB;
}
.vertNav_en li a {
	font-size: 14px;

	line-height: 28px;
	font-weight: normal;
	color: #525391;
	padding-left: 13px;
}
.vertNav_en li a.selected {
	font-weight: bold;
}
.vertNav_en  li  a:hover {
	font-weight: bold;
}







.footer {
	height: 20px;
	width: 983px;
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #F1F0F0;

}
.footer img.tw_logo{
	display:block;
	float:left;
	padding-right:5px;
}
.footer .nav {
	float: left;
	padding-top:3px;
}
.footer .nav a {
	font-size: 12px;
	font-weight: bold;
	color: #49639F;
	text-decoration: underline;
	margin-left: 15px;
}
.footer p {
	float: right;
}



/*----------------------------------------  contactForm --------------------------------------*/
.contactForm{
	float: right;
	width: 245px;
	padding: 25px 15px 0px 0px;
	height: auto;
}
/* field_container */
.contactForm div{}
/* field_container  title */
.contactForm div .title{	
    float: right;
	width: 60px;
	text-align: right;
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
	color: #525391;
}
/* field_container  field */
.contactForm div .field{
	float:right;
	padding-bottom:7px;
}
/* field_container  validation_response */
.contactForm div .validation_response{
	float:right;
}
/* field_container  not_validated */
.contactForm div.not_validated{
	color:#990000;
}
/* field_container  not_validated  title */
.contactForm div.not_validated .title{
	color:#990000;
}
/* field_container  not_validated  field */
.contactForm div.not_validated .field{}
/* field_container  validation_response */
.contactForm div.not_validated .validation_response{
	font-size:12px;	
	font-weight:normal;
	width:0px;
	height:0px;
}
/* input */
.contactForm div .field input{}
.contactForm div.not_validated input{}
/* input.text */
.contactForm div .field input.text{
	height: 16px;
	width: 170px;
	border: 1px solid #0072BC;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
}
.contactForm div.not_validated input.text{
	border:1px solid #990000;
}
/* phrase */
.contactForm div div.phrase{
	width: 170px;
}
/* input.short_text */
.contactForm div .field input.short_text{}
.contactForm div.not_validated input.short_text{}
/* input.file */
.contactForm div .field input.file{
	height: 20px;
	width: 173px;
	border: 1px solid #0072BC;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
}
.contactForm div.not_validated input.file{
	border:1px solid #990000;
}
/* input.email */
.contactForm div .field input.email{}
.contactForm div.not_validated input.email{}
/* input.numeric */
.contactForm div .field input.numeric{}
.contactForm div.not_validated input.numeric{}
/* input.name */
.contactForm div .field input.name{}
.contactForm div.not_validated input.name{}
/* input.phone */
.contactForm div .field input.phone{}
.contactForm div.not_validated INPUT.phone{}
/* input.mobile_phone */
.contactForm div .field input.mobile_phone{}
.contactForm div.not_validated input.mobile_phone{}
/* input.submit */
.contactForm div input.submit{
	font: bold 12px Arial, Helvetica, sans-serif;
	float: left;
	cursor: pointer;
	background: #525391;
	color: #FFFFFF;
	width: 70px;
	border-style: none;
	margin-left:11px;
}
.contactForm div.not_validated input.submit{}
/* input.radio */
.contactForm div .field input.radio{}
.contactForm div.not_validated input.radio{}
/* input.checkbox */
.contactForm div .field input.checkbox{}
.contactForm div.not_validated input.checkbox{}
/* textarea */
.contactForm div .field textarea{
	height: 80px;
	width: 170px;
	border: 1px solid #0072BC;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
}
.contactForm div.not_validated textarea{
	border:1px solid #990000;
}
/* select */
.contactForm div .field select{}
.contactForm div.not_validated select{}
/* SPAN.mandatory */
.contactForm div .field span.mandatory{
	color:#990000;
}
/* div.submit */
.contactForm div.submit{
	clear:both;
	text-align:left;
	width:100%;
}
.contactForm .c_jobTitle,
.contactForm .c_fullName, 
.contactForm .c_email, 
.contactForm .c_businessPhone, 
.contactForm .c_homePhone,
.contactForm .c_mobilePhone, 
.contactForm .c_attachmentFile,
.contactForm .c_comments{
	clear:right;
	position:relative;	
	margin:0px;
	padding-bottom:10px;
	
}

/********************************** siteMap   ***********************************/
div.siteMapDiv{

}
div.siteMapDiv ul{
	margin-right:15px;
}
div.siteMapDiv li{
	list-style-type:none; 
	color:#FF6600;
}
div.siteMapDiv li a{
	text-decoration:none;
	color:#666;
	font-size:13px;
}
div.siteMapDiv li a:hover{
	text-decoration:underline;
	color:#CCCCCC;
}

ul.siteMap_1{

}
ul.siteMap_1 li{
	list-style-type:none; 
	color:#FF0000;
}

ul.siteMap_2{
	
}
ul.siteMap_2 li{
	list-style-type:none;
	color:#FF3300 
}

ul.siteMap_3{
	
}
ul.siteMap_3 li{
	list-style-type:none;
	color:#FF6600; 
}

ul.siteMap_4{
	
}
ul.siteMap_4 li{
	list-style-type:none;
	color:#FFCC33; 
}



