/**
 * Billboards
 *
 * Define the layout and properties of the billboard element. These are large
 * images that either expand the entire width of the web page or are restricted
 * to whatever container element they appear in.
 *
 */

/* ----------------------------------------------------------------------------
	GLOBAL BILLBOARD PROPERTIES
---------------------------------------------------------------------------- */

/*
Ensure that only one billboard can be displayed at one time. This way users who
do not have JavaScript enabled will only see the first one and not the entire
list.
*/
#billboard {
	height: 300px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
/*
Home page billboards have a slightly different height.
*/
#page-home #billboard {
	height: 283px;
    margin-bottom:20px;
    background:#ccc url(/static/hongkong/images/billboard_bg.gif) bottom repeat-x ;
    padding-bottom:3px;
}
#billboard img {
	border: 0;
	display: block;
	left: 0;	
	top: 0;
	z-index: 5;
}

#billboard #slides li {
	margin-bottom: 0;
	padding-left: 0;
}
/*
Ensures that first billboard in the list is stacked on top.
*/
#billboard a.first img {
    z-index: 10;
}



/* ----------------------------------------------------------------------------
	CHOOSE YOUR COUNTRY FLASH / IMAGE MAP
---------------------------------------------------------------------------- */

/*
Provide basic dimensions and alternative format (image map) for non-Flash or
JavasScript users.
*/
#choose-country-map,
#choose-country-map-818w {
	height: 152px;
	margin-bottom: 10px;
	position: relative;
	/* width: 100%; */
	width: 969px;
}
	#choose-country-map img {
		display: block;
	}

/*
818 pixel wide version.
*/
#choose-country-map-818w {
	width: 818px;
}