html,body { 
		background-color:#24384f;
		/*background:url('../images/bg.jpg') repeat-x scroll left top rgb(182, 208, 
233);*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height:1.5em; 
		/*color:#6f8ebc;*/
		color:#819ec8;
		margin:0 auto;
		}
#wrap {
	background:#1a2b3f;
	width:980px;
	margin:0 auto;
}

#header {
	background:#0CF;
	width:100%;
}
#logo {
	/*background:url('../images/top_logo.jpg') top left;*/
	width:980px;
	height:98px;
}
#content {
	width:898px;
	text-align:justify;
	margin:0 auto;
}
#col-left {
	width:253px;
	*width:240px;
	float:left;
	position:relative;
	margin-top:12px;
}
#col-right {
	width:630px;
	*width:620px;
	float:left;
	position:relative;
	padding-left:15px;
	_padding-left:25px;
	
}
#footer {
	background:#243850;
	color:#6586af;
	width:979px;
	height:85px;
	text-align:center;
	margin-top:10px;
}

#footer .indent { padding:10px 20px 0 20px;}
#footer li { display:inline;color:#3897e7;}
#footer li a { padding:10px 10px 0 10px; text-decoration:underline;color:#3897e7;}
#footer li a:hover { text-decoration:none; color:#eac60e}

.img {
	margin-bottom:5px;
	padding:0px;
}
img{
 border:0;
}
#titlepage {
	color:#FFF;
	font-size:20px;
	width:540px;
	text-align:left;
	margin:12px 0px 0px 0px;
}
.line_title {
	height:2px;
	width:630px;
	*width:620px;
	border-bottom:1px solid #31475f;
}
.text_orange {
	color:#ecc40c;
}
#ul_home {
	color:#46a2ed;
	font-size:14px;
	margin-top:10px;
	margin-left:0px;
	line-height:normal;
	list-style:none;
}

#ul_home li {
	list-style-image: url('../images/bullet_hoasen_1.jpg');
 	margin-left:7px;
	*margin-left:27px;
	padding-bottom:7px;
	*padding-left:7px;
	}
#ul {
	margin-top:10px;
	margin-left:0px;
	line-height:normal;
	list-style:none;
}

#ul li {
	list-style-image: url('../images/bullet_dimond.gif');
 	margin-left:7px;
	padding-bottom:7px;
	}

.menu {position:relative; background-color:#000000;}
a {color:#e4ac03; text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

.line {
	height:5px;
	border-bottom:1px solid #004284 ;/*#d68914;#2878b1*/
	width: 100%;
	margin-bottom:5px;
	_margin-bottom:10px;
	text-align:center;
}
.line-short {
	height:1px;
	border-bottom:1px solid #666666;
	width: 700px;
	margin:0px 0px 5px 110px;
}
	

#contactForm {padding:0px 0 0;}
#contactForm p {width:210px; padding:0; margin:0; font-size:1.083em;}
#contactForm .float-l {width:210px; padding:0; margin:0;}
#contactForm .float-l div {height:29px; width:210px;}
#contactForm textarea {margin-right:5px;font-size:1em; line-height:1em; color:#000000; border:1px solid #A09B96; margin-bottom:5px;}
#contactForm .textbox { height:19px; width:260px; font-size:1em; line-height:1em; color:#000000; border:1px solid #A09B96;}

 .submit {
	background:url(../images/button.jpg) repeat-x;
	padding: 1px 2px 1px 2px;
	color:#192c3d;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	border: solid #0b67b5 2px;
	width: auto;
	height:24px;     
	cursor:pointer
}
.clear {
	clear:both;
}
.textred {
	color:#F0F;
}
.textyellow {
	color:#e2c46f; 
	font-weight:bold;
	text-align:right;
}

h2.title21{   
	margin: 0;	
	padding: 0 22px 10px 0px;
	font-family: AGOpus, AGOpusHighResolution;
	font-size: 14px;

}
.behind { 
        margin: 0 0 2px 0px;
		padding:3px 0 3px 0px;
		text-align:justify;
}
.title_product:link {
	color:#a9cfe7; 
	font-weight:bold;
	text-decoration:none;
}
.title_product:visited {
	color:#a9cfe7; 
	font-weight:bold;
	text-decoration:none;
}
.title_product:hover {
	color:#FC0;
	text-decoration:none;
}

.title_equipment:link {
	color:#a9cfe7; 
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.title_equipment:visited {
	color:#a9cfe7; 
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.title_equipment:hover {
	color:#FC0;
	text-decoration:none;
}

.newsother:link {
	color:#9fbfd3;
	text-decoration:none;
}
.newsother:visited {
	color:#9fbfd3;
	text-decoration:none;
}
.newsother:hover {
	color:#FC0;
	text-decoration:underline;
}

#flag_top:link {
	color:#a9cfe7; 
	text-decoration:none;
}
#flag_top:hover {
	color:#FC0;
	text-decoration:none;
}
.box {
	background:url(../images/bg_video.jpg) repeat-x;
	padding:10px 0px 2px 0px;
	width:494px;
	text-align:center;
	margin:15px auto;
}
.box_phototour {
	background:url(../images/bg_phototour.jpg) repeat-x;
	padding:10px 0px 2px 0px;
	width:554px;
	text-align:center;
	margin:15px auto;
}
.box_index {
	background:url(../images/bg_box_index.jpg) repeat-x;
	padding:10px 0px 2px 0px;
	width:580px;
	margin:10px 0px 10px 15px;
	padding-right:18px;
}
.box_online {
	background:url(../images/bg_box_index.jpg) repeat-x;
	padding:15px 0px 2px 0px;
	width:248px;
	height:110px;
	margin-top:10px;
}
.box_year_project {
	padding:10px 0px 10px 10px;
	font-size:12px;  
	border:1px solid #CFF; 
	text-align:center;
	overflow:hidden;
}
.box_year_project a:link {
	color:#ffcc00;
	text-decoration:none;
}
.box_year_project a:hover {
	color:#50a8f0;
	text-decoration:underline;
}
.flag_lang {
	margin: 60px 40px 0px 0px;
	*margin: 30px 20px 0px 0px;
	float:right;
}
.certificate {
	width:195px; 
	margin-right:10px;	
	float:left;
}
.title_details_name {
	color:#FC0;
	font-size:16px;
	font-weight:bold;
}
.title_details {
	color:#a9cfe7;
	font-size:14px;
	font-weight:bold;
}

/*********************************/
/********** menu left ************/
/*********************************/
.mnleft {
	background:url(../images/menu_left_top.jpg) repeat-x;
	width:248px;
	padding-top:10px;
}
.mnparentbound{
	background:url(../images/menu_left.jpg) no-repeat;
	width:248px;
	color:#FFF;
	}
.mnbound{
	background:url(../images/menu_left_sub.jpg) no-repeat;
	height:27px;
	color:#CCC;
	line-height:20px;
	display:block;
}
.mnbound:hover{
	background:url(../images/menu_left_sub_hover.jpg) no-repeat;

}
.mnroottitle,.mnroottitleselected{
	cursor:pointer;
	color:#50a8f0;
	font-weight:bold;
	height:29px;	
	padding-left:20px;
	vertical-align:middle;
	line-height:26px;

}
.mnroottitle:hover, .mnroottitleselected{
	background:url(../images/menu_left_hover.jpg) no-repeat;
	color:#FC3;
}
.mntitle{
	color:#50a8f0;
	height:27px;
	padding-left:38px;
	cursor:pointer;
}
.mntitle:hover{
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}

	
.mntitleselected{
	color:#FF9;
	padding-left:38px;
	cursor:pointer;
	
	
}
/***********************************/

/* video clips */
#preview_video{
	background:url(../images/capture_videoclips.jpg) top left no-repeat;
	margin:5px 5px 5px 7px;
	height:360px;		
}
div.scrollable{
	background:#1a3c63;
	border:1px solid #c8d010; 
	height:103px;
	width:550px;
	margin-left:36px;
}
div.items{	
	margin-left:6px;
	height:101px;	
	float:left;		
}
div.items div{
	width:114px;
	height:90px;
	margin-top:2px;
	margin-right:8px;
}
div.scrollable div{		
	float:left;	
}
div.scrollable div span img{		
	width:114px;
	height:90px;
	border:solid 1px #eaefef;
	cursor:pointer;
}
a.prev{
	background:url(../images/previous_video.jpg) no-repeat;
	display:block;
	width:28px;
	height:101px;
	float:left;	
}
a.prev:hover{
	background:url(../images/previous_video_s.jpg) no-repeat;
	cursor:pointer;
}

a.next{
	background:url(../images/next_video.jpg) no-repeat;
	display:block;
	width:28px;
	height:101px;
	float:right;
	margin-right:1px;
}


a.next:hover{
	background:url(../images/next_video_s.jpg) no-repeat;
	cursor:pointer;
}
#videotitle{
	color:#FC3; 
	font-weight:bold
}
/* end */