.logo{
	display:block;
	background-image: url(../images/logo1.png);
	behavior: url(../../scripts/iepngfix.htc);
	background-repeat: no-repeat;
	background-position: right bottom;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
td#right { border: 0; background: url(../images/right_in.gif) no-repeat left top; padding: 0px 0px; width: auto; height: auto;}
td#right_in { border: 0; background: url(../images/right_in.gif) no-repeat left top; padding: 0px 0px; width: auto; height: auto;}
.right_in1 { border: 0; background: url(../images/right_in_home.gif) no-repeat left top; padding: 0px 0px; width: auto; height: auto;}
.right_in2 { border: 0; background: url(../images/right_in_home1.gif) no-repeat left top; padding: 0px 0px; width: auto; height: auto;}
td#left{ border: 0; background: url(../images/left2_bg.gif) no-repeat right top; padding: 0px 0px; width: auto; height: auto;}


.size_auto{ width: auto; height:auto;}

/*---BORDER-TABLE--------------------------*/
.tableB{
	BORDER-RIGHT: #C7D1E2 1px solid;
	BORDER-LEFT: #C7D1E2 1px solid;
	BORDER-BOTTOM: #C7D1E2 1px solid;
	BORDER-TOP: #C7D1E2 1px solid;
	background-color:#FAFBFD;
	
}
.table_proNew{
	BORDER-RIGHT: #C7D1E2 1px solid;
	BORDER-LEFT: #C7D1E2 1px solid;
	BORDER-BOTTOM: #C7D1E2 1px solid;
	BORDER-TOP: #C7D1E2 1px solid;
	background-color:#FAFBFD;	
}
.boder_tableD{	
background-color:#31323A;
border:1px;
border-style:dotted;
border-color:#212337 ;	
}
.boder_tableB{	
background-color:#333333;
border:1px;
border-style:dotted;
border-color:#212337 ;	
}
.boder_tableC{	
border:2px;
border-style:dotted;
border-color:#424344 ;	
}


.content_bor {
	background-color: #3C3C3C;
	border:#232323 4px solid;
}
.content2_bor {
	background-color: #3C3C3C;
	border:#232323 4px solid;
}
/*----------------------Content-BG-------------------*/
.content_bg {
	background-color: #3C3C3C;
}
.content2_bg {
	background-color: #111111;
}
.bg_title {
	background-color: #4F4F4F;
	border-bottom:#232323 2px solid;
	padding:4px;	
}
/*---------------------------------------/Project/---------------------------------------------------*/
/*-----------------border_img ------------------------*/
.size_imgProNews { width: 350px; height:350px;}
.sodo_note { border: #6D6D6D 2px solid;  width: 130px; height:170px;}
.border_img { border: #6D6D6D 2px solid;  width: auto; height:auto;}
/*-----------------------------------------*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 2px solid #4F4F4F;
z-index: 0;

}
.thumbnail:hover{
background-color: transparent;
z-index: 50;

}
.thumbnail:hover img{
border: 2px solid #111111;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
border: 1px dashed #000000;
visibility: hidden;
color: #000000;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 70px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*----------------------Name-Project-------------------*/
.bor_pro { border: #535456 3px solid;  width: 460px; height:348px;}
/*----------------------Name-Project-------------------*/
.img_pro_detail img{
border: 2px solid #535456;
}
.img_pro_detail:hover img{
border: 2px solid #FFFFFF;
}
.img_pro_detail:hover{
color: red; 
}
/*----------------------Name-Project-------------------*/
.img_pro img{
border: 1px solid #535456;
}
.img_pro:hover img{
border: 1px solid #FFFFFF;
}
.borderC:hover{
color: red; 
}	
/*----------------------Name-Project-------------------*/
.name_pro{
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.name_pro:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color:#DA8203;
	text-decoration: none;
}
/*----------------------Name-Pro-------------------*/

#line {
WIDTH: auto;
	BORDER-BOTTOM: #565656 1px solid;
	padding-bottom:3px;
}

#line2 {
WIDTH: auto;
	BORDER-BOTTOM: #565656 1px dotted;
	padding-bottom:3px;
}
#line3 {
WIDTH: auto;
	BORDER-BOTTOM: #232323 1px dotted;
	padding-bottom:3px;
}
#line4 {
	WIDTH: 465px;
	BORDER-BOTTOM: #565656 1px dotted;
	padding-bottom:2px;
}
/*----------------------Content--------------------*/
/*----E---------EDITOR---------Content--------------------*/
.cont_text {
color: #D8DCDE;
text-decoration: none;
font: 100 normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
}

/*------B--------EDITOR--------Content--------------------*/
.cont2_text {
	color: #D8DCDE;
	text-decoration: none;
	font: 100 normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
}
.cont3_text {
	color: #000000;
	text-decoration: none;
	font: 100 normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
}
/*----------------------Title--------------------*/
.title_Top{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;	
}
.title_Top:hover{
	color: #BEBEBE;
	text-decoration: underline;
}

.title1_Top{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;	
}
.title_vang{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #DA8203;
	text-decoration: none;	
}
.title_xanh{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003aff;
	text-decoration: none;	
}
/*-------Title-Link-A------*/
.titleA{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #BDBDBD;
	text-decoration: underline;
}
.titleA:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#BDBDBD;
	text-decoration: none;	
}
.titleA:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#BDBDBD;
	text-decoration: underline;
}
/*-------Title-Link-B------*/
.titleB{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #BDBDBD;
	text-decoration: none;	
}
.titleB:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;	
}
.titleB:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#6a6a6a;
}
/*-------Title-Link-C------*/
.titleC{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #BDBDBD;
	text-decoration: none;	
}
.titleC:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#DA8203;
	text-decoration: none;	
}
.titleC:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#DA8203;
	text-decoration: underline;
}
/*-------Title-Link-D------*/
.titleD{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #BDBDBD;
	text-decoration: none;	
}
.titleD:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000D73;
	text-decoration: none;	
}
.titleD:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000D73;
	text-decoration: underline;
}
/*-------Title-Link-D------*/
.titleE{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #DA8203;
	text-decoration: none;	
}
.titleE:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: underline;
}
.titleE:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;	
}
/*-------Title-Link-max------*/
.title_max{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #DA8203;
	text-decoration: none;	
}
.title_max:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;	
}
.title_max:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: underline;
}

/*----IMG-LINK----------------------------------*/
.borderA img{
border: 2px solid #E3E3E3;
}

.borderA:hover img{
border: 2px solid #232323;
}

.borderA:hover{
color: red; 
}
/*----IMG-LINK----------------------------------*/
.borderB img{
border: 1px solid #E3E3E3;
}

.borderB:hover img{
border: 1px solid #232323;
}

.borderB:hover{
color: red; 
}		

/*----IMG-LINK----------------------------------*/
.borderC img{
border: 1px solid #232323;
}

.borderC:hover img{
border: 1px solid #D8DCDE;
}

.borderC:hover{
color: red; 
}
	
/*-------Back------*/
.back{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #AEAEAE;
	text-decoration: underline;
}
.back:hover {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#AEAEAE;
	text-decoration: none;	
}
.back:active {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#BDBDBD;
	text-decoration: underline;
}
	
/*-----Next--Back------*/
.textbox_pro
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #F38C00;
	padding:0px;
	text-decoration: none;
	background-color: #232226;
	border: 1px solid #232226;
}
.number{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#F38C00;
	text-decoration: none;
	font-weight: bold;
}
.back1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#EDEDED;
	text-decoration: underline;
	font-weight: bold;
}
.back1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#EDEDED;
	text-decoration: none;
	font-weight: bold;
}
/*----------------------Menu--------------------*/
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #AFAFAF;
	text-decoration: none;
	font-style: normal;
	line-height: 14px;
}
.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #01052A;
	text-decoration: none;
}
.menu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #01052A;
	text-decoration: none;
}
.active_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #01052A;
	text-decoration: none;
	background:url(../images/menu_o_bg.gif) bottom;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
}
.active2_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #000D73;
	text-decoration: none;
	background:url(../images/menu_o_bg.gif) bottom;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
}

/*----------------TD-Menu---------------*/
#msviHomePageLink {
	WIDTH: 274 px;
	padding:0px;
}
#msviHomePageLink TD {
	FONT-SIZE: 11px;
	font-family:Arial, Helvetica, sans-serif;
}
#msviHomePageLink A {
	PADDING-RIGHT: 20px;
	DISPLAY: block;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	background:url(../images/menu_bg.gif) bottom;

}
#msviHomePageLink A:hover {
	PADDING-RIGHT: 20px;
	DISPLAY: block;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	background:url(../images/menu_o_bg.gif) bottom;

}
/*---------------------------------------/Project/---------------------------------------------------*/


/*-------------------------------*/

/*-------Back------*/
.sutmit_bt{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #B5B3B3;
	text-decoration: none;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:8px;
	padding-right:8px;
	border:1px #646464 solid;
	background-color:#3C3C3C;	
}
.sutmit_bt:hover {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #DA8203;
	text-decoration: none;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:8px;
	padding-right:8px;
	border:1px #565656 solid;
	background-color:#31323A;	
}

/*----------------------Form--------------------*/
.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	border-top: 1px solid #646464;
	border-right: 1px solid #646464;
	border-bottom: 1px solid #646464;
	border-left: 1px solid #646464;
	font-weight: normal;
	background-color:#3C3C3C;
}
/*------------------------------------------*/
/*------------------------------------------*/
/*-------------------------------*/
/*----------------------Copy--------------------*/
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #A6A5A5;
	text-decoration: none;
}
.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #A6A5A5;
	text-decoration: none;
}
.copy:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #A6A5A5;
	text-decoration: underline;
}
/*----------------------Copy2--------------------*/
.copyright2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.copy2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.copy2:hover {
	text-decoration: underline;
}
/*--------------------*/
/*--------------------*/

.date {
	color: #575757;
	text-decoration: none;
	font: normal 9px/normal Verdana, Arial, Helvetica, sans-serif;
	PADDING-LEFT: 1px;
}
/*--------------------*/
.page{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AEAEAE;
	text-decoration: none;
	font-weight: bold;
}
.page:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BC7903;
	text-decoration: underline;
	font-weight: bold;
}
.active_page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BC7903;
	text-decoration: underline;
	font-weight: bold;
}
/*--------------------*/
.linkemail{
	color: #ECEAEA;
	text-decoration: none;
	font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
}
.linkemail:hover{
	color: #0339ff;
	text-decoration: none;
	font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
}

/*+++++++++++++++++++++++++++++++++++++++++++*/

.virtualpage2{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
text-align: right;
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#F38C00;
text-decoration: none;
font-weight: bold;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
margin: 0 5px;
}

.paginationstyle a{ /*Pagination links style*/
	padding-left:3px;
	padding-right:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#EDEDED;
	text-decoration: underline;
	font-weight: bold;
}

.paginationstyle a:hover, .paginationstyle a.selected{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#EDEDED;
	text-decoration: none;
	font-weight: bold;
}
#contact_bt{
width: auto;

}

#contact_bt a{
	color: #FFFFFF;
	text-decoration:none;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding:5;
	background-color: #3C3C3C;
	text-transform: uppercase;
	border:#4F4F4F solid 1px;
}

#contact_bt a:hover{
	background-color: #5B5B5B;
	border:#232323 solid 1px;
}
#scrollContentText {height:45px; margin:0;z-index:2;
}
	#scrollContentText  .smScrollDx {height:30px;	z-index:1;
}
	.smScrollContent {overflow:hidden; float:left; width:190px; height:45px !important; padding-right:0px}
	.smScroller {width:9px; overflow:hidden; float:left; visibility:hidden;}
	.smScroller * {margin:0; padding:0; cursor:pointer; display:block;}
	.smScrollUp {width:9px; height:6px;}	.smScrollDn {width:9px; height:6px;}
.smScrollDx {width:9px;background-image: url(../images/bg.gif);
}