@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------
# SYNTEK Corp - July, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2008 SynTek Corp. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: SynTek Corp
# Websites:  http://www.syntek.com.vn/
-------------------------------------------------------------------------*/


/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #004699;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
}

body#allpage {
	margin: 15px 0 13px;
}

/*body.contentpane {
	color: #000000;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	margin: 1em 2em;
	width: auto;  Printable Page
} */

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Normal link */
a {
	color: #004699;
	text-decoration: none;
}

a:hover {
	color: #004699;
	text-decoration: underline;
}

a img {
	border: none;
}

/* Heading */
h1 {font-size: 180%;}
h2 {font-size: 150%;}
h3 {font-size: 125%;}
h4 {font-size: 100%; text-transform: uppercase;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 12px 0;
	padding: 0;
}

ul.list {
	list-style: none;
}

ul.list li {
	padding-left: 10px;
	background: url(../images/bullet.gif) 0 7px no-repeat;
	line-height: 180%;
}

ul.list2 {
	list-style: none;
}

ul.list2 li {
	padding-left: 10px;
	background: url(../images/bullet_square.gif) 0 8px no-repeat;
	line-height: 180%;
}

#allpage hr {
	color: #3366cc; /* IE */
	background: #3366cc; /* FF */
	border: 0;
	height: 1px;
	margin: 0;
	padding: 0;
}

td, div {
	font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
	color: #555;
}

input, select, textarea, .inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #555;
}

select, textarea, .inputbox {
	border: 1px solid #aeaeb9;
}

textarea, .inputbox {
	padding: 2px;
	padding-left: 5px;
	background: #FFF;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.left{float: left;}
.right{float: right;}
.clr{clear: both;}
.clr_left{clear: left;}
.clr_right{clear: right;}

.dr {
	display: table-row;
	width: 100%;
}

.dc {
	display: table-cell;
	vertical-align: top;
}

#wrapper {
	width: 941px;
	margin: 0 auto;
	clear: both;
}

.corner_ltop {
	background: #FFF url(../images/c_ltop.gif) left top no-repeat;
}

.corner_rtop {
	background: url(../images/c_rtop.gif) right top no-repeat;
}

.corner_lbot {
	background: url(../images/c_lbot.gif) left bottom no-repeat;
}

.corner_rbot {
	background: url(../images/c_rbot.gif) right bottom no-repeat;
	overflow: hidden;
}

/* head style */
#header {
	position: relative;
	width: 865px;
	height: 89px;
	margin: 0 auto;
}

#header h1.logo {
	position: absolute;
	top: 29px;
	left: 0;
	display: block;
	width: 124px;
	height: 50px;
	margin: 0;
}

.top_box {
	position:absolute;
	top: 14px;
	right: 0;
	color: #999;
	line-height: 20px;
}

.top_box p {
	margin: 0;
	margin-top: 2px;
}

.top_box span,
.top_box a,
.top_box input {
	float: left;
	margin-right: 5px;
}

.top_box span img {
	border: #D4DCE7 solid 2px;
}

.top_box a img {
	margin-top: 2px;
}

.top_box input.search {
	width: 105px;
	border: #7F9DB9 solid 1px;
	color: #666;
	padding: 2px 4px;
	margin: 2px 1px 0 2px;
}/* end header style */

/* navigation style */
#nav {
	background: #C00 url(../images/nav_left.gif) left no-repeat;
	border-bottom: #A0A0A0 solid 4px;
}

*+html #nav {
	overflow: hidden;
}

#nav ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	height: 34px;
	background: url(../images/nav_right.gif) right no-repeat;
}

#nav ul li {
	float: left;
}

#nav ul li.active {
	background:url(../images/nav_arr.gif) bottom no-repeat;
}

#nav ul li a {
	display: block;
	float: left;
	/*line-height: 34px;*/
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	padding: 9px 12px 8px;
}

#nav ul li a:hover {
	background:url(../images/nav_arr.gif) bottom no-repeat;
	text-decoration: none;
}/* end navigation style */

/* content style
--------------------------------------------------------- */
#home, 
#page {
	width: 865px;
	margin: 0 auto;
	min-height: 500px;
}

* html #home,
* html #page {
	height: 500px;
}

#page {
	width: 929px;
	background: #F9F9F9 url(../images/width_leftmn.gif) left repeat-y;
	border-bottom: #F0F0F0 solid 8px;
}

#page-search {
	width: 865px;
	margin: 0 auto;
	min-height: 500px;
}

* html #page-search {
	height: 500px;
}

#page-search {
	width: 929px;
	background: #FFFFFF;
	border-bottom: #F0F0F0 solid 8px;
}

/* home page */
#module_home {
	position: relative;
	width: 430px;
	min-height: 325px;
	background: #F9F9F9 url(../images/w_square.gif) center top repeat-y;
	margin-top: 7px;
	line-height: 15px;
}

* html #module_home {
	height: 325px;
}

#module_home .mod_box {
	height:251px;
}

#module_home .t_box {
	width: 214px;
}

#module_home .t_box, 
#module_home .t_box a {
	color: #404040;
}

#module_home .t_box a:hover {
	color: #CC0000;
	text-decoration: none;
}

#module_home .t_box p.hdr1, 
#module_home .t_box p.hdr2 {
	background: #C1C1C1 url(../images/tbox_left.gif) left top no-repeat;
	margin: 0;
	line-height: 28px;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	padding-left:15px;
	border-bottom: #FFF solid 2px;
}

#module_home .t_box b {
	display: block;
	text-transform: uppercase;
}

.inner_pad {
	padding: 0 15px;
}

.t_line {
	clear: both;
	background: url(../images/w_square.gif) bottom repeat-x;
	margin: 0;
	padding: 8px 0 10px;
}
 
#module_home .t_box p.hdr2 {
	background: #C1C1C1 url(../images/tbox_right.gif) right top no-repeat;
}
 
#module_home .t_box ul {
	list-style: none;
	margin: 0;
	margin-top: 2px;
	padding: 0;
}
 
#module_home .t_box ul li {
	clear: both;
	padding: 0;
}
 
*html #module_home .t_box ul li {
	height: 1px;
}
 
#module_home .t_box ul p, 
#module_home .t_box ul a {
	display: block;
	float: left;
	margin: 5px 0;
}
  
#module_home .t_box ul a {
	width: 122px;
}

 
#module_home .t_box ul p {
	width: 62px;
}
 
#module_home .t_box ul a {
	font-weight: bold;
}

#module_home .download_box {
	background: url(../images/download.gif) repeat;
}

.d_left{
	background: url(../images/d_left.gif) left bottom no-repeat;
}

#module_home .download_box_inner {
	background: url(../images/d_right.gif) right bottom no-repeat;
	height: 73px;
}

#module_home .download_box_inner h1 {
	background: #C1C1C1;
	border: #FFF solid 2px;
	border-width: 2px 0 2px 0;
	margin: 0;
	line-height: 28px;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	padding-left:15px;
	font-weight: normal;
}

#module_home .download_box_inner a {
	display: block;
	float:left;
	background: url(../images/icon_download.gif) 15px 4px no-repeat;	
	color: #3E3E3E;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 10px 0px 44px;
}

.home_ex {
	background: #f5f5f5 url(../images/h_mid.gif) right repeat-y;
}

.home_table {
	display: table;
	width: 100%;
	background: url(../images/h_bot.gif) right bottom no-repeat;
}

.h_w1,
.h_w2,
.h_w3,
.h_w4 {
	float: left;
}

.h_w1 {
	width: 208px;
}

.h_w2 {
	width: 210px;
	margin: 0 2px;
}

.h_w3 {
	width: 209px;
}

.h_w4 {
	width: 234px;
	background: url(../images/h_top.gif) right top no-repeat;
	text-align: center;
}

.home_table h3 {
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding: 11px 16px;
	background: #777;
	margin: 0;
}

.home_table h3.lf {
	background: #777 url(../images/h_left.gif) left top no-repeat;
}

.home_table h3.rt {
	background: #777 url(../images/h_right_.gif) right top no-repeat;
}

.pr {
	background: #FFF;
}

.text_inner {
	padding: 0px 15px;
	text-align: justify;
}

.h_w4 h1,
.h_w4 div.hlinks {
	text-align: left;
	padding-left: 34px;
}

.h_w4 div.hlinks a {
	display: block;
	background: url(../images/arr_mn_r.gif) 0 4px no-repeat;
	padding-left: 10px;
	text-align: left;
	font-size: 12px;
}

.h_w4 div.hlinks a:hover {
	color: #C00;
	text-decoration: none;
}

.h_w4 div.p_link a {
	display: block;
	margin: 5px auto;
}

.hw4_inner {
	padding: 16px 0;
}/* end home page */

/* company page*/
.breadcrum {
	font:10px;
	padding-right: 35px;
	line-height: 26px;	
}

.breadcrum, 
.breadcrum a {
	color: #999;	
}

.breadcrum a:hover {
	color: #C00;
	text-decoration: none;
}

.breadcrum span {
	color: #333;	
}

.left_mn {
	width: 199px;
	float: left;
	font-size: 12px;
	margin-top: 26px;
}

.left_mn h4 {
	background: #DBE4EC url(../images/arr_mn.gif) 15px 8px no-repeat;
	margin: 0;
	color: #004699;
	text-transform: none;
	font-weight: normal;
	border: #FFF solid 1px;
	border-width: 1px 0 1px 0;
	line-height: 26px;
	padding-left: 26px;
}

* html .left_mn h4 {
	background: #DBE4EC url(../images/arr_mn.gif) 15px 10px no-repeat;
}

.left_mn p {
	margin: 0;
	border-top: #FFF solid 2px;
}

.left_mn ul {
	list-style: none;
	margin: 0;
	margin-left: 15px;
	padding: 0;
	width: 170px;
	border-bottom: #FFF solid 2px;
}

.left_mn li {
	margin: 0;
	padding: 0;
}

* html .left_mn li {
	height: 1px;
	margin-bottom:-3px;
}

*+ html .left_mn li {
	height: 29px;
}

.left_mn li a {
	display: block;
	background: url(../images/arr_mn_r.gif) 0 10px no-repeat;
	padding: 6px 0;
	padding-left: 11px;
}

.left_mn li.current a,
.left_mn li a:hover {
	color: #C00;
}

.left_mn li a:hover {
	text-decoration: none;
}

.s_company img {
	margin: 0;
	border: #BBBDC0 solid 2px;
}

.col_first {
	width: 438px;
	margin-left: 25px;
}

.h_w4 h1, .col_first h1 {
	font-size: 165%;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 13px;
}

.col_first h2 {
	color: #004699;
	font-size: 140%;
	margin-top: 0;
	margin-bottom: 13px;
}

.col_first h3 {
	font-size: 130%;
	margin-top: 0;
	padding-bottom: 2px;
	border-bottom: #C1C1C1 solid 2px;
}

.col_first h3 span{
	color: #C00;
}

.col_second {
	width: 207px;
	padding-right: 35px;
}

.contact_box {
	background: #FFF url(../images/contact_dot.gif) left repeat-y;
}

.contact_r {
	background: url(../images/contact_dot.gif) right repeat-y;
}

.contact_t {
	background: url(../images/contact_t.gif) left top no-repeat;
}

.contact_b {
	background: url(../images/contact_b.gif) left bottom no-repeat;
	padding: 7px 14px 7px 20px;
}

.contact_box b, 
.contact_box strong {
	display: block;
	font-size: 12px;
}

.contact_box b {
	color: #C00;
	text-transform: uppercase;
}

.contact_box strong {
	color: #3F3F3F;
}

.contact_box, 
.contact_box a {
	color: #404040;
}

.recruit_box {
	background: #FFF url(../images/recruit_dot.gif) left repeat-y;
	font-size: 12px;
}

.recruit_r {
	background: url(../images/recruit_dot.gif) right repeat-y;
}

.recruit_t {
	background: url(../images/recruit_t.gif) left top no-repeat;
}

.recruit_b {
	background: url(../images/recruit_b.gif) right bottom no-repeat;
	padding: 20px 15px;
}

.recruit_box a {
	display: block;
	background: url(../images/bullet_r.gif) 0 7px no-repeat;
	padding-left: 8px;
}

.recruit_box a:hover {
	color: #C00;
	text-decoration: none;
}

.recruit_box b {
	display: block;
	color: #0E1A2A;
	font-size: 14px;
	margin-bottom: 10px;
}/* end company page*/

/* solution page */
.s_solution img {
	border: #D6D6D6 solid 1px;
}

.solution_tab {
	margin-left: 224px;
	padding-right: 35px;
}

.solution_tab h2 {
	font-size: 140%;
	font-weight: normal;
}

.solution_tab ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.solution_tab li {
	float: left;
	margin-right: 1px;
	padding-left: 9px;
	background: url(../images/tab.gif) 0 -75px no-repeat;
}

.solution_tab li a {
	display: block;
	float: left;
	width: 204px;
	color: #FFF;
	font-size: 12px;
	line-height: 32px;
	background: url(../images/tab.gif) 100% -75px no-repeat;
	padding-right: 9px;
	text-align: center;
}

.solution_tab li a:hover {
	color: #FFF;
	text-decoration: none;
}

.solution_tab li.tabs_selected {
	background: url(../images/tab.gif) 0 0 no-repeat;
}

.solution_tab li.tabs_selected a {
	background: url(../images/tab.gif) 100% 0 no-repeat;
}

.tabs_hide {
	display: none;
}
.tabs_container {
	text-align: justify;
}

.detail:hover {
	color: #C00;
	text-decoration: none;
}

.quick_link {
	font-weight: bold;
}

.quick_link p {
	color: #37383A;
	font-size: 12px;
	text-transform: uppercase;
}

.quick_link a {
	display: block;
	background: url(../images/bullet_r.gif) 0 7px no-repeat;
	padding: 1px 0;
	padding-left: 8px;
}

.quick_link a:hover {
	color: #C00;
	text-decoration: none;
}/* end solution page*/

/* technology page */
.w498 {
	width: 498px;
}

.tech_table {
	display: table;
	width: 100%;
	background: #F5F5F5 url(../images/w_square.gif) center repeat-y;
}

.tech_table h3 {
	background: #C1C1C1;
	color: #FFF;
	font-size: 12px;
	padding-left: 20px;
	line-height: 25px;
	margin: 0;
	border: #FFF solid 2px;
	border-width: 2px 0 2px;
}

.tech_table h3.l_eft {
	background: #C1C1C1 url(../images/tbox_left.gif) left top no-repeat;
	border-top: none;
}

.tech_table h3.r_ight {
	background: #C1C1C1 url(../images/tbox_right.gif) right top no-repeat;
	border-top: none;
}

.tech_table a {
	background:url(../images/arr_mn_r.gif) 0 4px no-repeat;
	display: block;
	padding: 2px 0;
	padding-left: 12px;
}

.tech_col {
	width: 248px;
}

.tech_inner {
	padding: 5px 10px 15px 15px;
}/* end technology page*/

/* contact page */
.w675 {
	width: 675px;
}

.w675 strong {
	font-size: 12px;
}

.map{
	margin-left: 20px;
}

.contact_form label,
.contact_form input,
.contact_form textarea,
.contact_form select {
	margin-bottom: 10px;
}

.contact_form label,
.contact_form input {
	float: left;
}

.contact_form label {
	display: block;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	width: 100px;
	margin-right: 7px;
}

.contact_form label.la1 {
	text-align: left;
}

.contact_form br {
	clear: both;
}

* html .contact_form select,
* html .contact_form textarea {
	margin-left: -3px;
}

.w1{
	width: 200px;
}

.w2{
	width: 420px;
}

.btn{
	font-size: 12px;
}
.line{
	border-top: #D2D2D8 solid 1px;
	border-bottom: #FFF solid 1px;
	height:2px;
	margin: 0;
	margin-bottom: 10px;
}
/* end contact page*/

.footer_link {
	width: 929px;
	margin: 0 auto;
	font-size: 12px;
	color: #7b7c7e;
	padding: 30px 0;
	text-align: center;
}

.footer_link a {
	font-size: 11px;
	padding: 0 11px;
}

.footer_link a:hover {
}/* end content style */



/* footer style */
#footer {
	color: #FFF;
	font-size: 10px;
	text-align: center;
	padding: 17px 0 15px;	
}

* html #footer {
	padding-bottom: 8px;	
}

*+html #footer {
	padding-bottom: 8px;	
}

#footer p {
	margin: 0;
}

#footer a {
	color: #FFF;
}/* end footer style */

/* clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove 
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}*/