/* Fix this on Brian's Stylesheet... */

body {
	background-color:#fff;
	position: relative;
}

#containerHome {
	overflow: visible;
}


#topHome {
	background-repeat:no-repeat;
	height:490px;
	margin:auto;
	position:relative;
	width:1000px;
}

#flashShell {
	right: 0px;
	top: 0px;
	position: absolute;
	z-index: 9;
}


/* @group TUAN ADDED */
#hp_bigGap{
	right: 0px;
	top: 470px;
	z-index: 11;
	position: absolute;
}
#hp_feature{
	padding-bottom: 40px;
	width: 100%;
	zoom: 1;
}

/* @group HighLight Box */
#hp_highlight{
	float: left;
	width: 397px;
	display: inline;
	z-index: 1;
	margin: 0px;
}
#hp_highlight ul{
	line-height: auto;
	margin: 0px 0px 0px 0px;
	padding: 43px 0px 0px 0px;
}
#hp_highlight ul li{
	/*width: 397px;*/
	height: 102px;
	list-style-type: none;
	background-image: url(/images/hp_highlight_background.jpg);
}

#hp_highlight ul li h1{
	font-family: Arial;
	font-size: 18px;
	padding-left: 150px;
	padding-top: 20px;
}

#hp_highlight ul li span{
	float: left;
	clear: right;
	padding: 13px;	
}

#hp_highlight ul li p{
	font-family: Arial;
	font-size: 12px;
	color: #666;
	padding-left: 150px;
	line-height: 15px;
}

a.lightLink {
	font-family: Arial;
	font-size: 12px;
	color: #666;
}
a.lightLink:hover{
	color: #333;
	text-decoration: none;
}
/* @end */

/* @group PIPE */
#hp_pipe {
	float: left;
	display: inline;
	width: 278px;
	background-image: url(/images/hp_pipeline_background.jpg);
	margin-left: 20px;
}
#hp_pipe ul{
	line-height: auto;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 40px 40px;
}


#hp_pipe ul li{
	list-style-type: none;
	padding-top: 15px;
}

#hp_pipe ul li.hp_topPipe{
	padding-top: 0px;
	padding-bottom: 15px;
}

#hp_pipe ul li h1{
	font-family: Arial;
	font-size: 18px;
}

#hp_pipe ul li p{
	font-family: Arial;
	font-size: 12px;
	color: #666;
	line-height: 15px;
}
#hp_pipe ul li img{
	border: 3px solid white;
}

/* @end */


/* @group News */
#hp_news{
	float: right;
	display: inline;
	width: 305px;
}

#hp_news ul{
	margin: 0px;
	padding-top: 11px;
	padding-left: 30px;
}

#hp_news ul li{
	list-style-type: none;
	line-height: 14px;
}

#hp_news ul li img{
	padding-top: 10px;
	margin-left: -35px;
}

#hp_news ul li h1 {	
	padding-top: 8px;	
}

#hp_news ul li h4{
	color: #555;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 14px;
	background: url(/images/flash_news/dateBG.jpg) no-repeat 0px;
}
#hp_news ul li p{
	padding-bottom: 5px;
	border-bottom: 1px dotted silver;
	line-height: 15px;
}

#hp_news ul li p a{
	color: #666;
}

#hp_news ul li p a:hover{
	color: #333;
}

#allNews{
	float: right;
	width: 148px;
	height: 33px;
	margin: 15px 0px 0px 0px;
	background: url(/images/flash_news/btn_readAll.gif) no-repeat;
	padding-top: 10px;
}

#allNews a{
	padding-left: 38px;
	color: #FFF;
}
#allNews a:hover{
	color: #d2d2d2;
}

/* @end */

/* @group Scrollbar */
.holder {
	float: left;
	margin: 0px;
}

.scroll-pane {
	width: 305px;
	height: 240px;
	overflow: auto;
	background: #fff;
	float: left;
}
#panel ul{
	padding-top: 0px;
}

.holder .jScrollPaneDrag {
	background: #ccc url(/images/flash_news/scrubber.png) no-repeat 50% 50%;
	
}


/* @end */

#wrapperHome {
	background-color: #fff;
}

.cover:after {
	content: '.';
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.cover {
	zoom: 1;
}

#topHome {
	z-index: 0;
}


#hp_subfeatures {
	float: left;
	display: inline;
	width: 675px;
	height: 110px;
	padding-left: 20px;
	margin: 0px;
	background-image: url(/images/rules_1.gif);
	background-repeat: no-repeat;
	z-index: 1;
}

#hp_subfeatures ul {
	line-height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#hp_subfeatures ul li {
	float: left;
	display: inline;
	list-style-type: none;
	cursor: pointer;
	width: 161px;
	height: 209px;
	margin: -111px 5px 0px 0px;
	position: relative;
	padding: 0px 12px 12px 12px;
}

#hp_subfeatures ul li:hover {
	background-image: url(/images/subfeature_BGhover_1.png);
}

#hp_subfeatures ul li img, #hp_subfeatures ul li span {
	margin-left: -12px;
	margin-right: -12px;
}

#hp_subfeatures ul li h1 {
	font-size: 14px;
}

#hp_subfeatures ul li p {
	font-size: 10px;
	font-family: Verdana;
	color: #464646;
	font-weight: normal;
	line-height: 14px;
}

#hp_subfeatures a {
	text-decoration: none;
}

