/* CSS Document */


#preLoadImages {
  width: 0px;
  height: 0px;
  background:url(../images/body.jpg);
  background:url(../images/newsdetail_bg.png);
  background:url(../images/vienlien.png);
  background:url(../images/uni.png);
  background:url(../images/top_bg.jpg);  
  display:inline;    
}


body{
	padding:0;
	margin:0;	
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
	color: #2f2d2a;
	line-height:18px;
	text-align:justify;
	clear:both;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

a {
text-decoration: none;
cursor: hand;
color: #000000;
font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 10px; 
}

/*------------------------------------------------top--------------------*/

#topmain
{
	width:100%;	
	height:142px;
	background:url(../images/top_bg.png) top repeat-x;		
}

#top
{
	width:1003px;	
	height:142px;
	margin:0 auto;		
}

#language-bg{
	width:300px;
	height:42px;
	background:url(../images/lang_bg.png) top right no-repeat;
	float:right;		
}

.toptext{
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;		
	color: #9c9c9c;
}
a:hover.toptext{
	color: #fff;		
}


#banner
{
	width:100%;	
	height:300px;
	margin-top:0;
	background-color:#000;	
}


/*-----------------------------------------------body-------------------*/

#body{
	width:1003px;
	margin:0 auto;	
	margin-top:20px;
	padding-bottom:20px;			
}


#news
{
	width:380px;
	float:left;
	margin:0 0 0 20px;	
}

.news-text{	
	font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;		
	color: #6b6b6b;
	text-align:left;
	line-height:17px;	
}
	
a:hover.news-text {
	color: #2479b4;		
}

.title-text{	
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;		
	color: #0366ab;	
}

a:hover.title-text{
	color:#000;
}

#about
{
	width:505px;
	float:right;
	margin:10px 20px 0 0;
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;		
	color: #2f2d2a;
	text-align:left;
	line-height:26px;	
}


.more{	
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;		
	color: #0366ab;
	text-align:left;
	line-height:17px;	
}
	
a:hover.more {
	color: #000;		
}


#client {
	width:967px;
	height:147px;
	background:url(../images/client_bg.png) no-repeat bottom center;	
	margin:0 auto;
	padding-top:30px;
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;		
	color: #fff;
	clear:both;				
}

#aboutus
{
	width:963px;	
	margin:0 auto;	
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;		
	color: #2f2d2a;
	text-align:left;
	line-height:20px;	
}

#test-container
{
	width:993px;	
	margin:0 auto;
	margin-top:-10px;
}

.test
{
	width:301px;
	height:192px;	
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;		
	color: #2f2d2a;
	text-align:center;
	line-height:25px;	
}

a:hover.test {
	color: #0366ab;		
}


.img-border a img, .img-border a{
	border: none;
	overflow: hidden;
	float: left;
	
}
.img-border a:hover{
	border: 10px solid rgb(255, 255, 255); /* default color */
	
}
.img-border a:hover img{
	margin: -10px;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */	
}

.img-border1 a img, .img-border1 a{
	border: none;
	overflow: hidden;
	float: left;
	
}
.img-border1 a:hover{
	border: 5px solid rgb(255, 255, 255); /* default color */
	
}
.img-border1 a:hover img{
	margin: -5px;
	opacity:0.6;
}




/*-----------------------------------------------contact-------------------*/

#contact {
	width:470px;
	margin:0 auto;
	padding-left:30px;		
}

#contact-area {
	width: 470px;		
	padding:20px 0 0 0;			
}

#contact-area input, #contact-area textarea {
	padding: 1px;
	width: 270px;
	height:18px;
	font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#303030;	
	margin: 0px 0px 5px 0px;
	background:#d0d0d0;
	border: 1px solid #bdbdbd;
	outline:none;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #303030;
}

#contact-area input.submit-button {
	width: 60px;
	height:20px;
	float: left;
	margin:0 0 0 130px;
}

#contact-area input.reset-button {
	width: 60px;
	height:20px;
	float: left;	
	margin:0 0 0 10px;	
}

#contact input.ratio-button {
	width:10px;
	height:10px;	
	margin:5px 0 0 0;	
}

label {
	float: left;
	text-align:left;	
	width: 130px;	
	font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#303030;	
	outline:none;
	outline:
}

#contact-text {
	width: 200px;
	height:auto;
	font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#303030;
	float:left;
	outline:none;	
}


.login a { 
	background:url("../images/login-btn.png") 0 0 no-repeat !important;	
	width:109px; height:30px !important;	
	
}
.login a:hover {
	background-position:0 -30px !important;
}

/*hide this link*/
.login span {margin-left:-9000px;}
.login a:link, .up a:visited {display:block;}


.register a { 
	background:url("../images/register-btn.png") 0 0 no-repeat !important;	
	width:109px; height:30px !important;	
	
}
.register a:hover {
	background-position:0 -30px !important;
}
/*hide this link*/
.register span {margin-left:-9000px;}
.register a:link, .up a:visited {display:block;}


/*------------------------------------------------footer--------------------*/

#footer-main {
	width:100%;	
	height:131px;
	background:url(../images/footer_bg.png) bottom repeat-x;	
}


#footer{
	width:1003px;	
	height:131px;
	margin:0 auto;	
	font-family:Arial,  Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	color:#ffdb6b;
	line-height:22px;	
}

.design-text{
	font-family:Arial,  Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
}

a:hover.design-text{
	color:#ffdb6b;
}


.up a { 
	background:url("../images/top.png") 0 0 no-repeat !important;	
	width:14px; height:20px !important;	
	
}
.up a:hover {
	background-position:0 -20px !important;
}

/*hide this link*/
.up span {margin-left:-9000px;}
.up a:link, .up a:visited {display:block;}