#banner-home {
	width: 894px;
	height: 259px;
	padding-top: 7px;
	margin:0 auto;
	background-color:#fff;
	overflow: hidden;
}

.banner-scroll {
	width:879px;
	height:212px;
	margin-left:7px;
	overflow: hidden;
	position:relative;
}
div.banner-scroll div#banner-items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
}
div.banner-scroll div#banner-items div {
	float: left;
	width: 886px;
	height: 212px;
	position: relative;
	margin: 0; padding: 0;
}
div.banner-scroll div#banner-items div#introAnimation { width: 879px; }
div.banner-scroll div#banner-items div#introAnimation  { padding-right: 7px; }

div.banner-scroll div#banner-items div#splash-holder {
	width: 879px;
	background: #000 url(../images/banner/splash_bkg.jpg) no-repeat left top;
}
div.banner-scroll div#banner-items div#splash-holder ul { margin: 0; width: 879px;}
div.banner-scroll div#banner-items div#splash-holder li {
	width: 799px;
	display: block;
	text-align: right;
}

div.banner-scroll div#banner-items div img {
	border-right: 7px solid #fff;
}
p.banner-item-content {
	position: absolute;
	width:390px;
	top: 60px;
	left: 117px;
	color:#333333;
}

/*******************************************************/
/* BUTTONS */
/*******************************************************/

p.banner-more-button {
	
	text-align:left;
	top: 160px;
	left: 117px;
	position:absolute;
	float:left;
	border-right:none;
	
}



p.banner-item-button-blue a {
	position: absolute;
	width:92px;
	height:22px;
	top: 180px;
	left: 117px;
	text-align:left;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	background-image:url(../images/but-more-eval.gif);
}

.banner-item-button-blue a:link, .banner-item-button-blue a:visited, .banner-item-button-blue:active {
	color: #fff;
	font-weight:bold;
}

.banner-item-button-blue a:hover {
	color: #6cb2e9;
	font-weight:bold;
}





p.banner-item-button-red a {
	position: absolute;
	width:92px;
	height:22px;
	top: 180px;
	left: 117px;
	text-align:left;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	background-image:url(../images/but-more-rsi.gif);
}

.banner-item-button-red a:link, .banner-item-button-red a:visited, .banner-item-button-red:active {
	color: #fff;
	font-weight:bold;
}

.banner-item-button-red a:hover {
	color: #e66b8e;
	font-weight:bold;
}



p.banner-item-button-purple a {
	position: absolute;
	width:92px;
	height:22px;
	top: 180px;
	left: 117px;
	text-align:left;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	background-image:url(../images/but-more-moore.gif);
}

.banner-item-button-purple a:link, .banner-item-button-purple a:visited, .banner-item-button-purple:active {
	color: #fff;
	font-weight:bold;
}

.banner-item-button-purple a:hover {
	color: #a791c3;
	font-weight:bold;
}



p.banner-item-button-brown a {
	position: absolute;
	width:92px;
	height:22px;
	top: 180px;
	left: 117px;
	text-align:left;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	background-image:url(../images/but-more-geo.gif);
}

.banner-item-button-brown a:link, .banner-item-button-brown a:visited, .banner-item-button-brown:active {
	color: #fff;
	font-weight:bold;
}

.banner-item-button-brown a:hover {
	color: #b5a796;
	font-weight:bold;
}




p.banner-item-button-green a {
	position: absolute;
	width:92px;
	height:22px;
	top: 180px;
	left: 117px;
	text-align:left;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	background-image:url(../images/but-more-environ.gif);
}



p.banner-item-button-yellow a {
	position: absolute;
	width:92px;
	height:22px;
	top: 180px;
	left: 117px;
	text-align:left;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	background-image:url(../images/but-more-consult.gif);
}

.banner-item-button-yellow a:link, .banner-item-button-yellow a:visited, .banner-item-button-yellow:active {
	color: #fff;
	font-weight:bold;
}

.banner-item-button-yellow a:hover {
	color: #f7e3a9;
	font-weight:bold;
}




/*******************************************************/
/*******************************************************/
/* BANNER MENU */
/*******************************************************/
/*******************************************************/

.banner-menu {
	list-style-type: none;
	width:886px;
	height:34px;
	margin:7px 0 0 7px;
	float:left;
	padding: 0;
}
/* Common styles for banner menu items*/
.banner-menu li {
	display: block;
	float: left;
	margin-right: 1px;
	width:145px;
	background-image:url(../images/banner/back-banner-menu-grey.gif);
}
.banner-menu a {
	display: block;
	width:145px;
	height:30px;
	text-align:center;
	margin-right:1px;
	padding-top:4px;
	background-image:url(../images/banner/back-banner-menu-grey.gif);
	text-decoration: none;
	float:left;
	font-size:9px;
	line-height:12px;
}
.banner-menu a:link, .banner-menu a:visited, .banner-menu a:hover, .banner-menu:active {
	color: #fff;
	font-weight:bold;
}
.banner-menu li.active {
	font-weight:bold;
	width:145px;
	margin-right:1px;
	background-image:url(../images/banner/back-banner-menu-blue.gif);
	float:left;
}
.banner-menu li.active  a{
	background-image:url(../images/banner/back-banner-menu-blue.gif);
}

/*******************************************************/
/*Colour variations */
/*******************************************************/

#banner-menu-blue a:hover, #banner-menu-blue.active, #banner-menu-blue.active  a  {
	background-image:url(../images/banner/back-banner-menu-blue.gif);
}
#banner-menu-red a:hover, #banner-menu-red.active, #banner-menu-red.active  a  {
	background-image:url(../images/banner/back-banner-menu-red.gif);
} 
#banner-menu-purple a:hover, #banner-menu-purple.active, #banner-menu-purple.active  a  {
	background-image:url(../images/banner/back-banner-menu-purple.gif);
}
#banner-menu-brown a:hover, #banner-menu-brown.active, #banner-menu-brown.active  a  {
	background-image:url(../images/banner/back-banner-menu-brown.gif);
}
#banner-menu-green a:hover, #banner-menu-green.active, #banner-menu-green.active  a  {
	background-image:url(../images/banner/back-banner-menu-green.gif);
}
#banner-menu-yellow a:hover, #banner-menu-yellow.active, #banner-menu-yellow.active  a  {
	background-image:url(../images/banner/back-banner-menu-yellow.gif);
}
#banner-menu-yellow a { width: 149px; }
