@charset "utf-8";
/* CSS Document */
/* 
   Styles used only on the index page of the site, mainly for the large slogan banners 
   Take great care editing these values as the javascript features also relate to these.
*/
#header #slogan {
	width: 903px; 
	height: 445px;
	background:  none; /* url(images/header-index-bg.jpg) top left no-repeat;*/
	padding: 0px;
	position: relative;
	overflow: hidden;
}

#banner-container{  
	height: 412px;  
	width: 240px;
	overflow: hidden;
	margin: 16px 0 16px 16px;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
}

#banner-window {
	position: absolute;
	top: 0px;
	height: 828px;
}

.banner {
	background:url(images/banner-bg-102.png) top left no-repeat; 
	width:220px; 
	height:86px; 
	overflow: hidden;
	padding: 7px 10px 10px 10px; 
	color:#b1b1b1; 
	line-height:1.083em; 
	margin-bottom:1px;
}

.banner h3 a {
	color:#f7f7f7; 
	font-size:2em; 
	line-height:1em; 
	font-weight:normal; 
	letter-spacing:-1px; 
	margin: 0 0 5px 0; 
	font-family:Arial, Helvetica, sans-serif;
}

.banner a {
	text-decoration: none;
	color: #b1b1b1; 
}

.banner-active {
	background: url(images/banner-bg-102-highlight.png) top left no-repeat;
	color: #333;
}

.banner-active h3 a {
	color:#f7f7f7; 
	line-height:1em; 
	font-weight:normal;  
	margin: 0 0 5px 0; 
	font-family:Arial, Helvetica, sans-serif;
}

.banner-active a {
	color: #333;	
}


.slogan-block {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 445px; 
	width: 903px; 
	padding: 0px;
	overflow: hidden;
	color: #000;
}

.slogan-contents {
	margin: 16px 16px 16px 256px;
	padding: 10px;
}


.slogan-block-active {
	
}

.slogan-block-inactive {
	opacity: 0;
	filter: alpha(opacity=0);
}

#slogan-block-1 {
	background: url(../images/slogan-block-bg-1.jpg) no-repeat;	
	opacity: 1;
	filter: alpha(opactiy=100);
}

#slogan-block-2 {
	background: url(../images/slogan-block-bg-2.jpg) no-repeat;			
}

#slogan-block-3 {
	background: url(../images/slogan-block-bg-3.jpg) no-repeat;			
}

#slogan-block-4 {
	background: url(../images/slogan-block-bg-4.jpg) no-repeat;			
}

#slogan-block-5 {
	background: url(../images/slogan-block-bg-5.jpg) no-repeat;	 
}

#slogan-block-6 {
	background: url(../images/slogan-block-bg-6.jpg) no-repeat;			
}

#slogan-block-7 {
	background: url(../images/slogan-block-bg-7.jpg) no-repeat;			
}

#slogan-block-8 {
	background: url(../images/slogan-block-bg-8.jpg) no-repeat;			
}

#slogan-controls {
	position: absolute;
	left: 42px;
	top: 429px;
	z-index: 50;
}

#slogan-group-1 {
	position: absolute;
	top: 0px;
	left: 0;
}

#slogan-group-2 {
	position: absolute;
	top: 446px;
	left: 0;
}