/*
*
*
*	advertise banner
*
*/

/*	Structure
-------------------------------------------------------------- */

#advertise{
	display: block;
	float: left;
	position: relative;
	z-index: 2; /* under primary menu but over content wrapper (z-index=1) */
	width: 100%;
	height: 320px; /* banner image height */
}
	
#advertise.unlimited{ /* we have to use a deeper selector to override line 15 */
	height: auto; /* advertise region */
}

img.slide{
	width: 100%;
	height: 320px; /* banner image height */
}

#banner-text{ /* banner text container */
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 9;
	width: 100%;
}

#banner-text-data{ /* banner text data */
	padding: 20px;
	margin-right: 60px; /* stay away form navigation */
}

#banner-navigation{ /* banner navigation */
	position: absolute;
	z-index: 110;
	bottom: 10px;
	right: 10px;
	width: 50px;
}

#banner-title{ /* banner title */
	margin-bottom: 10px;
}

#banner-description{ /* banner description */
	margin-bottom: 0px;
}

#banner-navigation a{ /*banner navigation links */
	float: left;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}


/*	Look & Feel
-------------------------------------------------------------- */

#advertise{ /* advertise banner */
	color: white;
	background:#054b81;
}

#banner-text{
	background: black; /* for older browsers */
}

#banner-title{ /* banner title font style */
	font-size: 1.6em;
	font-weight: bold;
}

#banner-description{ /* banner description */
	font-size: 1em;
	letter-spacing:0.05em;
	color:#ccc;
}

#banner-title,
#banner-title a{ /* banner title link color */
	color:yellow;
}

#banner-description a{ /* banner description link color */
	color:#ccc;
}

#banner-title a:hover,
#banner-description a:hover{
	text-decoration: none;
}

a#banner-prev,
a#banner-next{
	color:#fff;
	font-weight: bold;
}
	
a#banner-prev:hover,
a#banner-next:hover{
	color:yellow;
	text-decoration: none;
}
