* {min-height:1px;}
html, body {height:100%;}
body {border:0; margin:0; padding:0; background:#d0e4fb url("../images/bg-body.gif") 0 0 repeat-x; font:0.8em/160% "arial",sans-serif; color:#000; _text-align:center}

a {color:#0C53A7; text-decoration: none}
a:link {color:#0C53A7;}
a:visited {color:#0C53A7;}
a:hover {color:#0E7C0E;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:140%;}
h2 {
	font-size:200%; 
	line-height:120%; 
	color:#F66315; /*#1AA30F; */
	font-weight:normal;
}
h3 {font-size:120%; color:#0C53A7;}
h4, 
h5 {
	font-size:100%;
	color:#1aa30f;
}

table {display:table; border:1px solid #CCE2FA; border-collapse:collapse; margin:15px 0; padding:0; font-size:100%;}
tr.bg {background:#F1F7FE;}
th, td {display:table-cell; border:1px solid #CCE2FA; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#0C53A7 url("../images/tab-bg.gif") 0 0 repeat-x; text-align:center; color:#FFF; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
li {display:list-item; border:0; margin:0; padding:0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold; color:#1AA30F;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #CCE2FA; margin:15px 0; padding:10px;}
legend {
	margin-left:10px; 
	font-size:120%; 
	font-weight:bold; 
	color:#F66315; /*#1AA30F;*/
}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}
blockquote {margin:20px 40px; padding-left:10px; border-left:3px solid #CCE2FA; font-style:italic;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text aligment */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}

.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}

.noscreen {display:none;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
#home { width:870px; height:520px;position:relative; margin:40px auto; background:#FFF; _text-align:left; border: #8cc1ff 5px solid}
#home-l {float:left; width:352px;padding:0px;}
#home-r {float:left; width:518px ;padding:0px;}
#logo {margin-top:0px;padding-bottom:0px; float:left; width:118px; height:118px; margin-left:60px}
#iso {float:right; width:77px; height:118px; margin-left:0px}
#iso img { margin-top:12px;}
#banner{ height:470px; background:#74a1db url(../images/i1.jpg) no-repeat}
#company{ height:352px ; background-color:#0c52a7; clear:both}
#name{ height:264px; background:#0c52a7 url(../images/i2.gif) no-repeat;}
#lang { width:81px; height:47px; margin-left:247px; margin-right:24px}
#lang .tiengviet { width: 81px; height:47px; background: #1468c9;}
#lang .tiengviet a { width:81px; background: url(../images/css/tiengviet.gif) 0 0 no-repeat; }
#lang .tiengviet a:hover { background:#0a478f url(../images/css/tiengvieth.gif) 0 0 no-repeat; text-decoration:none}
#lang .tiengviet a {position: relative; overflow: hidden;color: #fff; display: block;height:47px;text-align:center;
}

#lang .tiengviet a span { display: none; }

#aboutbar{ height:31px;}
#about { display: inline; list-style-type: none; margin: 0; padding: 0;
}
#about li a {position: relative; overflow: hidden;color: #fff; display: block;height:31px;text-align:center;
}
#about li {float: left; list-style-image: none;
}
#about li a span { display: none; }
#about li.message { width: 176px; background: #1468c9;}
#about li.message a { width:176px; background: url(../images/css/b1.gif) 0 0 no-repeat; }
#about li.message a:hover { background:#0a478f url(../images/css/bh1.gif) 0 0 no-repeat; text-decoration:none}
#about li.profile { width: 176px; background: #1468c9;}
#about li.profile a { width:176px; background: url(../images/css/b2.gif) 0 0 no-repeat; }
#about li.profile a:hover { background:#0a478f url(../images/css/bh2.gif) 0 0 no-repeat; text-decoration:none}

#copyright { background-color:#99c5ff; height:50px; border-top: #74a1db 2px solid; padding-left:5px; font-size:83%; font-family:Verdana, Arial, Helvetica, sans-serif}


#navbar{ height:50px; border-top: #8cc1ff 2px solid;}
#nav { display: inline; list-style-type: none; margin: 0; padding: 0;
}
#nav li a {position: relative; overflow: hidden;color: #fff; display: block;height:48px;text-align:center;
}
#nav li {float: left; list-style-image: none;
}
#nav li a span { display: none; }

#nav li.news { width: 116px; background: #1468c9;}
#nav li.news a { width:116px; background: url(../images/css/b3.gif) 0 0 no-repeat; }
#nav li.news a:hover { background:#0072fd url(../images/css/bh3.gif) 0 0 no-repeat; text-decoration:none}
#nav li.project { width: 187px; background: #1468c9;}
#nav li.project a { width:187px; background: url(../images/css/b4.gif) 0 0 no-repeat; }
#nav li.project a:hover {  background: #0072fd url(../images/css/bh4.gif) 0 0 no-repeat; text-decoration:none}
#nav li.partners { width: 106px; background: #1468c9;}
#nav li.partners a { width:106px; background: url(../images/css/b5.jpg) 0 0 no-repeat; }
#nav li.partners a:hover {  background: #0072fd url(../images/css/bh5.jpg) 0 0 no-repeat; text-decoration:none}
#nav li.contact { width: 109px; background: #1468c9;}
#nav li.contact a { width:109px; background: url(../images/css/b6.gif) 0 0 no-repeat; }
#nav li.contact a:hover {  background: #0072fd url(../images/css/bh6.gif) 0 0 no-repeat; text-decoration:none}