/* CSS Document */
BODY
{
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Tahoma;
	font-size:12px;
	color:#333333;
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x; 
	
}
INPUT
{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999 ;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#FAFAFA;
	font-family: Arial, Tahoma;
	font-size:11px;
	padding-left:2px;
	color:#000000;
}
TEXTAREA
{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999 ;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding-left:2px;
	font-family: Arial, Tahoma;
	font-size:11px;
	color:#000000;
}
SELECT
{
	font-family: Arial, Tahoma;
	font-size:11px;
	border: 0px;
	background-color:#F5F5F5;
	border-left: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA ;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.button
{
	background: #BF3438;
	background-image:url(images/button_bg.jpg);
	border : 1px outset #FFFFFF;
	font-size: 11px;
	font-family:  Arial, Tahoma;
	font-weight: bold;
	cursor:pointer;
	color:#FFFFFF;
	padding: 1px 0px 1px 0px;
}
.box
{
	border:0px;
	background-color:transparent;
	cursor:pointer;
}
TD{font-family: Arial, Tahoma;font-size:12px;color:#333333;line-height:normal;}
IMG {border:0px; margin:0px;}
DIV, LAYER {font-family: Arial, Tahoma;color:#333333 }

a {text-decoration:none;color:#006699} 
a:active {text-decoration:none;color:#006699}
a:visited {text-decoration:none;color:#006699} 
a:link {text-decoration:none;color:#006699;}
a:hover {text-decoration:none;color:#CC0000;} 

.red{text-decoration:none;color:#990000} 
.red:active {text-decoration:none;color:#990000}
.red:visited {text-decoration:none;color:#990000}
.red:link {text-decoration:none;color:#990000}
.red:hover {text-decoration:none;color:CC0000}

.h{font-size:1px; text-decoration:none;color:#FFFFFF; cursor:default} 
.h:active {font-size:1px;text-decoration:none;color:#FFFFFF; cursor:default}
.h:visited {font-size:1px;text-decoration:none;color:#FFFFFF; cursor:default}
.h:link {font-size:1px;text-decoration:none;color:#FFFFFF; cursor:default}
.h:hover {font-size:1px;text-decoration:none;color:FFFFFF; cursor:default}

.service_link{text-decoration:none;color:#333333} 
.service_link:active {text-decoration:none;color:#333333}
.service_link:visited {text-decoration:none;color:#333333}
.service_link:link {text-decoration:none;color:#333333}
.service_link:hover {text-decoration:underline;}

.info
{
	color:#666666;
	font-size:11px;
}

.f11 {font-size:11px}
.f12 {font-size:12px}

.underline {text-decoration:underline}

.msg_info
{
	background-image:url(../images/icon_info.gif); 
	background-repeat:no-repeat; 
	background-position:left; 
	border: 1px solid #B9CEF0;
	background-color:#ECF1FB;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding:2px 2px 2px 45px;
	height:30px;
	margin:5px;
}

.msg_error
{
	background-image:url(../images/icon_error.gif); 
	background-repeat:no-repeat; 
	background-position:left; 
	border: 1px solid #F9BAB5;
	background-color:#FEF2F1;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding:2px 2px 2px 45px;
	height:30px;
	margin:5px;
}

/* ##### COMMON CSS ##### */

.table_common
{
	width:100%;
	height:664px;
	border:0px;
	padding:0px;
	
}

#logo
{
	width:133px;
}

#menu
{
	background-image:url(../images/bg_left_shadow.jpg); 
	background-repeat:no-repeat; 
	background-position:top; 
	height:497px;
	
}

.menu_list
{
	padding:0px;
	margin:0px;
	width:133px;
	padding-top:20px;
}

.menu_list li
{
	float: left;
	overflow: hidden;
	list-style-type: none;
	width:133px;
	background-image:url(../images/bg_dot_hor.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}

.menu_link{font-size:14px; font-weight:bold; text-decoration:none;color:#666666} 
.menu_link:active {font-size:14px; font-weight:bold; text-decoration:none;color:#666666}
.menu_link:visited {font-size:14px; font-weight:bold; text-decoration:none;color:#666666}
.menu_link:link {font-size:14px; font-weight:bold; text-decoration:none;color:#666666}
.menu_link:hover {font-size:14px; font-weight:bold; text-decoration:none;color:#BF3438}

.call_us
{
	margin-top:15px;
	text-align:center;
	float:left;

}

.hidden
{
	width: 133px;
	text-align:left;
	margin-top:40px;
	float:right
}

.language
{
	width: 133px;
	text-align:left;
	margin-top:40px;
	float:right
}

.language_link{ text-decoration:none;color:#666666} 
.language_link:active {text-decoration:none;color:#666666}
.language_link:visited { text-decoration:none;color:#666666}
.language_link:link { text-decoration:none;color:#666666}
.language_link:hover { text-decoration:none;color:#BF3438}

#earth
{
	width:133px;
}

.column_center
{
	width:640px;
	vertical-align:top;
	background-color:#FFFFFF
}

.column_left
{
	width:390px;
	margin:0px;
	margin-left:5px;
	float:left;
	overflow:hidden;
}
.left_content
{
	font-size:13px;
}

.column_right
{
	width:180px;
	margin-right:10px;
	float:right;
	overflow:hidden;
	font-size:12px;
}

.right_content
{
	margin-top:10px;
	font-size:12px;
}

.one_column
{
	margin-left:10px;
	margin-right:10px;
	font-size:13px;
}

.bg_right
{
	background-image:url(../images/bg_right.jpg);
	vertical-align:top;
}
.footer_panel
{
	width:647px;
	position:relative;
}
.footer
{
	background-image:url(../images/bg_copyright.jpg); 
	border:1px solid #DDDDDD; 
	margin:10px; 
	margin-top:0px;
	font-size:11px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}

#footer_redline
{
	background-image:url(../images/bg_foot.gif); 
	height:4px; 
	font-size:1px;
	vertical-align:bottom;
}

.paging
{
	margin-top:15px;
	text-align:right;
}


.page_title
{
	height:25px;
	font-size:15px;
	font-weight:bold;
	background-image:url(../images/bg_dot_hor.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	white-space:nowrap;
	margin-bottom:10px;
}

.news_title
{
	height:25px;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/bg_dot_hor.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	white-space:inherit;
	padding-bottom:10px;
}

.page_title
{
	height:25px;
	font-size:13px;
	font-weight:bold;
	background-image:url(../images/bg_dot_hor.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	white-space:nowrap;
	margin-bottom:10px;
}

.left_img
{
	float:left;
	margin-right:5px;
}

/* CSS for intro of content pages */
.intro2_content
{
	text-align:left; 
	margin:10px;
	padding:0px
}
.intro2_title
{
	font-family: Arial;
	font-size:20px;
	color:#BF3438;
	margin-bottom:10px;
}

.intro2_text
{
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#555555;
	line-height:20px;
	width:470px;
}
.intro2_text_full
{
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#555555;
	line-height:20px;
}


/* ##### HOME ##### */
.intro
{
	background-image:url(../images/bg_intro.jpg); 
	background-repeat:no-repeat;
	height:235px;
	
}
.intro_content
{
	text-align:right; 
	width:390px; 
	float:right; 
	margin-right:10px;
	margin-bottom:15px;
	padding:0px
}
.intro_title
{
	font-family: Arial;
	font-size:20px;
	color:#BF3438;
	margin-bottom:15px;
}

.intro_text
{
	font-size:15px;
	color:#555555;
	line-height:20px;
}
.intro_link
{
	margin-top:10px;
	font-size:15px;
	text-decoration:underline;
	color:#006699
}
.home_title
{
	height:25px;
	font-size:15px;
	font-weight:bold;
	background-image:url(../images/bg_dot_hor.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	white-space:nowrap
}

.home_title_left
{
	height:25px;
	font-size:15px;
	font-weight:bold;
	background-image:url(../images/bg_dot_hor.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:180px;
	float:left
}

.home_service_list
{
	padding:0px;
	margin:0px;
	font-size:11px;
}

.home_service_list li
{
	float: left;
	overflow: hidden;
	list-style-type: none;
	width:380px;
	padding-left:28px;
	
}

.home_service_name
{
	font-size:13px;
	height:20px;
	padding-top:2px;
	background-image:url(../images/bullet1.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:15px;
	font-weight:bold;
	
}
.service_red
{
	color:#BF3438;
}

.home_customer_list
{
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	font-size:12px;
	color:#666666
}

.home_customer_list li
{
	float: left;
	overflow: hidden;
	list-style-type: none;
	width:180px;
}

.home_customer_image
{
	margin-top:15px;
	text-align:right;
	Filter: Gray;
}

.service_customer_image
{
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #CCCCCC;
	Filter: Gray;
	vertical-align:middle;
	text-align:center;
}

.next_link
{
	width:180px;
	text-align:right;
	margin-top:10px;
	padding-right:15px;
	background-image:url(../images/bullet2.gif);
	background-repeat:no-repeat;	
	background-position:right;
	font-size:11px;
	float:right;
}

.previous_link
{
	width:180px;
	text-align:left;
	margin-top:10px;
	padding-left:15px;
	background-image:url(../images/bullet3.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:11px;
}

/* ##### ABOUT ##### */
.intro_about
{
	background-image:url(../images/banner/banner_about.jpg);
	background-repeat:no-repeat;
	height:140px;
	vertical-align:top
	
}


.about_news_list
{
	padding:0px;
	margin:0px;
	font-size:10px;
	color:#666666
}

.about_news_list li
{
	float: left;
	overflow: hidden;
	list-style-type: none;
	width:180px;
}
.about_news_title
{
	font-size:12px;
	margin-top:10px;
}

#recruitment
{
	padding-bottom:15px;
	float:left
}

#later_news
{
	float:left;
	padding-bottom:15px;
}

#news
{
	float:left
}

/* ##### CONTACT ##### */
.intro_contact
{
	background-image:url(../images/banner/banner_contact.jpg);
	background-repeat:no-repeat;
	height:140px;
	vertical-align:top
	
}

.small_map
{
	margin-top:15px; 
	margin-bottom:10px;
}

.feedback_form
{
	margin-top:15px; 
}

/* ##### CUSTOMERS ##### */
.intro_customer
{
	background-image:url(../images/banner/banner_customer.jpg);
	background-repeat:no-repeat;
	height:140px;
	vertical-align:top
}
.logo_customer
{
	padding:0px;
	margin:0px;
	color:#666666
}

.logo_customer li
{
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin-bottom:3px;
	font-size:11px;
}

.logo_img
{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #999999;
	vertical-align:middle;
	text-align:center;
	
}

.split_row
{
	background-image:url(../images/bg_dot_ver.gif);
	height:27px;
}

.project_image
{
	border:1px solid #999999;
	margin-top:10px;
}

.project_logo
{
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #999999;
	vertical-align:middle;
	text-align:center;
}

.project_body
{
	margin-top:10px;
	font-size:12px;
	color:#333333;
}

.project_url
{
	margin-top:10px;
	text-align:center;
	border: 1px solid #F9BAB5;
	background-color:#FEF2F1;
	padding-top:3px;
	padding-bottom:3px;
}

.project_in_progress
{
	background-image:url(../images/icon_under.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	border: 1px solid #FFD940;
	background-color:#FFF0B3;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:30px;
	font-weight:bold
}

/* ##### SERVICES ##### */
.intro_services
{
	background-image:url(../images/banner/banner_services.jpg);
	background-repeat:no-repeat;
	height:140px;
	vertical-align:top
}

.service_list
{
	padding:0px;
	margin:0px;
	margin-left:10px;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	margin-top:20px;
}

.service_list li
{
	background-image:url(../images/bg_service.jpg);
	background-repeat:no-repeat;
	width:270px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:35px;
	margin-bottom:15px;
	display:block;
	overflow: hidden;
	list-style-type: none;
}

.service
{
	background-image:url(../images/bg_service.jpg);
	background-repeat:no-repeat;
	padding-top:12px;
	padding-bottom:13px;
	padding-left:40px;
	font-weight:bold;
	width:270px;
	font-size:13px;
	vertical-align:top;
}

.intro_service
{
	
	background-repeat:no-repeat;
	height:140px;
	vertical-align:top;
	background-image:url(../images/banner/banner_web_design.jpg);
}

.thiet-ke-web { background-image:url(../images/banner/banner_web_design.jpg); }
.phat-trien-ung-dung-web { background-image:url(../images/banner/banner_web_dev.jpg); }
.thiet-ke-in-an-nhan-hieu { background-image:url(../images/banner/banner_print.jpg); }
.thiet-ke-multimedia { background-image:url(../images/banner/banner_multimedia.jpg); }
.toi-uu-hoa-tim-kiem { background-image:url(../images/banner/banner_seo.jpg); }
.luu-tru-web-email { background-image:url(../images/banner/banner_hosting.jpg); }
.
.price_table { background-color:#DDDDDD; margin-top:5px; margin-bottom:5px; border:0px}
.price_title {height:22px;  background-color:#666666; color:#FFFFFF; text-align:center; font-size:11px;}
.price_row1 {height:22px; background-color:#FFFFFF;}
.price_row2 {height:22px; background-color:#EEEEEE;}
.price_info {color:#333333; text-align:right; font-size:11px;}
.price_cost {color:#990000; text-align:right; font-size:11px;}

/***************************************/
.progress{
	width: 1px;
	height: 12px;
	color: white;
	font-size: 12px;
    overflow: hidden;
	background-color: #BB0F1C;
	padding-left: 5px;
	text-align: left;
}
/***************************************/
.position_class{
	text-transform:lowercase;
}