@charset "UTF-8";
/****************************
* 	Author : Tang Kien Trung
*	Project : Phu An Thanh
*	Date : Wednesday , Feb 24 , 2010
*	VNSolutions .
*****************************/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;padding:0;
}

a img { border:none; }

a { text-decoration:none; color:#363636;}

a:hover{ color:#ee730f; }

ul { list-style:none; }

html { font-size: 100.01%; }

body
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:76%; /*------ 70% # 11px -------*/
	color:#363636;
	line-height:normal;
	background-color:#f7f8f2;
}

h1 { font-size:240%; font-weight:normal; }

h2 { font-size:210%; font-weight:normal; }

h3 { font-size: 180%; font-weight: normal; }

h4 { font-size: 150%; font-weight:normal; }

h5 { font-size: 120%; font-weight:normal; }

h6 { font-size: 100%; font-weight:normal; }

.clear { clear:both; }

/* Layout */

#wrapper
{
	margin:auto;
	width:950px;
}

/*---------------- language_bar -----------------*/
.language_bar
{
	float:left;
	width:100%; /* W:950px */
	height:26px;
}

.language_bar ul
{
	float:right;
	padding-top:10px;
}

.language_bar li
{
	float:left;
	display:inline;
	padding-left:10px;
}

.language_bar li a{ color:#363636; }

.language_bar li a:hover{ color:#ee730f; }

.language_bar li a.en
{
	float:left;
	background:url(../images/icons/uk_flag.jpg) no-repeat left center;
	padding-left:20px;
}

.language_bar li a.vi
{
	float:left;
	background:url(../images/icons/vn_flag.jpg) no-repeat left center;
	padding-left:20px;
}

.language_bar li a.jp
{
	float:left;
	background:url(../images/icons/jp_flag.png) no-repeat left center;
	padding-left:20px;
}

.language_bar li a.cn
{
	float:left;
	background:url(../images/icons/cn_flag.jpg) no-repeat left center;
	padding-left:20px;
}

/*---------------- header_container -----------------*/
.header_container
{
	float:left;
	width:100%;
	height:127px;
}

/*---------------- header_container / logo_container -----------------*/
.logo_container
{
	float:left;
	width:347px;
	height:127px;
	background:url(../images/bg/left_header_bg.png) no-repeat left bottom ;
}

#logo
{
	float:left;
	width:277px;
	height:80px;
	padding-top:5px;
}

/*---------------- header_container / pics_header_container -----------------*/
.pics_header_container
{
	float:left;
	width:267px; /*W 267 + paddingLR 14 = 281px*/
	height:127px;
	padding:0 7px 0 7px;
	background:url(../images/bg/pic_header_bg.png) no-repeat left bottom;
}

.pics_header_container img
{
	float:left;
	padding:30px 7px 0 7px;
}

/*---------------- header_container / header_info -----------------*/
.header_info
{
	float:left;
	width:322px;
	height:127px;
	background:url(../images/bg/header_bg.png) repeat-x bottom;
}

.info_box
{
	float:left;
	color:#5f4d00;
	text-align:left;
	margin-top:30px;
	padding-left:15px;
	border-left:4px solid #ffeea4;
}

.header_toolbar
{
	float:right;
	width:75px;

	padding:25px 10px 0 10px;
}

.header_toolbar a
{
	float:left;
	width:15px;
	height:15px;
	padding:0 5px 0 5px;
}

/*---------------- menu_container -----------------*/
.menu_container
{
	float:left;
	width:100%; /* W 950 */
	height:62px;
}

.menu_left_corner, .menu_right_corner
{
	float:left;
	width:110px;
	height:62px;
	background:url(../images/bg/menu_left_corner.jpg) no-repeat bottom;
}

.menu_right_corner { background:url(../images/bg/menu_right_corner.jpg) no-repeat bottom; }

.menu_content
{
	float:left;
	width:730px;
	height:62px;
	background:url(../images/bg/menu_bg.jpg) repeat-x bottom;
}

.menu_content ul { float:left; }

.menu_content li
{
	float:left;
	display:inline;
	background:url(../images/icons/menu_seperator.png) no-repeat right;
	padding:22px 20px 23px 10px;
}

.menu_content li a.current { color:#EE730F; }

/*---------------- content -----------------*/
#content
{
	float:left;
	width:730px;
	padding:0 110px 0 110px;
	background:url(../images/bg/content_bg.png) no-repeat top center;
}

.breadcumb_container
{
	float:left;
	width:730px;
	height:60px;
	background:url(../images/bg/breadcumb_bg.png) no-repeat center;
}

.breadcumb
{
	float:left;
	padding:22px 10px 0 20px;
}

.breadcumb ul
{
	float:left;
}

.breadcumb li
{
	float:left;
	background:url(../images/icons/arrow_breadcumb.gif) no-repeat right;
	padding:0 10px 0 5px;
}

.breadcumb li.current { background:none !important ; }
.breadcumb li.current a { color:#ab5400; }


.search_page
{
	float:right;
	padding:23px 5px 0 0;
}

.search_page input[type="text"]
{
	float:left;
	border:none;
	width:135px;
	/*height:25px;*/
	background:url(../images/bg/txt_search_bg.png) no-repeat left bottom;

	padding:5px 5px 5px 5px;
	color:#895a25;
}

.search_page button
{
	float:left;
	border:none;
	width:23px;
	height:25px;

	margin-top:1px;
	margin-left:-2px;

	background:url(../images/bg/btn_search_bg.png) no-repeat left top;
	cursor:pointer;


}

/*---------------- left_content -----------------*/
#left_content
{
	float:left;
	width:210px;
}

/*---------------- right_content -----------------*/
#right_content
{
	float:right;
	width:500px;
}

/*---------------- slideshow_container -----------------*/
.slideshow_container
{
	float:left;
	width:500px;
	height:255px;
}

.slideshow_left_corner
{
	float:left;
	width:10px;
	height:255px;
	background:url(../images/bg/slideshow_corner_left.png) no-repeat;
}

.slideshow_right_corner
{
	float:left;
	width:10px;
	height:255px;
	background:url(../images/bg/slideshow_corner_right.png) no-repeat;
}

.slideshow_content
{
	float:left;
	width:480px;
	height:235px;
	padding:10px 0 10px 0;
	background:url(../images/bg/slideshow_bg.jpg) repeat-x;
}

#slideshow
{
	position:relative;
	width:480px;
	height:235px;
}

#slideshow img
{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow img.active
{
	z-index:10;
	opacity:1.0;
}

#slideshow img.last-active { z-index:9;}

/*---------------- box210 -----------------*/
.box210
{
	float:left;
	width:210px;
	text-align:left;

	padding-bottom:20px;
	background:url(../images/bg/box210_bottom_shadow.png) no-repeat bottom;
}

.title_bar_210
{
	float:left;
	width:200px;
	height:24px;
	padding:8px 0 0 10px;

	background:url(../images/bg/title_bar_210.png) no-repeat;
	color:#FFFFFF;
}



.box210_content
{
	float:left;
	width:188px;
	padding:10px;
	border-left:1px solid #dddddc;
	border-right:1px solid #dddddc;
	background:#fbfbfb url(../images/bg/box210_bg.jpg) repeat-x bottom;
}

.box210_content ul.link_list { float:left; }

.box210_content ul.link_list li
{
	/*float:left;*/
	background:url(../images/icons/arrow_symbol.png) no-repeat left center;
	padding:5px 0 5px 20px;
}

.box210_bottom
{
	float:left;
	background:url(../images/bg/box210_bottom.png) no-repeat;
	width:210px;
	height:5px;
}

.box210_content table
{
	float:left;
	width:100%;
	margin-bottom:10px;
}

.box210_content table .table_title
{
	color:#ee730f;
	font-weight:bold;
	background:url(../images/bg/table_title_seperator.jpg) repeat-x bottom;
	padding:0 0 5px 0;
}

.box210_content table span { float:left; font-size:9px; color:#6b6b6b; padding-bottom:3px; }

.adv210
{
	float:left;
	width:210px;
	padding-bottom:20px;
}

/*---------------- col500 -----------------*/
.col500
{
	float:left;
	width:500px;
	padding-top:10px;
}

/*---------------- col250 -----------------*/
.col250
{
	float:left;
	width:250px;
}

/*---------------- news_home -----------------*/
.news_home
{
	float:left;
	width:250px;
	height:310px;
	overflow:hidden;
	text-align:left;
	/*border-right:1px solid #c8c8c8;*/
	background:url(../images/bg/news_border_right.jpg) repeat-y right;
}

.title_bar_240
{
	float:left;
	background:url(../images/bg/title_bar_240.png) no-repeat bottom;
	width:240px;
	height:36px;

	margin-bottom:10px;
}

.title_bar_240 h4
{
	float:left;
	background:url(../images/icons/dot_symbol.png) no-repeat 10px 13px;
	padding:7px 0 0 27px;
	color:#ee730f;
}

/*-------------- title_bar --------------- */
.title_bar
{
	float:left;
	min-height:36px;
	min-width:240px;
	background:url(../images/bg/title_bar_left_corner.png) no-repeat bottom left;
	margin-bottom:10px;

	padding-left:6px;
}

.title_bar_corner
{
	float:left;
	min-height:36px;
	/*width:6px;*/
	background:url(../images/bg/title_bar_bg.png) no-repeat bottom right;
	padding-right:10px;
}

.title_bar h4
{
	float:left;
	background:url(../images/icons/dot_symbol.png) no-repeat 5px 13px;
	padding:7px 0 0 22px;
	color:#ee730f;
}


.news_home_content
{
	float:left;
	width:230px;
	padding:0 10px 0 10px;
}

.bottom_shadow_250
{
	background:url(../images/bg/box250_bottom_shadow.png) no-repeat bottom;
	padding-bottom:20px;
}

.news_bottom_border
{
	float:right;
	width:240px;
	height:10px;
	background:url(../images/bg/news_bottom_border.jpg) no-repeat top right;
}

a.news_title
{
	float:left;
	width:100%;
	color:#fe0000;
	/*padding-top:10px;*/
}

span.date_post
{
	float:left;
	width:100%;
	color:#898989;
	font-size:11px;
	padding-bottom:10px;
}

span.date_other
{
	color:#898989;
	font-size:11px;
}

.figure
{
	float:left;
	padding:3px;
	border:1px solid #c1c1c1;
	margin:0 7px 0 0;
}

.news_home_content p { padding-bottom:10px; }

.red_title
{
	float:left;
	width:100%;
	color:#fe0000;
	padding-bottom:10px;
}

.main_topic
{
	float:left;
	width:100%;
	padding-bottom:10px;
	color:#ff7800;
	text-decoration:underline;
	font-weight:bold;
}

.sub_topic
{
	float:left;
	width:100%;
	font-weight:bold;
	background:url(../images/icons/arrow_symbol.png) no-repeat left 2px;
	padding:0 0 0 17px;

}
/*---------------- intro -----------------*/
.intro
{
	float:left;
	width:250px;
	height:310px;
	overflow:hidden;
	text-align:left;
}

.intro_bottom_border
{
	float:left;
	width:240px;
	height:10px;
	background:url(../images/bg/intro_bottom_border.jpg) no-repeat -1px 0;
}

.intro_content
{
	float:left;
	width:230px;
	padding:0 10px 0 10px;
	background:url(../images/bg/intro_building_bg.png) no-repeat bottom;
}

.intro_content p { float:left; padding:10px 0 0 0;}

.intro_content ul
{
	float:left;
	width:100%;
	padding:10px 0 10px 0;
}

.intro_content li
{
	float:left;
	width:100%;
	background:url(../images/icons/arrow_symbol.png) no-repeat 0 2px;
	padding:0 0 6px 17px;
	font-size:11px;
}

/*---------------- box500 -----------------*/
.box500
{
	float:left;
	width:500px;
	background:url(../images/bg/box500_shadow_bottom.png) no-repeat center bottom;
	padding-bottom:23px;
}

.box500_top
{
	float:left;
	width:500px;
	height:10px;
	background:url(../images/bg/box500_top_corner.jpg) no-repeat;
}

.box500_bottom
{
	float:left;
	width:500px;
	height:10px;
	background:url(../images/bg/box500_bottom_corner.jpg) no-repeat bottom;
}

.box500_content
{
	float:left;
	/*width:480px;*/
	width:478px;
	padding:0 10px 0 10px;
	/*background:url(../images/bg/box500_bg.jpg) repeat-y;*/

	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;

	text-align:left;
}

.box500_content p
{
	padding-bottom:10px;
	width:100%;
}

.box500_style
{
	float:left;
	width:500px;
	background:url(../images/bg/box500_shadow_bottom.png) no-repeat center bottom;
	padding-bottom:23px;
}
.box500_style .box500_bottom { background:url(../images/bg/box500_style_bottom_corner.jpg) no-repeat bottom; }
.box500_style .box500_content {	background:url(../images/bg/box500_style_content_bg.jpg) repeat-x bottom; }

/*---------------- industrial_park_intro -----------------*/
.industrial_park_intro
{
	float:left;
	width:308px;
	padding:0 10px 0 10px;
	text-align:left;
}

a.title
{
	float:left;
	color:#ee730f;
	background:url(../images/icons/dot_symbol.png) no-repeat 0 6px;
	padding:0 0 10px 15px;
	width:100%;
}

.industrial_park_intro p
{
	padding-bottom:10px;
}

/*---------------- gallery_home -----------------*/
.gallery_home
{
	float:left;
	width:130px;
	padding:0 10px 0 10px;
	background:url(../images/bg/shadow_vseperator.png) no-repeat left 50%;
	text-align:left;
}

.gallery_home .pic_container
{
	float:left;
	width:130px;
	padding-bottom:10px;
}

.gallery_home .pic_container img.pic_album
{
	float:left;
	padding:5px;
	width:55px;
	height:55px;
	overflow:hidden;
}

/*---------------- banner_intro -----------------*/
.banner_intro
{
	float:left;
	width:100%;
	padding:10px 0 10px 0;
}

/*---------------- intro_topic -----------------*/
.intro_topic
{
	float:left;
	width:100%;
	padding-bottom:10px;
}

.intro_topic p
{
	float:right;
	width:379px;
}

.intro_topic .figure
{
	float:left;
	width:81px;
	height:81px;
	overflow:hidden;
	padding:0 10px 0 0;
	border:none;
}

.intro_topic .title
{
	color:#775800;
	font-weight:bold;
}

/*---------------- news_deatils_container -----------------*/
.news_details_container
{
	float:left;
	width:100%;
	text-align:left;
	padding-top:10px;
	padding-bottom:15px;
}

.news_content
{
	float:left;
	width:100%;
	padding-bottom:8px;
}

.news_content p { padding-bottom:10px; }

.others_news
{
	float:left;
	width:100%;
	text-align:left;
	background:url(../images/bg/box500_news_shadow_bottom.png) no-repeat top center;
	padding-bottom:10px;
}

.others_news ul
{
	float:left;
	width:100%;
	padding-left:16px;
}

.others_news li { padding-bottom:10px; width:100%; }

.others_news li a { color:#775800;}
.others_news li a:hover { color:#EE730F; }

.others_news .title_bar_240 { margin:0; }

/*---------------- partners -----------------*/
.partners
{
	float:left;
	width:100%;
}

.partner_name
{
	float:left;
	width:100%;
	color:#ee730f;
}

.partner_intro
{
	float:left;
	width:100%;
	padding:10px 0 10px 0;
}

.partner_intro ul { float:left; padding:0 0 0 10px; }
.partner_intro li { padding-bottom:10px; }

.partner_logo {	float:left; }

.partner_logo img { border:1px solid #c1c1c1; }

.partners .figure
{
	border:none; padding:10px 10px 10px 0; margin:0;
}

/*---------------- clients -----------------*/
.clients
{
	float:left;
	width:100%;
}

.client_row
{
	float:left;
	width:100%;
	background:url(../images/bg/row_bg.png) no-repeat bottom center;
	margin-bottom:10px;
	padding:10px 0 10px 0;
}

.client_item
{
	float:left;
	width:218px;
	text-align:center;
	padding:0 10px 0 10px;
}

.client_item span
{
	font-size:14px;
	text-transform:uppercase;
	color:#EE730F;
}

.client_item img { border:1px solid #ffab00; margin-bottom:10px; }

/*---------------- search_result_title -----------------*/
.search_result_title
{
	float:left;
	width:100%;
	text-align:left;
	padding-bottom:10px;
	border-bottom:1px solid #f0a310;
}

.search_result_title strong { font-size:12px; color:#ee9b0f; }

/*---------------- contact_container -----------------*/
.contact_container
{
	float:left;
	width:100%;
}

.contact_container table td
{
	vertical-align:top;
	padding:3px 5px 7px 5px;

}

.contact_container .seperator { padding:10px 0 10px 0; background-position:center; }
.form_title
{
	text-align:left;
	color:#775800;
	width:95px;
}

input[type="text"]
{
	border:1px solid #d09a00;
	background:#FFFFFF;
	width:145px;
}

input[type="text"]:focus { border-color: #1798eb;}

textarea
{
	border:1px solid #d09a00;
	background:#FFFFFF;
	height:120px;
	width:380px;
}

textarea:focus { border-color: #1798eb; }

.contact_container input[type="text"] { width:100%; }

.contact_container .input_field
{
	width:145px;
	text-align:left;
	padding-right: 15px;
}

.contact_container button
{
	float:right;
	width:110px;
	height:24px;
	background:url(../images/buttons/send_btn.png) no-repeat center top;
	color:#5d4500;
	font-weight:bold;
	text-align:center;
	border:none;
	cursor:pointer;
}

.contact_container button:hover { background:url(../images/buttons/send_btn_hover.png) no-repeat center top; }

.map_container
{
	width:230px;
	background:url(../images/bg/map_seperator_shadow.png) no-repeat center left;
	padding:10px 0 5px 0px;
}

.map_container img
{
	float:right;
	border:3px solid #e99607;
}

/*---------------- gallery_conatiner -------------------*/
.gallery_container
{
	float:left;
	width:100%;
	background:url(../images/bg/box500_news_shadow_bottom.png) no-repeat center bottom;
	padding-bottom:22px;
}

.gallery_container table
{
	float:left;
	width:auto;
}

.gallery_container td
{
	width:155px;
	height:130px;
	background:url(../images/bg/gallery_frame.jpg) no-repeat left center;
	vertical-align:middle;
	text-align:center;
	padding:0 10px 0 0;
}
.gallery_container img
{
	width:140px;
	height:93px;
}

/*---------------- footer_container -----------------*/
.footer_container
{
	float:left;
	width:100%;
	padding:0 0 10px 0;
}

.footer_left_corner
{
	float:left;
	width:110px;
	height:63px;
	background:url(../images/bg/footer_left_corner.jpg) no-repeat top;
}

.footer_right_corner
{
	float:left;
	width:110px;
	height:63px;
	background:url(../images/bg/footer_right_corner.jpg) no-repeat top;
}


.footer_content
{
	float:left;
	width:730px;
	height:63px;
	background:url(../images/bg/footer_bg.jpg) repeat-x top;
}

.footer_content ul
{
	padding:10px 0 10px 0;
}

.footer_content li
{
	display:inline;
	background:url(../images/bg/menu_footer_seperator.jpg) no-repeat right;
	padding:0 10px 0 10px;
}

.footer_content li a { color:#FFFFFF; }
.footer_content li a:hover { color:#ffde00; }

.copyright
{
	color:#FFFFFF;
}

.copyright a { color:#FFFFFF; }
.copyright a:hover { color:#ffde00; }
/*---------------- Utility -----------------*/
.no_bg { background:none !important ;}

button.btn_details,button.btn_top_news,
a.btn_top
{
	float:right;
	width:84px;
	height:19px;
	border:none;
	background:url(../images/buttons/btn_details.jpg) no-repeat;
	text-align:left;
	color:#845220;
	font-size:11px;
	cursor:pointer;
}

a.btn_top { background:url(../images/buttons/btn_top_page.jpg) no-repeat; margin-bottom:10px; padding:3px 0 0 10px; }

.float_right { float:right; }

.seperator
{
	float:left;
	width:100%;
	height:2px;
	background:url(../images/bg/seperator.jpg) repeat-x top;
	padding-bottom:10px;
}

/*------------------- paging -------------------*/
.paging
{
	float:right;
	padding:10px 0 10px 0;
	width:100%;
}

.paging ul { float:right; padding:0; width:auto; }

.paging li { float:left; display:inline; padding:0 5px 0 5px; }

.paging li.last_item { padding-right:0; }

.paging .current
{
	background-color:#ffe0a0;
	border:1px solid #ffab00;
	padding:0 5px 0 5px;
	margin-top:-1px;
	font-weight:bold;
}

.paging .first
{
	font-weight:bold;
	font-size:14px;
	margin-top:-3px;

}

.paging .last
{
	font-weight:bold;
	font-size:14px;
	margin-top:-3px;
}

.paging .current a { color:#ee7a00; }

/*---------------- Extent -----------------*/

.box500_content h1
{
	color:#775800;
	font-weight:bold;
	font-size:12px
}

.box500_content td
{
	valign:top;
	padding:5px 5px 5px 10px;
}
.news_content h1
{
	float:left;
	width:100%;
	padding-bottom:10px;
	color:#ff7800;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
}

.news_content h2
{
	float:left;
	width:100%;
	font-weight:bold;
	background:url(../images/icons/arrow_symbol.png) no-repeat left 2px;
	padding:0 0 0 17px;
	font-size:12px;
}

.news_content ul li
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/icons/arrow-yellow.png) no-repeat scroll left center;
	font-weight:normal;
	padding:0 0 0 15px;
}

.industrial_park_intro img
{
	float:left;
	padding:3px;
	border:1px solid #c1c1c1;
	margin:0 7px 0 0;
}

.table_title {
	background:transparent url(../images/bg/table_title_seperator.jpg) repeat-x scroll center bottom;
	color:#EE730F;
	font-weight:bold;
	padding:0 0 5px;
}
a.current { text-decoration:none; color:#EE730F;}
.noticelink {
	color:#33CCFF;
}