/*head splash */
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#splash_image {
	height: 321px;
	padding: 10px 6px 0;
	background: #1e1e1c url(../images/bg_splash.jpg) no-repeat 0 0;
	clear: both;
}

#splash_scroller {
	overflow: hidden;
	position: relative;
	width: 908px;
}

#splash_images {
  width: 5000px; /* More than 5 * single width */
}

#head_splash_menu {
	background:#1e1e1e;
	padding: 6px;
	background: url(../images/bg_splash_header.jpg) no-repeat 6px 6px;
	height: 55px;
	font-size: 1.15em;
	position: relative;
	top: 2px;
}

/**
 * Nav menu
 */
#head_splash_menu ul {
	padding: 0;
	list-style: none;
}

#head_splash_menu ul.jump {
  margin: 12px 0 0 50px;
  float: left;
	_display:inline; /* :hack: double margin fix for ie6 */
}

/* slide menu contains next/previous links so is fill width of the parent */
#head_splash_menu ul.slide {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 920px;
  height: 0; /* Otherwise it overlaps the real links and covers them up */
}

#head_splash_menu ul.jump li {
	float: left;
	margin-right: 15px;
}

#head_splash_menu ul.jump a span{
  color: white;
}

#head_splash_menu ul.jump a {
	color: #fff;
	display: block;
	_float: left; /* :hack: ie6 width fix */
}

#head_splash_menu ul.jump a span {
  display: block;
  height: 25px;
  padding: 5px 8px 0;
	_float: left; /* :hack: ie6 width fix */
	cursor: pointer;
}

#head_splash_menu ul.jump a:hover {
  background: #447912 url(../images/bg_nav_hover.gif);
  text-decoration: none;
}

#head_splash_menu ul.jump li a:hover span {
  background: url(../images/bg_nav_hover_r.gif) no-repeat 100%;
}

#head_splash_menu ul.jump li.selected a {
  background: #447912 url(../images/bg_nav_selected.gif);
  text-decoration: none;
}

#head_splash_menu ul.jump li.selected a span {
  background: url(../images/bg_nav_selected_r.gif) no-repeat 100%;
}

/**
 * Next and previous links absolutely positioned based on green bar
 */

#head_splash_menu #nav_prev,
#head_splash_menu #nav_next {
  position: absolute;
  top: 6px;
  width: 38px;
  height: 54px;
}

#head_splash_menu #nav_prev {
  left: 6px;
}

#head_splash_menu #nav_next {
  right: 6px;
}


/* Links need to fill the li */
#head_splash_menu #nav_prev a,
#head_splash_menu #nav_next a {
  display: block;
  width: 100%;
  height: 100%;
  color: white;
  line-height: 54px;
  text-align: center;
}

#head_splash_menu #nav_prev a span {
  background: url(../images/bg_splash_prev.jpg);
  width: 38px;
  height: 54px;
}
#head_splash_menu #nav_next a span {
  background: url(../images/bg_splash_next.jpg);
  width: 38px;
  height: 54px;
}

#head_splash_menu #nav_prev a:hover span {
  background: url(../images/bg_splash_prev_hover.jpg);
}
#head_splash_menu #nav_next a:hover span {
  background: url(../images/bg_splash_next_hover.jpg);
}

.inner_splash_image {
  float: left;
  width: 908px;
  height: 321px;
  margin-right: 12px;
	background: no-repeat 0 0;
	color: #fff;
	position: relative;
}

.inner_splash_image h2, .inner_splash_image p.intro { position: absolute; left: -9999px; }
.inner_splash_image .blurb { position: absolute; top: 134px; left: 36px; width: 375px; }
.inner_splash_image .button { position: absolute; top: 252px; left: 36px; }

#splash_rabbit { background-image: url(../images/this_is_angora.jpg); }
#splash_networking { background-image: url(../images/online_collaboration.jpg); }
#splash_sharing { background-image: url(../images/project_management.jpg); }
#splash_intranets { background-image: url(../images/document_sharing.jpg); }
#splash_os { background-image: url(../images/social_intranet.jpg); }
#splash_networking p.blurb { top: 178px; }
#splash_intranets p.blurb { top: 178px; font-size: 1.17em; }
#splash_sharing p.blurb { top: 178px; font-size: 1.17em; }
#splash_os p.blurb { top: 178px; font-size: 1.17em; }