@charset "utf-8";
/* CSS Document */
* {margin:0; padding: 0; outline:none}
body {font-family:Tahoma, Helvetica, sans-serif; color:#555; font-size:11px; background:#c5c5c5; text-align:center}
img {border:0}
a {text-decoration:none}
ul {list-style:none}
.clear {line-height:1px; clear:both; font-size:1px}

/* Alert box class */
.alertClassBox {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#000; background:#fff url(../images/_alert_bar.gif) 0 0 no-repeat; border:1px solid #ccc; height:auto; text-align:left; position:absolute; top:-200px; left:-200px; padding:2px; visibility:hidden; z-index:999}
	.alertClassBox p {margin:0; padding:5px 3px 3px 3px; clear:both}
	.alertClassBox a.closeImage {width:12px; height:12px; background:url(../images/_alert_close.gif) 0 0 no-repeat; float:right; display:block; cursor:pointer}
	.alertClassIframe {position:absolute; top:-200px; left:-200px; visibility:hidden; z-index:998}

#container {width:820px; text-align:left; margin:0 auto; padding:0; background:url(../images/bgd_container.gif) 50% 0 repeat-y}
	#header {width:800px; height:314px; margin:0 10px; padding:0; overflow:hidden}
		.headHomepage {background:url(../images/bgd_header.jpg) 0 0 no-repeat}
		.headAboutUs {background:url(../images/bgd_header_1.jpg) 0 0 no-repeat}
		.headTranslation {background:url(../images/bgd_header_2.jpg) 0 0 no-repeat}
		.headClients {background:url(../images/bgd_header_3.jpg) 0 0 no-repeat}
		.headContacUs {background:url(../images/bgd_header_4.jpg) 0 0 no-repeat}
		.headContentDevelopment {background:url(../images/bgd_header_5.jpg) 0 0 no-repeat}
		.headWordfast {background:url(../images/bgd_header_6.jpg) 0 0 no-repeat}
		.headSitemap {background:url(../images/bgd_header_7.jpg) 0 0 no-repeat}
		
		#header .logo{width:258px; margin:16px 0 0 16px; float:left}
			.bannerAd {width:468px; height:60px; padding:10px 15px 0 0; float:right;}
		#header .language{margin:2px 15px 7px 0; width:56px; float:right; clear:right; display:inline;}
		#header .language li{display:inline}
		#header .language li a{font-weight:bold; color:#1c87bd}
		#header .language li a:hover{color:#fe6801}
		#header .language li.selected a{color:#fe6801; }
		#header .language li.dotSpace{color:#000; font-weight:normal}
		
		#header .lev1{float:left; width:787px; margin:0 0 0 0; padding:0 0 0 13px; position:relative}
		#header .lev1 li{float:left; font-weight:bold; font-size:12px; background: url(../images/linespace.gif) 100% 30% no-repeat;  margin:0 11px 0 0; display:inline}
		#header .lev1 li.last{background: none; }
		#header .lev1 li a{color:#555; padding:0 24px 0 13px; height:20px; line-height:18px; display: block; float:left}
		
		#header .lev1 li.mnuHome a{background:url(../images/bgd_mnu_home.gif) 0 0 no-repeat}
		#header .lev1 li.mnuHome a:hover, #header .lev1 li.mnuHome a.active{background:url(../images/bgd_mnu_home.gif) 0 100% no-repeat; height:20px; color:#fe6801}
		#header .lev1 .mnuContent a {background:url(../images/bgd_mnu_content.gif) 0 0 no-repeat}
		#header .lev1 .mnuContent a:hover, #header .lev1 .mnuContent a.active {background:url(../images/bgd_mnu_content.gif) 0 100% no-repeat; height:20px; color:#fe6801}
		#header .lev1 .mnuTranslation a {background:url(../images/bgd_mnu_translation.gif) 0 0 no-repeat}
		#header .lev1 .mnuTranslation a:hover, #header .lev1 .mnuTranslation a.active {background:url(../images/bgd_mnu_translation.gif) 0 100% no-repeat; height:20px; color:#fe6801}
		#header .lev1 .mnuWordfast a {background:url(../images/bgd_mnu_wordfast.gif) 0 0 no-repeat}
		#header .lev1 .mnuWordfast a:hover, #header .lev1 .mnuWordfast a.active {background:url(../images/bgd_mnu_wordfast.gif) 0 100% no-repeat; height:20px; color:#fe6801}
		#header .lev1 .mnuClients a {background:url(../images/bgd_mnu_clients.gif) 0 0 no-repeat}
		#header .lev1 .mnuClients a:hover, #header .lev1 .mnuClients a.active {background:url(../images/bgd_mnu_clients.gif) 0 100% no-repeat; height:20px; color:#fe6801}
		#header .lev1 .mnuAboutus a {background:url(../images/bgd_mnu_aboutus.gif) 0 0 no-repeat}
		#header .lev1 .mnuAboutus a:hover, #header .lev1 .mnuAboutus a.active {background:url(../images/bgd_mnu_aboutus.gif) 0 100% no-repeat; height:20px; color:#fe6801}
		
		#subnav{position:absolute; left:13px; top:0}
		ul.submenu{padding:0; position:absolute; left: -1000px; top:115px; overflow:hidden; width:161px}
			/* value not good ===> |margin: 0 0 0 -9| <=== */
		ul.submenu li{padding:0; margin:0; display:block; float:none; border: 1px solid #e5e8ea }
		ul.submenu li a{color:#555; text-align:left; display:block; padding:5px; background:#e5e8ea url(../images/bgd_line_submenu.gif) 0 0 repeat-x}
		ul.submenu li a:hover{color:#fe6801; text-decoration:none; background:#fff}
				
	#mainContent {width:810px; margin:0 10px 0 0; padding:0; overflow:hidden}
		/*.bgd {background: url(../images/bgd_maincontent.gif) 10px 0 repeat-y; width:800px; overflow:hidden}*/
		.bgd {background: url(../images/bgd_maincontent.gif) 10px 0 repeat-y; margin:0 0 0 10px}
		
		/*Homepate*/
		#leftContent {width:557px; float:left; margin: 10px 15px 0 0}
			#leftContent p {padding:9px 0 0 35px}
			#leftContent ul {padding:0 0 0 55px; list-style:circle}
					
		#lcontent {width:547px; float:left; margin: 10px 15px 0 10px}
				/*submenu in content*/
			#lcontent div.breadcrumb ul {margin:5px 0 14px 8px}
			#lcontent div.breadcrumb li {font-weight:bold; display:inline; margin:0 8px 0 0; padding:0 0 0 17px; background:url(../images/ico_arrow.gif) 0 5px no-repeat; }
			#lcontent div.breadcrumb li.fist {background:none}
			
			#lcontent a {color:#1c87bd}
			#lcontent img {margin:0 0 0 14px}
			#lcontent h6 {margin:20px 0 14px 25px; text-transform:uppercase; color:#fe6801; font-weight:bold; font-size:11px}
			#lcontent p {margin:8px 0 14px 25px}
			
			/*Clients Testimonials*/
				table.clients{width:537px; border:none; text-align:center}
				table.clients td{border-right:none} 
				
				.subContent{padding: 0 0 0 10px}
				.subContent dl{padding: 0}
				.subContent dt {font-size:12px; font-weight:bold; color:#fe6801}
				.subContent dt.title {text-align:center; color:#000}
				.subContent dd {padding:0 0 8px 0; text-align:justify}
				.subContent p{text-align:justify; padding:8px 0}
								
				.contact dl {width:365px; border-top:#555 dotted 1px; border-bottom:#555 dotted 1px; margin:0 0 0 25px}
				.contact dt {font-weight:bold; width:100px; padding:10px 0; float:left}
				.contact dd {padding:10px 0 10px 100px}
			
		#rightContent {width:238px; float:left; margin: 10px 0 0 0}
			#loginBox {width:227px; height:125px; margin: 0  0 10px 0; background:url(../images/bgd_loginbox.gif) no-repeat; padding:0 0 20px 0}
			#loginBox img {margin:5px 0 0 0}
			#loginBox form {width:190px; margin:0 0 0 26px; padding:0}
			#loginBox form p {padding:3px 0}
			#loginBox form a {color:#1c87bd; font-weight:bold}
				#loginBox form a:hover {text-decoration:underline}
			#loginBox form label {width:60px; font-weight:bold; color:#666; float:left; padding:3px 0}
			#loginBox form input {width:110px; padding:0 0 0 5px; border:1px solid #ccc; height:15px}
			#loginBox form .btnLogin {width:49px; height:19px; margin:5px 0 0 126px; border:none}
			#quicklinkBox {width:227px; background:url(../images/bgd_quicklinkbox.gif) no-repeat; padding:0 0 15px 0}
			#quicklinkBox img{margin:4px 0 0 0}
			#quicklinkBox ul{margin:0 0 10px 30px}
			#quicklinkBox li {background:url(../images/ico_quicklink.gif) 0 13px no-repeat; padding:7px 0 0 10px}
			#quicklinkBox a {width:200px; color:#1c87bd; font-weight:bold}
			#quicklinkBox a:hover {text-decoration:underline}
	
	/*writing services*/
		.contNav{float: left; width: 159px; height: 300px; background: #fefefe url(../images/bgd_contnav.gif) left top repeat-x; margin: 0 0 0 10px; display:inline}
			.contNav h3{color: #fff; font-size: 13px; font-weight: bold; background: #fe6801; padding: 3px 0 3px 15px; margin: 1px 0 0 0}
			.contNav ul{margin:0 0 10px 15px}
			.contNav li {background:url(../images/ico_quicklink.gif) 0 13px no-repeat; padding:7px 0 0 10px}
			.contNav a {width:200px; color:#1c87bd; font-weight:bold}
			.contNav a:hover, .contNav a.active {color: #fe6801}
			
		#contInfo{float: left; width: 368px; padding: 0 20px 0 15px} 
				/*submenu in content*/
			 #contInfo div.breadcrumb{width:358px; padding:10px 0 10px 10px; overflow:hidden}
			 #contInfo div.breadcrumb ul{padding:0; margin:0; float:none; width:auto}
			 #contInfo div.breadcrumb li{font-weight:bold; display:block; float:left; margin:0 8px 0 0; background:url(../images/ico_arrow.gif) 0 5px no-repeat; padding:0 0 0 17px}
			 #contInfo div.breadcrumb li.first{background:none; padding:0; margin:0 8px 0 0}
			 #contInfo div.breadcrumb li a{color:#1c87bd; text-decoration:none !important; background:none; padding:0}
			
			#contInfo dl{padding: 0; text-align:justify}
			#contInfo dt{font-size: 12px; font-weight: bold; padding:8px 0} 
			#contInfo span {color:#fe6801}
			#contInfo a{color:#1c87bd; text-decoration:underline; font-weight:bold}
			
			#contInfo .frmRegistration {width:358px}
			#contInfo .frmRegistration p.title {padding:8px 0; color:#fe6801; font-weight:bold; text-align:center; background:#E6E6E6}
			#contInfo .frmRegistration form {width:358px; background:#f1f1f1}
			#contInfo .frmRegistration form p{padding:5px 10px 5px 10px; clear:both;}
			#contInfo .frmRegistration form p.include{padding:0 0 3px 145px}
			#contInfo .frmRegistration form label {width:140px; color:#555; font-weight:bold; padding:3px 5px 3px 0; float:left}
			#contInfo .frmRegistration form label.last {padding:3px 5px 3px 10px}
			#contInfo .frmRegistration form input {width:180px; padding:0 0 0 5px; border:1px solid #ccc; height:15px}
			#contInfo .frmRegistration form input.radioBox, #contInfo .frmRegistration form input.checkBox {width:auto; margin:0 5px 0 0; border:none}
			#contInfo .frmRegistration form select {width:187px; padding:0 0 0 5px; border:1px solid #ccc; font-size:11px; color:#555}
			#contInfo .frmRegistration form input.btnSubmit {width:58px; height:19px; margin:10px 15px 0 80px; border:none}
			#contInfo .frmRegistration form input.btnClear {width:77px; height:19px; margin:0; border:none}
			#contInfo .frmRegistration form span.txtNote{width: 185px; float: left; clear: both; padding: 0 0 8px 147px}
			
			/*Translation Quote-Order*/
			#contInfo .frmRegistration form p.txtNote{color: #555; padding:0 0 3px 148px}
			#contInfo .frmRegistration form input.radioBox1 {width:auto; margin:0 5px 0 15px; border:none}
			#contInfo .frmRegistration form input.btnOrderTranslation {width:114px; height:19px; margin:10px 15px 0 50px; border:none}
			
				table.quoteDetails{width: 330px; margin: 0 0 5px 0}
				table.quoteDetails th, table.quoteDetails td{width: 110px; text-align: center}
				table.quoteDetails td{border-top: 1px solid #1c87bd}
				table.quoteDetails label{width: 5px !important}
				table.quoteDetails input,table.quoteDetails input.percent {width:65px !important; padding:0 0 0 5px; border:1px solid #ccc; height:15px}
				table.quoteDetails input.percent{width:55px !important}
			
			/*content_quote_order*/
			#contInfo .frmRegistration form input.upload{width:330px; padding:0 0 0 5px; border:1px solid #ccc; height:22px}
			#contInfo .frmRegistration form input.btnOrderContent{width:173px; height:19px; margin:10px 15px 0 30px; border:none}
			#contInfo .frmRegistration form div.allRad{display: inline }
			#contInfo .frmRegistration form div.boxRad {width:160px; float: left; margin: 0 0 5px 0; padding:0 0 0 10px}
									
			table {width:357px; text-align:left; border:#1c87bd solid 1px; border-right:none; margin:0}
			table th{background:#1c87bd; padding:5px 0 5px 10px; color:#fff}
			table th{border-right:#fff solid 1px}
			table th.last{border-right:none}
			table tr {background:#fff}
			table tr.even {background:#e3f0f7}
			table td {padding:3px 10px; border-right:#1c87bd solid 1px; text-align:justify}
			
			/*Wordfast*/
				.usesWordfast {padding:8px 0 0 30px}
				.usesWordfast li {padding:0}
			
			/*Wordfast Downloads*/
			.dowloadGuide{padding: 5px 0}
			.dowloadGuide li{display: block; padding: 5px 0 0 0}
			.dowloadGuide li.title{font-weight: bold; padding: 0 0 3px 0}
			.dowloadGuide span{color: #fe6801; font-weight: bold}
			
			.wordDownloads h4{color: #fe6801; font-size: 12px; font-weight: bold; text-transform:uppercase; text-align: center; padding: 10px 0 5px 0}
			.wordDownloads h5{font-size: 11px; font-weight: bold; text-align: center; padding: 5px 0}
			
			.downloadsInfo{width: 330px; margin: 0 0 10px 0}
			.downloadsInfo th{text-align: center; padding: 5px}
			.downloadsInfo th.last{border: none}
			.downloadsInfo th span{font-weight: normal; color: #fff !important}
			.downloadsInfo td{border-top: 1px solid #1c87bd}
			.downloadsInfo td.total{font-weight: bold}
			
			.specialTable * {font-size:10px; padding:2px}
			.specialTable th{text-align: center}
			.specialTable  th.last1{border-right: 1px solid #fff}
			.specialTable  th.last2{border-top: 1px solid #fff; border-right: 1px solid #fff}
			.specialTable  th.last3{border-top: 1px solid #fff; border-right: none}
			.specialTable td{border-top: 1px solid #1c87bd}
			.specialTable td.total{font-size:8px; font-weight: bold}
			
			/*Wordfast Training Registration*/
			#contInfo .frmRegistration form input.btnSubmitTraining {width:154px; height:19px; margin:10px 15px 0 30px; border:none}
				table.priceResult{width: 330px;  margin: 0 0 5px 0}
				table.priceResult th{border-right:#fff solid 1px}
				table.priceResult th.last{border-right:none}
				table.priceResult th, table.priceResult td{width: 110px; text-align:center}
				table.priceResult td{border-top: 1px solid #1c87bd}
				table.priceResult label{width: 5px !important; display: block; line-height: 2px}
				table.priceResult input,table.priceResult input.percent{width:65px !important; padding:0 0 0 5px; border:1px solid #ccc; height:15px}
				table.priceResult input.percent{width:55px !important}

			/*Wordfast Seminar Registration*/
			#contInfo .frmRegistration form input.btnSubmitSeminar {width:177px; height:19px; margin:10px 15px 0 20px; border:none}
			
			/*Wordfast License Download Registration*/
			.subContent ul.numberic{list-style:decimal; font-size:10px; padding:8px 10px 0 30px; text-align:justify}
			.subContent ul.numberic li {margin:0 0 8px 0}	
			
			/*about us*/
			dl.aboutus{padding: 0 0 0 15px}
			
			/*sitemap*/
			.fullWidth{width: 760px !important}
			.sitemap{width: 220px; float: left; padding: 5px 0 15px 25px}
			.sitemap li{background: url(../images/ico_arrow_01.gif) 0 10px no-repeat; padding: 5px 0 5px 15px}
			.sitemap li.main{background: none; padding:5px 0 }
			.sitemap li a{font-weight: bold; color: #6b6b6b }
			.sitemap li.main a{font-size: 13px; color: #fe6801 !important}
		
	#footer {width:800px; background:url(../images/bgd_footer.gif) no-repeat; margin:0 0 0 10px; padding:24px 0 14px 0; text-align:center}
		#footer li {display:inline;  margin:0 5px 0 0}
		#footer li a {color:#1c87bd; font-weight:bold}
		#footer li a.active {color:#555; text-decoration:underline}
		#footer li a:hover {text-decoration:underline}
		#footer li.trans {font-weight:bold}