@charset "utf-8";
/* CSS Document: Hiep Truong 2010*/
*{
	border:none;
}

body {padding:0;}

h1 {
	font-size:24px;
}

a {
	border:none;
}

a:link {
	color:#09F;
}

a:visited {
	color:#09F;
	
}

a:hover {
	
}

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#scroller {
	position:relative;
	height:400px;
	overflow:hidden;
	border:1px solid #000;
	-moz-box-shadow: 0 3px 0.5em #666;
	-webkit-box-shadow: 0 3px 0.5em #666;
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
}

#scroll-container {
	float:left;
	height:400px;
	overflow:hidden;
}

#slides {
	width: 1000em;
	position:absolute;
	height:400px;
}

.descriptionbar {
	position:absolute;	
	width:380px;
	height:401px;
	background-color:#000;
	opacity: 0.7;
	color:#FFF;
	z-index: 99;
}

.description {
	position:absolute;
	width:360px;
	height:380px;
	color:#FFF;
	padding: 10px;
	z-index: 99;
}


.slide {
	float:left;
	width:1000px;
	height:400px;
	background-repeat:no-repeat;
}

.footer {
	padding-top: 10px;
	margin-top:10px;
	background: #000;
	text-align: center;
		border:1px solid #000;
	-moz-box-shadow: 0 3px 0.5em #666;
	-webkit-box-shadow: 0 3px 0.5em #666;
	z-index: 101;
}

	.footer p {
		display:block;
		float:left;
		height:25px;
		width:300px;
		padding:5px;
		margin-left:10px;
		color: #FFF;
		font-size:10px;
	}
	.footer p a {
		text-decoration:none;
		color:#FFF;
	}
	.footer div {
		float:right;
		margin:4px;
		border:1px solid #000;
	}
	
.footerbar {
	background-color: #666;
	opacity: 0.5;
	border: 1px solid #000;
	text-align: center;
	z-index: 100;
}

.feature_main {
	position:relative;
	width:319px;
	height:250px;
	float:left;
	overflow: hidden;
	border:none;
}
	.feature_main a {
		text-decoration: none;
		text-indent:-9999px;
		float:left;
		width:319px;
		height:250px;
		border:none;
	}

	.feature_main a img:hover {
		text-decoration:none;
		border:none;
	}
	.feature_main a:hover {
		text-indent:0px;
		border:none;
	}
	
	.feature_main a:hover span{
		display: block;
		padding: 10px 0;
		background:#000;
		color: #fff;
		position: absolute;
		bottom:0;
		padding: 10px;
		margin: 0;
		width:319px;
		font-size:18px;
		text-align:center;
		border:none;
	}
	.feature_main a span:hover {
		border:none;
	}

.feature_sub {
	width:224px;
	height:150px;
	float:left;
	overflow:hidden;
	border-top:1px solid #000;
	border-right:1px solid #000;
}
	.feature_sub a {
		text-decoration: none;
		text-indent:-9999px;
		float:left;
		width:224px;
		height:150px;
		border:none;
	}
	
	.feature_sub a:hover {
		text-indent:0px;
		border:none;
	}
	.feature_sub a img:hover {
		text-decoration:none;
		border:none;
	}
	
	.feature_sub a:hover span{
		display: block;
		padding: 10px 0;
		background:#000;
		color: #fff;
		position: absolute;
		bottom:0;
		padding: 8px;
		margin: 0;
		width:208px;
		font-size:14px;
		text-align:center;
		border:none;
	}

.feature_nav_right {
	width:57px;
	height:150px;
	float:left;
	border-right:1px solid #000;
	background-image:url(../images/bg/nav_arrow.jpg);
	background-position:0px;
}
	.feature_nav_right:hover {
		background-position:170px;
	}
#navi {
	position:relative;
	height:40px;
	padding:0;
}

	#navi ul {
		list-style-type:none;
		margin-top:0px;
	}
	#navi h1 {
		display: block;
		float:left;
		padding:6px;
		font-family:Verdana, Geneva, sans-serif;
		font-weight:100;
	}
	
		#navi ul li {
			display:block;
			float: right;
			width:70px;
			text-align:center;
			border-right:1px solid #000;
			border-left:1px solid #bbb;
		}
		
		#navi ul li:hover {
			background: #000;
			color:#FFF;
			
		}
		#navi ul li.active {
			background:#09F;
		}
		
			#navi ul li a {
				display:block;
				text-decoration:none;
				padding: 12px;
				font-family:Verdana, Geneva, sans-serif;
				font-size:12px;
				color:#000;
			}
			
			#navi ul li a:hover {
				color:#FFF;
				font-weight:bold;
			}
			
			#navi ul li a.tooltip.active {
				background:#06F;
			}
			
			#navi ul li a.tooltip span {
				display:none;
				padding:2px 3px;
				margin-left:8px;
				width:130px;
			}
			
			#navi ul li a.tooltip:hover span {
				display:inline;
				position:absolute;
				background:#ffffff;
				border:1px solid #cccccc;
				color:#6c6c6c;
			}

.text-left {
	position:relative;
	top:0;
	left:0;
	width: 400px;
	padding: 10px;
	background:#FFF;
	color:#000;
	height:100%;
	z-index:50;
}
	.text-left h1 {
		display: block;
		width:400px;
		background-color:#000;
		margin:-10px;
		padding:10px;
		color:#FFF;
	}

.mediabox {
	margin: 10px auto auto auto;
	width: 320px;
	height: 280px;
	border:1px solid #000;
}
			
/*-----------------------------*/

#header {
	overflow:hidden; /* Changed to hidden if javascript enabled */
	border: 1px solid #666;
	-moz-box-shadow: 0 3px 0.5em #666;
	-webkit-box-shadow: 0 3px 0.5em #666;
}

	#header ul {
		width: 2820px;
		text-decoration:none;
		border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
	}

		#header ul li {
			position: relative;
			float: left;
			text-decoration: none;
			list-style-type:none;
			
		}
		#header ul li img{
			width: 958px;
			height: 80px;
			text-decoration:none;
			list-style-type:none;

		}
			
			#header ul li h1 span a {
				position: absolute;
				top: 23px;
				left: 0;
				padding: 5px 10px;
				background: rgb(0,0,0);
				background: rgba(0,0,0,0.5);
				text-decoration: none;
				color: #FFF;
				font-weight: bold;
			}
				#header ul li h1 span a:hover {
				text-decoration: none;
				color: #09F;
			}

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