/* banner management */


/* A) STRUCTURE ### --------------------------------------  */


/* logo, site title, site slogan */
	
#title-slogan-logo{
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;
	}
	
#website-title,
#website-slogan{
	width:100%;
	position:absolute;
	white-space:nowrap;
	margin:0px;
	z-index:10;
	}
	
#header .website-logo{ /* logo img in header */
	position:absolute;
	top:25px;
	left:15px;
	z-index:10;
	}
	
#site-information .website-logo{ /* logo img in footer */
	width:40px;
	position:absolute;
	right:0px;
	top:0px;
	}
	
#website-title{
	top:35px;
	left:130px;
	}
	
#website-slogan{
	top:65px;
	left:140px;
	}

#branding{
	position:relative;
	float:left;
	width:100%;
	height:280px; /* height of the image banner */
	}	
	
#advertise{
	height:280px;
	position:absolute;
	width:100%;
	top:0px; /* height of the primary menu */
	left:0px;
	z-index:1;
	}
	
#advertise a{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	height:100%;
	z-index:1;
	}
	
#advertise img{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1;
	overflow:hidden;
	}
	
/* image banner description (box over the image) */

div#advertise-text{
	position:absolute;
	bottom:0px;
	right:0px;
	margin:0px;
	z-index:10;
	width:100%;
	text-align:right;
	}
	
div#advertise-text-wrapper{
	position:relative;
	width:100%;
	}
	
div.banner-navigation{
	text-align:center;
	}
	

div.banner-prev{
	position:absolute;
	left:1em;
	bottom:0.5em;
	}
	
div.banner-next{
	position:absolute;
	left:2.5em;
	bottom:0.5em;
	}
	
div.banner-text{
	text-align:left;
	position:absolute;
	right:0px;
	bottom:0px;
	padding:0.5em 1.5em 0.5em 1.5em;
	}
	
div.banner-text p{
	margin:0px;
	}
	
div#advertise-text a:focus{
	outline:none;
	}
	
	
/* B) LOOK & FEEL  ### --------------------------------------  */

#website-title{
	font-size:2.8em;
	line-height:0.8em;
	}
	
#website-slogan{
	font-size:1.8em;
	line-height:1.4em;
	}
	
#website-title a,
#website-slogan a{
	color:white;
	}
	
div#advertise-text-wrapper a{
	color:white;
	text-decoration:none;
	}

div.banner-navigation{
	font-size: xx-large;
	}

div.banner-navigation a{
	font-weight:bold;
	display:block;
	width:0.8em;
	height:0.8em;
	line-height:0.65em;
	border:1px solid #e2e2e2;
	background: url(../img/backgrounds/black_transparency.png);
	}
	
div.banner-navigation a:hover{
	background:#ff6c00;
	color:white;
	}
	
.banner-text{
	background: url(../img/backgrounds/black_transparency.png);
}


a.banner-title{ /* banner text */
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	}
	
a.banner-alt{ /* banner text */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}