/* COMMON CSS */
body 
{
	margin:0px 0px 0px 0px; 
	background-color:#FFFFFF;
	font:12px Arial, Tahoma;
	color:#333333;
}

td, th, div, span
{
	font:12px Arial, Tahoma;
	color:#333333;
	line-height:16px;
}

INPUT
{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999 ;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-family: Arial, Tahoma;
	font-size:13px;
	padding-left:2px;
	color:#333333;
}
TEXTAREA
{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999 ;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding-left:2px;
	font-family:  Arial, Tahoma;
	font-size:13px;
	color:#333333;
}
SELECT
{
	font-family: Arial, Tahoma;
	font-size:13px;
	border: 0px;
	background-color:#FFFFFF;
	border-left: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA ;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	color:#333333;
}

form 
{ margin:0; padding:0}

.button
{
	background-color:#116DB0;
	border : 1px outset #FFFFFF;
	font-size: 13px;
	font-family:  Arial, Tahoma;
	font-weight: bold;
	cursor:pointer;
	color:#FFFFFF;
	padding: 2px 2px 2px 2px;
}

IMG 
{border:0px; margin:0px;}

p 
{line-height: 18px;margin: 0 0 12px 0; font-size:13px}
p.content_title {
	font-size: 18px;
	line-height: 25px;

}
p.clear {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	display: block;
}
p.clear a {
	color: #FFFFFF;
	text-decoration: none;
}
p.clear a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

br.clear {
	clear:both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	margin: 0;
	font-size: 0;
}

h1, h2, h3
{
	font-family: "Times New Roman", Times, serif;
	padding: 2px 0 0 0;
	font-weight:normal;
}

h1
{
	margin:0 0 10px 0;
	font-size: 26px;
	color:#002937;
	line-height:30px;
}

h2
{
	margin:0 0 15px 0;
	font-size: 21px;
	color:#333333;
}

h3
{
	margin:0 0 10px 0;
	font-size: 18px;
	color:#333333;
}
h4 
{
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	padding: 0px;
	margin: 0px;
}


h5
{ font-size:13px; line-height:normal; font-weight:normal; margin:0px; padding:25px 0px 5px 0px }

sup{ font-size:10px; font-weight:normal}

sup.h1{ font-size:16px; font-weight:normal}

.gray { color:#666666}
.red { color:#CC0000}
.blue { color:#3300FF}

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



#wrapper
{ width:1000px; margin:0 auto; padding:0px; }

#content_holder
{
	margin-left:40px;
	margin-right:40px;
}

/* HEADER */

#header_top
{ width:100%; height:25px; background-color:#012936; color:#AAAAAA}

#header_top a {text-decoration:underline;color:#AAAAAA;}
#header_top a:hover {text-decoration:underline;color:#FF9900;}

.header_top_lang 
{line-height:normal; margin:0; padding:5px 0 0 0;  list-style:none; color:#AAAAAA; float:left; font-size:11px  }

.header_top_lang li 
{display: inline; float: left; margin: 0; margin-left:5px;}

ul li.lang_en
{ background-image: url(../images/flag/en.gif); background-position:left; background-repeat:no-repeat; padding-left: 23px;}
ul li.lang_jp
{ background-image: url(../images/flag/jp.gif); background-position:left; background-repeat:no-repeat; padding-left: 23px;}
ul li.lang_vn
{ background-image: url(../images/flag/vn.gif); background-position:left; background-repeat:no-repeat; padding-left: 23px;}

.header_top_phone 
{line-height:normal; margin:0; padding:5px 0 0 0;  list-style:none; color:#AAAAAA; float:left; margin-left:55px; font-size:11px}

.header_top_phone li 
{display: inline; float: left; margin: 0; margin-left:3px;}

ul li.phone 
{ background-image:url(../images/icon/phone.gif); background-position:left; background-repeat:no-repeat; padding-left: 20px; font-weight:bold; font-size:12px; color:#dddddd }

.header_top_link 
{line-height:normal; margin:0; padding:5px 0 0 0;  list-style:none; color:#AAAAAA; float:left; margin-left:55px; font-size:11px}

.header_top_link li 
{display: inline; float: left; margin: 0; margin-left:5px; background-image:url(../images/bullet/bullet_1.gif); background-repeat:no-repeat; background-position:left; padding-left:15px}

#header_logo
{ width:100%; height:114px; background-image:url(../images/header_logo_bg.gif);}

#header_logo_left
{float:left; padding-top:25px}

#header_logo_right
{
	width: 700px;
	float:right;
}

#home_content
{
	width:100%;
	height:auto;
	display:block;
	margin: 20px 0px 20px 0px;
}

/* MENU */

.header_menu
{line-height:normal; margin:0; padding-top:81px;  list-style:none; float:right; font-size:12px;}

.header_menu li
{
	display: inline;
	float: left;
	margin-left:3px;
	font-weight:bold;
	width:101px;
	height:33px;
	text-align:center;
	padding-top:10px;
	position:relative
}

.header_menu li.on
{ background-image:url(../images/menu_on.gif); background-repeat:no-repeat; color:#002B3B}

.header_menu li a {text-decoration:none; color:#FFFFFF;}
.header_menu li a:active {text-decoration:none; color:#FFFFFF;}
.header_menu li a:visited {text-decoration:none; color:#FFFFFF;}
.header_menu li a:link {text-decoration:none; color:#FFFFFF;}
.header_menu li a:hover {text-decoration:none; color:#FF9900;}

.header_menu li.on a {text-decoration:none; color:#002B3B;}
.header_menu li.on a:active {text-decoration:none; color:#002B3B;}
.header_menu li.on a:visited {text-decoration:none; color:#002B3B;}
.header_menu li.on a:link {text-decoration:none; color:#002B3B;}
.header_menu li.on a:hover {text-decoration:none; color:#002B3B;}

/* FOOTER */

#footer
{ width:100%; background-image:url(../images/footer_bg.gif); height:124px  }

div#footer_service
{ width:470px; margin:12px 0 0 0; float:left; display:inline}

ul#footer_service
{line-height:18px; margin:0; list-style: none; padding:0px}

ul#footer_service li
{ padding-left:15px; background-image:url(../images/bullet/bullet_2.gif); background-position:left; background-repeat:no-repeat}

div#footer_online
{ width:85px; float:left; margin-top:15px;  color:#333333; text-align:center; line-height:normal; display:inline}

div#footer_address
{ width:350px; float:left; display:inline}

div#footer_address_info
{ margin-top:15px; color:#333333; line-height:17px}

div#footer_copyright
{ width:920px; color:#666666; font-size:11px; display:inline-block}

/* LINK CSS */

a {text-decoration:underline; color:#CC0000} 
a:active {text-decoration:underline; }
a:visited {text-decoration:underline; } 
a:link {text-decoration:underline;}
a:hover {text-decoration:underline; color:#FF6600}

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

a.grey {text-decoration:underline; color:#333333} 
a.grey:active {text-decoration:underline; }
a.grey:visited {text-decoration:underline; } 
a.grey:link {text-decoration:underline;}
a.grey:hover {text-decoration:underline; color:#CC0000}


.bottomtd a 	{text-decoration: underline;color:#FFFFFF;}
.bottomtd a:link	{text-decoration: underline;color:#FFFFFF;}
.bottomtd a:visited     {text-decoration: underline;color:#FFFFFF;}
.bottomtd a:active 	{text-decoration: underline;color:#FFFFFF;}
.bottomtd a:hover 	{text-decoration: underline;color:#99CCFF}

/* HOME PAGE */

div#home_intro
{ width:100%; display:block; background-image:url(../images/home_intro_bg.jpg); background-repeat:no-repeat; background-position:center; height:324px}

div#home_statement
{ 
	padding: 55px 180px 5px 25px;
}

div#home_service
{ width:800px; text-align:left; margin:0px; padding:0px }

ul#home_service
{list-style:none; float:left; margin:0px; padding:0px; }

ul#home_service li
{display: inline; float: left; margin-right:13px; width:235px; height:110px; text-align:center}

ul#home_service li.web_design
{ background-image:url(../images/service_web_design.jpg); background-position:left; background-repeat:no-repeat}

ul#home_service li.ecommerce
{ background-image:url(../images/service_ecommerce.jpg); background-position:left; background-repeat:no-repeat}

ul#home_service li.app_dev
{ background-image:url(../images/service_app_dev.jpg); background-position:left; background-repeat:no-repeat}

div.home_service_text
{ font-size:16px; font-weight:bold; color:#555555; padding-top:85px}

div#about_news
{
	width:920px;
	display:inline;
	height: 500px;
}

div#content_left
{
	width:620px;
	text-align:left;
	float: left;
	font-size:13px;
}

ul#more_about_us
{list-style:none; float:left; margin:0px; padding:0px;}

ul#more_about_us li
{display: inline; float: left; margin-right:10px; padding-left:12px; background-image:url(../images/bullet/bullet_3.gif); background-position:left; background-repeat:no-repeat}
div#content_center {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50px;
	display: inline;
	min-height: 200px;
}


div#content_right
{
	width:250px;
	float:left;
	display: inline;
}

ul#home_news
{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#home_news li
{
	margin-bottom:15px
}

ul#home_news li span.news_title
{
	font-size:13px;
	font-weight:bold;
	color:#CC0000;
}

ul#home_news li span.news_date
{ color:#666666}

.news_title a { text-decoration:none}
.news_title a:link { text-decoration:none}
.news_title a:active { text-decoration:none}
.news_title a:visited { text-decoration:none}
.news_title a:hover { text-decoration:none; color:#FF6600}

div#featured_clients
{
	margin-top:15px;
}

ul#featured_clients
{
	width:100%;
	list-style:none;
	margin:20px 0 0 0;
	padding:0px 0 0 15px;
	text-align:center;
	height: 50px;
}

ul#featured_clients li
{display: inline; float: left; margin-right:15px;}
div#header_sub_nav {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 100%;
	background-color: #BAE5EE;
}
div#content_title {
	font-size: 13px;
	color: #666666;
	border-bottom: 1px solid #94D5E4;
	padding-bottom: 10px;
	margin: 25px 40px 0 40px;
}
div#content_title a {color:#666666;}
div#content_title a:hover {color:#CC0000}
div#content_bottom {
	height: 20px;
	width: 100%;
	display: block;
}
div.box_frame {
	border: 1px solid #CCEBF2;
}
div.box_title {
	background-color: #CCEBF2;
	margin: 4px;
	padding: 5px;
}
div.box_title.on {background-color: #ACDBEA;}

span.box_title_arrow {
	background-image:url(../images/bullet/bullet_4.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
}
span.box_title_arrow a { font-weight:bold; text-decoration:none; font-size:13px}
span.box_title_arrow a:link { font-weight:bold; text-decoration:none; font-size:13px}
span.box_title_arrow a:visited { font-weight:bold; text-decoration:none; font-size:13px}
span.box_title_arrow a:active { font-weight:bold; text-decoration:none; font-size:13px}
span.box_title_arrow a:hover { font-weight:bold; text-decoration:none; font-size:13px; color:#FF6600}
div.box_content {
	font-size: 13px;
	margin: 9px;
}

div.box2_frame {
	border: 1px solid #cccccc;
	padding:15px;
	height: 180px;
}

div.box3_frame {
	border: 1px solid #cccccc;
	padding:5px;
}



ul#why_work
{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#575757;
	line-height:23px;
	width:100%;
}

ul#why_work li
{
	background-image:url(../images/bullet/bullet_5.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}
.client_td {
	background-color: #CCEBF3;
	padding: 5px;
	font-size: 11px;
	color: #666666;
	vertical-align: top;
}
.client_title {
	font-size: 14px;
	font-weight: bold;
	color: #D00000;
	padding: 5px 0px 2px 0px;
}
.client_desc {
	font-size: 11px;
	color: #666666;
}

div#client_left {
	float: left;
	width: auto;
	margin-top: 10px;
}
div#client_right {
	float: right;
	width: auto;
	margin-top: 10px;
	text-align: right;
}
p.client_url {
	font-size: 13px;
	color: #CC0000;
	background-image: url(../images/bullet/bullet_6.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	font-weight:bold;
}

.client_picture
{
	background-color:#CCEBF3;
	padding:10px;
	margin:0px 0px 10px 0px;
	width:auto;
	height:auto;
}

ul#consult_contact
{
	list-style:none;
	margin:0;
	padding:0px;
	font-size:14px;
	color:#666666;
	line-height:22px;
	font-weight:bold;
}

ul#consult_contact li#phone
{
	background-image:url(../images/icon/phone2.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
}

ul#consult_contact li#email
{
	background-image:url(../images/icon/email.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
}
div#consult_intro
{
	background-image:url(../images/icon/consult.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:65px;
	margin-bottom:10px;
}
form.quote
{
	padding:20px;
	background-color:#E6F4F9;
	font-size:13px;
}
form.quote label
{
	text-align:left;
	color:#333;
	float: left;
	margin: 0 10px 0 0;
	padding:0 0 10px 0;
	line-height:200%;
}

form.quote p
{
	padding:10px 0 2px 0;
	margin:0;
}

input.textfield
{
	font-size:13px;
	padding:3px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999 ;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

input.submit
{
	background-color:#A6DCEA;
	border:2px solid #FFFFFF;
	padding:5px 10px 5px 10px;
	font-size:16px;
	font-weight:bold;
	color:#002B3B
}

label checkbox, label radio
{
	padding:0 0 3px 3px;
	display: block;
	margin: 0;
	float:left
	text-align:left;
}

input.radio, input.checkbox
{
	border:0px;
	background-color:transparent;
}

span.required
{
	font-weight:normal;
	color:#CC0000;
}
#form_left
{
	float:left;
	width:300px;
}

#form_right
{
	float:right;
	width:300px;
}

ul#contact_address
{
	list-style:none;
	margin:5px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	line-height:20px;
}

div#why_work_left
{
	float:left;
	width:40px;
	text-align:center
}

div#why_work_right
{
	float:left;
	width:170px;
}

div.message
{
	background-image:url(../images/message_bg.gif);
	border:1px solid #FF9F9F;
	font-size:14px;
	color:#666666;
	margin:10px 0px 10px 0px;
	padding:11px 20px 11px 20px;
	font-weight:bold;
}

div.error
{
	background:#FBE6F2 none repeat scroll 0 0;
	border:1px solid #D893A1;
	color:#333333;
	margin:10px 0 5px;
	padding:10px;
	text-align:left;
}

.consultant_left 
{
	background-repeat: no-repeat;
	background-position: center top;
	width: 77px;
	height:138px;
	float:left;
}
.consultant_left_all 
{
	background-image: url(../images/consultant_left_all.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height:138px;
	float:left;
}
.consultant_left.img1
{
	background-image: url(../images/consultant_left1.gif);
}
.consultant_left.img2
{
	background-image: url(../images/consultant_left2.gif);
}
.consultant_left.img3
{
	background-image: url(../images/consultant_left3.gif);
}
.consultant_left.img4
{
	background-image: url(../images/consultant_left4.gif);
}

.consultant_right 
{
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#FFFF99;
	float:left;
	color:#333333;
	
}

.consultant_right_short
{
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#FFFF99;
	float:left;
	color:#333333;
	width:490px;
}

.consultant_right
{
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#FFFF99;
	float:left;
	color:#333333;
	width:530px;
}

.consultant_right_short.rectangle
{
	background-image:url(../images/bg/consultant_rectangle_short.gif);
	height:110px;
}

.consultant_right_short.round
{
	background-image:url(../images/bg/consultant_round_short.gif);
	height:110px;
}

.consultant_right.rectangle
{
	background-image:url(../images/bg/consultant_rectangle.gif);
	height:110px;
}

.consultant_right.round
{
	background-image:url(../images/bg/consultant_round.gif);
	height:110px;
}

.consultant_text
{
	padding:5px; 
	line-height:17px;
	font-size:12px;
}

#consultant_bottom
{
	background-image: url(../images/icon/phone3.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
	margin-right: 12px;
	float:right;
	color:#666666;
	font-size:12x;
}
#web_design_list li
{
	font-weight:bold;
	margin-top:10px;
}
#ecommerce_list li
{
	font-weight:bold;
	margin-top:10px;
}

#service_list li
{
	margin-top:10px;
	list-style:none;
}


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

.client_thumb
{
	text-align:center;
	width:215px;
	height:70px;
	vertical-align:middle;
	background-color:#FFFFFF;
	overflow:hidden;
	padding-top:20px;
}