/**
 * PBS microsite main menu CSS
 *
 * @author Benjamin Nolan <ben@wearetilt.com>
 */

/*
 * General styles
 */

body {
    padding:0;
    margin:0;
    font-size:10px;
    color:#cbcbcb;
    background:#292929;
    font-family:Arial, sans-serif;
}

header {
    background:#000;
    height:66px;
    color:#fff;
}

div.container {
    width:800px;
    margin:0 auto;
    position:relative;
    height:474px;
}

h1 {
    float:left;
    font-size:47px;
    margin:5px 0 0;
    padding:0 0 0 16px;
    font-family:'VeneerTwo', 'Impact Condensed', Arial, sans-serif;
    font-weight: normal;
}

h1 a {
    color: #ffffff;
    text-decoration: none;
}

h1 a:hover {
    color: #BFBFBF;
}

h1 span {
	float: left;
	display: block;
	line-height: 37px;
	margin-top: 10px
}

h1 span.sub_title {
	font-size: 37px;
	color: #c3c3c3;
	width: 257px;
	height: 0px;
	padding-top: 28px;
	overflow: hidden;
	background: url('../images/header/ecosystem_explorer.png') no-repeat 0px 0px;
	margin: 0px 0 0 8px;
	line-height: 100%;
	border-top: 15px solid black;
}

.vulture #menu h1 {
    padding-left:60px;
    background:transparent url('../images/header/icon_vulture.png') no-repeat left 0px;
}

.wolf #menu h1 {
    padding-left:60px;
    background:transparent url('../images/header/wolf-icon.png') no-repeat left -1px;
}

.shark #menu h1 {
    padding-left:60px;
    background:transparent url('../images/header/shark-icon.png') no-repeat left -1px;
}

div.controls {
    float:right;
    text-align:right;
    margin-top:5px;
}

div.controls a {
    background:transparent url('../images/general/controls.png') no-repeat left top;
    display:inline-block;
    height:56px;
    overflow:hidden;
    width:56px;
    text-indent:-10000px;
}

div.vulture-controls a {
    background:transparent url('../images/general/controls_copy_vulture.png') no-repeat left top;
    display:inline-block;
    height:56px;
    overflow:hidden;
    width:56px;
    text-indent:-10000px;
}

div.vulture-controls .reset-progress {
    background:transparent url('../images/general/vulture-world-bin.png') no-repeat left top;
    display:inline-block;
    height:56px;
    overflow:hidden;
    width:56px;
    text-indent:-10000px;
}

div.shark-controls a {
    background:transparent url('../images/general/controls_copy_shark.png') no-repeat left top;
    display:inline-block;
    height:56px;
    overflow:hidden;
    width:56px;
    text-indent:-10000px;
}

div.shark-controls .reset-progress {
    background:transparent url('../images/general/shark-world-bin.png') no-repeat left top;
    display:inline-block;
    height:56px;
    overflow:hidden;
    width:56px;
    text-indent:-10000px;
}

div.wolf-controls a {
    background:transparent url('../images/general/controls_copy_wolf.png') no-repeat left top;
    display:inline-block;
    height:56px;
    overflow:hidden;
    width:56px;
    text-indent:-10000px;
}

div.wolf-controls .reset-progress {
    background:transparent url('../images/general/wolf-world-bin.png') no-repeat left top;
    display:inline-block;
    height:56px;
    overflow:hidden;
    width:56px;
    text-indent:-10000px;
}


div.controls a span {
    display:block;
    visibility:hidden;
    height:56px;
    overflow:hidden;
    text-indent:-10000px;
    white-space:nowrap;
    width:56px;
}



div.controls a[data-action=web].active:hover,
div.controls a[data-action=web] {
    background-position:-112px -2px;
}

div.controls a[data-action=reset]:hover {
  background-position: 0px -57px;
}

div.controls a[data-action=menu].active:hover,
div.controls a[data-action=menu] {
    background-position:-168px -2px;
}

div.controls a[data-action=information].active:hover,
div.controls a[data-action=information] {
    background-position:-224px 0px;
}

div.controls a[data-action=volume].active {
    background-position:0px -1px;
}

div.controls a[data-action=volume].active:hover {
    background-position:0px -57px;
}

div.controls a[data-action=volume] {
    background-position: -56px -1px;
}

div.controls a[data-action=volume]:hover {
    background-position: -56px -57px;
}

div.controls a[data-action=web].active,
div.controls a[data-action=web]:hover,
div.controls a[data-action=web].selected {
    background-position:-112px -56px;
}

div.controls a[data-action=menu].active,
div.controls a[data-action=menu]:hover,
div.controls a[data-action=menu].selected {
    background-position:-168px -56px;
}

div.controls a[data-action=information].active,
div.controls a[data-action=information]:hover,
div.controls a[data-action=information].selected {
    background-position:-224px -56px;
}

#page-menu {
    cursor:pointer;
}

/*
 * Menu styles
 */
section#menu div.column {
    width:264px;
    height:278px;
    display:inline-block;
    background:#292929;
    vertical-align:top;
}

section#menu div.column.dark {
    width:264px;
    height: 308px;
    background:#232323;
}

section#menu div.column.dark .inner {
	background: #232323;
}

section#menu div.column div.inner {
    padding:12px;
}


section#menu a.button {
    display:block;
    text-align:center;
    padding:16px 16px 12px;
    font-size:3.5em;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-family:'VeneerTwo', 'Impact Condensed', Arial, sans-serif;
}

section#menu a.button.vulture {
    background:#e4c549;
}

section#menu a.button.wolf {
    background:#91f933;
}

section#menu a.button.shark {
    background:#2fabad;
}

section#menu p {
    font-size:1.3em;
    line-height:1.4;
    height: 145px;
}

section#menu a.enter {
    font-size:2.5em;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    font-family:'VeneerTwo', 'Impact Condensed', Arial, sans-serif;
}

section#menu img.icon {
    margin-bottom:16px;
}


a.new-vulture {
    background: url(../images/menu/vulture-header.png) no-repeat 0 0;
    width: 241px;
    height: 246px;
    display: block;
    text-indent: -9999px;
}

a.new-vulture:hover {
    background-position: 0 -247px;
}

a.vulture-button {
    background: url(../images/menu/vulture-banner.png) no-repeat 0 0;
    width: 243px;
    height: 63px;
    display: block;
    margin-top: 50px;
    text-indent: -9999px;
    opacity: 0.9;
}

a.vulture-button:hover {
    opacity: 1;
}

a.new-wolf {
    background: url(../images/menu/wolf-header.png) no-repeat 0 0;
    width: 241px;
    height: 246px;
    display: block;
    text-indent: -9999px;
}

a.new-wolf:hover {
    background-position: 0 -361px;
}

a.wolf-button {
    background: url(../images/menu/wolf-banner.png) no-repeat 0 0;
    width: 240px;
    height: 63px;
    display: block;
    margin-top: 50px;
    text-indent: -9999px;
    opacity: 0.9;
}

a.wolf-button:hover {
    opacity: 1;
}

a.new-shark {
    background: url(../images/menu/shark-header.png) no-repeat 0 0;
    width: 241px;
    height: 246px;
    display: block;
    text-indent: -9999px;
}

a.new-shark:hover {
    background-position: 0 -248px;
}

a.shark-button {
    background: url(../images/menu/shark-banner.png) no-repeat 0 0;
    width: 243px;
    height: 63px;
    display: block;
    margin-top: 50px;
    text-indent: -9999px;
    opacity: 0.9;
}

a.shark-button:hover {
    opacity: 1;
}

section#menu div.column a.enter:hover {
    text-decoration:underline;
}


div#submenu_wrapper {
    /*overflow:hidden;*/
    height:60px;
}

div#submenu_wrapper div.container {
    position:relative;
}

div#submenu_wrapper div.backgrounds {
    position:absolute;
    top:0;
    left:0;
    width:800px;
    height:60px;
}

div#submenu_wrapper div.backgrounds div {
    width:264px;
    height:60px;
    display:inline-block;
}

div#submenu_wrapper div.backgrounds div:first-child,
div#submenu_wrapper div.backgrounds div:last-child {
    width:264px;
}

.vulture div#submenu_wrapper div.backgrounds div {
    width:266px;
    height:60px;
    display:inline-block;
}

.vulture div#submenu_wrapper div.backgrounds div:first-child,
.vulture div#submenu_wrapper div.backgrounds div:last-child {
    width:266px;
}


div#submenu_wrapper div.backgrounds div.submenu-bg-dark {
    background:#232323;
}

div#submenu_wrapper div.backgrounds div.submenu-bg-light {
    background:#292929;
}

div#submenu_wrapper div#indicator {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:266px;
    height:60px;
    background:#e4c549;
}

div#submenu_wrapper div#indicator span {
    display:block;
    width:0;
    height:0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid #e4c549;
    margin-top:60px;
    margin-left:121px;
}

div#submenu_wrapper ul {
    position:absolute;
    margin:0;
    padding:0;
    z-index:2;
}

div#submenu_wrapper ul li {
    display:inline-block;
    width:264px;
    position:relative;
}

div#submenu_wrapper ul li:first-child,
div#submenu_wrapper ul li:last-child {
    width:264px;
}

div#submenu_wrapper ul li a {
    display:block;
    width:264px;
    height:60px;
    color:#fff;
    cursor:pointer;
    font-family:'VeneerTwo', 'Impact Condensed', Arial, sans-serif;
}

div#submenu_wrapper ul li:first-child a,
div#submenu_wrapper ul li:last-child a {
    width:264px;
}

.vulture div#submenu_wrapper ul li {
    display:inline-block;
    width:268px;
    position:relative;
}

.vulture div#submenu_wrapper ul li:first-child,
.vulture div#submenu_wrapper ul li:last-child {
    width:266px;
}

.vulture div#submenu_wrapper ul li a {
    display:block;
    width:266px;
    height:60px;
    color:#fff;
    cursor:pointer;
    font-family:'VeneerTwo', 'Impact Condensed', Arial, sans-serif;
}

.vulture div#submenu_wrapper ul li:first-child a,
.vulture div#submenu_wrapper ul li:last-child a {
    width:266px;
}


div#submenu_wrapper ul li a span.molecule {
    height:44px;
    width:86px;
    overflow:hidden;
    position:absolute;
    background:transparent url('../images/submenu/molecules.png') no-repeat left top;
    top:8px;
    left:8px;
}

div#submenu_wrapper ul li a span.molecule-one {
    background-position:left top;
}

div#submenu_wrapper ul li a span.molecule-two {
    background-position:-86px top;
}

div#submenu_wrapper ul li a span.molecule-three {
    background-position:-172px top;
}

div#submenu_wrapper ul li a.active span.molecule-one,
div#submenu_wrapper ul li a.complete span.molecule-one {
    background-position:left -44px;
}

div#submenu_wrapper ul li a.active span.molecule-two,
div#submenu_wrapper ul li a.complete span.molecule-two {
    background-position:-86px -44px;
}

div#submenu_wrapper ul li a.active span.molecule-three,
div#submenu_wrapper ul li a.complete span.molecule-three {
    background-position:-172px -44px;
}

div#submenu_wrapper ul li a span {
    display:block;
    float:right;
    clear:right;
}

div#submenu_wrapper ul li a span.status {
    background:rgba(255, 255, 255, 0.15);
    padding:2px 6px 4px;
    margin:6px 16px 0 0;
    letter-spacing:2px;
    font-size:14px;
    text-transform:uppercase;
    font-family:'PazLight-Light', Arial, sans-serif;
}

div#submenu_wrapper ul li a span.title {
    padding:4px 16px 0 0;
    font-size:20px;
    text-transform:uppercase;
}

section.main div.page {
    position:absolute;
    top:0;
    left:0;
    height:474px;
    width:800px;
}

section.main div.page div.hotspot {
    height:32px;
    width:32px;
    position:absolute;
}

.vulture section.main div.page div.hotspot a {
    background:transparent url('../images/vulture/vulture_hotspot.png') no-repeat center center;
}

section.main div.page div.hotspot a {
    display:block;
    height:0px;
    width:32px;
    padding-top: 32px;
    overflow: hidden;
    cursor:pointer;
}

section.main div.page div.hotspot#hotspot-vulture-eat-the-carcass-vulture {
    top:109px;
    left:195px;
}

section.main div.page div.hotspot#hotspot-vulture-eat-the-carcass-cow {
    top:280px;
    left:289px;
}

section.main div.page div.hotspot#hotspot-vulture-eat-the-carcass-game {
    top:387px;
    left:580px;
}

div#page-vulture-eat-the-carcass {
    background:url('../images/vulture/eat-the-carcass.png') no-repeat center top;
}

div#page-vulture-eat-the-carcass-grey {
    background:url('../images/vulture/eat-the-carcass-grey.png') no-repeat center top;
}

div#page-vulture-eat-the-carcass-vulture {
    background:url('../images/vulture/eat-the-carcass-vulture.png') no-repeat center top;
}

div#page-vulture-eat-the-carcass-cow {
    background:url('../images/vulture/eat-the-carcass-cow.png') no-repeat center top;
}

div#page-vulture-eat-the-carcass-game {
    background:url('../images/vulture/eat-the-carcass-game.png') no-repeat center top;
}

section.main div.page div.hotspot#hotspot-vulture-killer-flying {
    top:103px;
    left:265px;
}

section.main div.page div.hotspot#hotspot-vulture-killer-flock {
    top:376px;
    left:434px;
}

section.main div.page div.hotspot#hotspot-vulture-killer-vulture {
    top:403px;
    left:635px;
}

div#page-vulture-killer {
    background:url('../images/vulture/killer.png') no-repeat center top;
    display: none;
}

div#page-vulture-killer-grey {
    background:url('../images/vulture/killer-grey.png') no-repeat center top;
}

div#page-vulture-killer-flying {
    background:url('../images/vulture/killer-flying.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-vulture-killer-flock {
    background:url('../images/vulture/killer-flock.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-vulture-killer-vulture {
    background:url('../images/vulture/killer-vulture.png') no-repeat center top;
    height:474px;
    width:800px;
}

section.main div.page div.hotspot#hotspot-vulture-keep-the-dogs-out-vulture {
	left: 90px;
    top: 245px;
}

section.main div.page div.hotspot#hotspot-vulture-keep-the-dogs-out-carcass {
    top:303px;
    left:337px;
}

section.main div.page div.hotspot#hotspot-vulture-keep-the-dogs-out-dog {
    top:233px;
    left:651px;
}

div#page-vulture-keep-the-dogs-out {
    background:url('../images/vulture/keep-the-dogs-out.png') no-repeat center top;
    display: none;
}

div#page-vulture-keep-the-dogs-out-grey {
    background:url('../images/vulture/keep-the-dogs-out-grey.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-vulture-keep-the-dogs-out-vulture {
    background:url('../images/vulture/keep-the-dogs-out-vulture.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-vulture-keep-the-dogs-out-carcass {
    background:url('../images/vulture/keep-the-dogs-out-carcass.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-vulture-keep-the-dogs-out-dog {
    background:url('../images/vulture/keep-the-dogs-out-dog.png') no-repeat center top;
    height:474px;
    width:800px;
}

div.greyout {
    display:none;
    position:absolute;
    top:0;
    left:0;
    height:474px;
    width:800px;
}

div.overlay {
    position:absolute;
    top:0;
    left:0;
    height:474px;
    width:800px;
}

div.content {
    display:none;
    position:absolute;
}

div.content h2 {
    color:#fff;
    font-size:2.5em;
    padding:0;
    font-family:'VeneerTwo', 'Impact Condensed', Arial, sans-serif;
    text-transform:uppercase;
    margin: 16px 16px 5px 16px;
    font-weight:normal;
}

div.content span.arrow-top {
    display:block;
    width:0;
    height:0;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-bottom:16px solid rgba(35, 34, 34, 0.7);
    margin-top:-16px;
}

div.content span.arrow-right {
    display:block;
    width:0;
    height:0;
    border-top:16px solid transparent;
    border-bottom:16px solid transparent;
    border-left:16px solid rgba(35, 34, 34, 0.7);
    margin-right:-16px;
    right:0;
    position:absolute;
}

div.content span.arrow-bottom {
    display:block;
    width:0;
    height:0;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-top:16px solid rgba(35, 34, 34, 0.7);
    margin-bottom:-16px;
    bottom:0;
    position:absolute;
}

div.content span.arrow-left {
    display:block;
    width:0;
    height:0;
    border-top:16px solid transparent;
    border-bottom:16px solid transparent;
    border-right:16px solid rgba(35, 34, 34, 0.7);
    margin-left:-16px;
    position:absolute;
}

div.content.text {
   	background: rgba(35, 34, 34, 0.7);
    width:450px;
    padding-bottom: 20px;
}

div.content.text#hotspot-vulture-killer-flying-content {
    left:63px;
}

div.content.video, div.content.gallery {
    background:rgba(35, 34, 34, 0.7);
    width:350px;
    padding:0 0 46px;
}

div.content.video h2, div.content.gallery h2 {
    position:absolute;
    bottom:0;
    padding-left:36px;
    margin:8px;
    right:0;
    left:0;
    background:transparent url('../images/general/video_play.png') no-repeat left 0px;
    font-weight: normal;
}

div.content.video h2 a, div.content.gallery h2 a {
    color: #fff;
    text-decoration: none;
}

div.content.video h2 a:hover, div.content.gallery h2 a:hover {
	color: #bfbfbf;
}

div.content.game {
    background:rgba(72, 66, 40, 0.96);
    width:297px;
    padding:0 0 46px;
}

div.content.game h2 {
    position:absolute;
    bottom:0;
    padding-left:36px;
    margin:8px;
    right:0;
    left:0;
    background:transparent url('../images/general/game_play.png') no-repeat 6px 0px;
    font-weight: normal;

}

div.content.game h2 a {
    color: #fff;
    text-decoration: none;
 }

div.content.game h2 a:hover {
	color: #bfbfbf;
}

div.content p {
    padding:0px;
    margin:16px;
    color:#fff;
    font-size:14px;
    line-height:1.4;
}

span.close {
    position:absolute;
    right:0;
    top:0;
    height:0px;
    width:26px;
    padding-top: 26px;
    overflow: hidden;
    margin-top:-9px;
    margin-right:-9px;
    margin-left:0;
    text-align:center;
    cursor:pointer;
    z-index: 999;
}



span.close.grey_close {
	background: url('../images/vulture/btn_close_grey.png') 0px 0px no-repeat;
}

span.close.black_close {
	background: url('../images/vulture/btn_close_black.png') 0px 0px no-repeat;
}

span.close.yellow_close {
	background: url('../images/vulture/btn_close_yellow.png') 0px 0px no-repeat;
}

.quiz_wrapper, .gallery_wrapper, .video_wrapper {
	display: none;
	width: 524px;
	height: 360px;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 3px;
	z-index: 1;
	left: 111px;
    top:47px;
    position: absolute;
    padding: 20px;
}

.video_wrapper {
	height: 303px;
}

.quiz_wrapper h2, .gallery_wrapper h2, .video_wrapper h2  {
	color: #fff;
	font-size: 26px;
    font-family:'VeneerTwo', 'Impact Condensed', Arial, sans-serif;
}

.quiz_question, .quiz_answer, .quiz_finish, .gallery_image {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px;
	width:524px;
}

.answer_answer {
	display: none;
}

.question_response {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 0px;
}

#vulture_quiz .question_response:hover, .question_response.selected_answer {
	color: #e4c549;
}

#wolf_quiz .question_response:hover, .question_response.selected_answer {
	color: #3e795b
}

.quiz_answer p, .quiz_finish p {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 0px;
}

.next_button {
	z-index: 5;
	width:140px;
	height:0px;
	padding-top: 55px;
	overflow: hidden;
	position: absolute;
	display: block;
	top: 313px;
	right: -49px;
}

#vulture_quiz .next_button, #vulture_gallery .next_button {
	background: url("../images/vulture/btn_next.png") no-repeat 0 0;
}

#wolf_quiz .next_button {
	background: url("../images/wolf/btn_next.png") no-repeat 0 0;
	right: -63px;
}


#vulture_quiz .next_button:hover, #wolf_quiz .next_button:hover {
	background-position: 0px -70px;
}


#hotspot-vulture-eat-the-carcass-vulture-content {
    top:141px;
    left:50px;
}

#hotspot-vulture-eat-the-carcass-vulture-content span.arrow-top {
    margin-left:146px;
}

#hotspot-vulture-eat-the-carcass-cow-content {
    bottom:192px;
    left:150px;
}

#hotspot-vulture-eat-the-carcass-cow-content span.arrow-bottom {
    margin-left:139px;
}

#hotspot-vulture-eat-the-carcass-game-content {
    bottom:85px;
    right:50px;
}

#hotspot-vulture-eat-the-carcass-game-content span.arrow-bottom {
    right:138px;
    border-top: 16px solid rgba(75, 69, 42, 1);
}

#hotspot-vulture-killer-flying-content {
    top:136px;
    left:50px;
}

#hotspot-vulture-killer-flying-content span.arrow-top {
    margin-left:202px;
}

#hotspot-vulture-killer-flock-content {
    bottom:95px;
    left:250px;
    width:430px;
}

#hotspot-vulture-killer-flock-content span.arrow-bottom {
    margin-left:185px;
}

#hotspot-vulture-killer-vulture-content {
    bottom:68px;
    right:50px;
    width:320px;
}

#hotspot-vulture-killer-vulture-content span.arrow-bottom {
    right:83px;
}

#hotspot-vulture-keep-the-dogs-out-vulture-content {
    left: 126px;
    top: 88px;
    width: 450px;
}

#hotspot-vulture-keep-the-dogs-out-vulture-content.content.text {
	padding-bottom: 0px;
}

#hotspot-vulture-keep-the-dogs-out-vulture-content span.arrow-left {
    left:0;
    top:157px;
}

#hotspot-vulture-keep-the-dogs-out-carcass-content {
    bottom:170px;
    left:200px;
    padding-bottom:46px;
}

#hotspot-vulture-keep-the-dogs-out-carcass-content span.arrow-bottom {
    margin-left:137px;
}

#hotspot-vulture-keep-the-dogs-out-dog-content {
    bottom:68px;
    right:147px;
    width:320px;
}

#hotspot-vulture-keep-the-dogs-out-dog-content span.arrow-right {
    top:60px;
    border-left-color:#e1c772;
}

.content.text .hotspot_content {
	height: 230px;
	overflow-y: auto;
}

/* wolf world */

.wolf div#submenu_wrapper div#indicator {
    background:#3e795b;
}

.wolf div#submenu_wrapper div#indicator span {
    border-top:12px solid #3e795b;
}

.wolf section.main div.page div.hotspot {
    background:transparent url('../images/wolf/wolf_hotspot.png') no-repeat center center;
}

div#page-wolf-chase {
    background:url('../images/wolf/wolf_chase.png') no-repeat center -1px;
}

div#page-wolf-chase-grey {
    background:url('../images/wolf/wolf_chase_grey.png') no-repeat center -1px;
}

div#page-wolf-chase-text {
    background:url('../images/wolf/wolf_chase_text.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-wolf-chase-hunt {
    background:url('../images/wolf/wolf_chase_hunt.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-wolf-chase-chase {
    background:url('../images/wolf/wolf_chase_chase.png') no-repeat center top;
    height:474px;
    width:800px;
}

.wolf div.content.game {
	background: rgba(57, 68, 24, 0.96);
}

#hotspot_wolf_chase_text {
	left: 533px;
    top: 102px;
}

#hotspot_wolf_chase_hunt {
	bottom: 133px;
    left: 298px;
}

#hotspot_wolf_chase_hunt span.arrow-bottom {
    margin-left:139px;
}

#hotspot_wolf_chase_chase {
	right: 42px;
    top: 223px;
}

#hotspot-wolf-chase-text-content {
    left: 142px;
    top: 30px;
    width: 389px;
    height: 300px;
}

#hotspot-wolf-chase-chase-content {
    left: 426px;
    top: 164px;
    width: 297px;
}

#hotspot-wolf-chase-text-content .hotspot_content {
	height: 250px;
}

#hotspot-wolf-chase-text-content span.arrow-right {
    right:0;
    top: 73px;
}

#hotspot-wolf-chase-chase-content span.arrow-right {
    border-left-color: #aed956;
    top: 60px;
}

span.close.green_close {
	background: url('../images/wolf/btn_close_green.png') 0px 0px no-repeat;
}

#hotspot-wolf-chase-hunt-content {
    left: 155px;
    top: 65px;
    width: 350px;
}

#hotspot-wolf-chase-hunt-content span.arrow-bottom {
    right:175px;
}

div#page-wolf-elk-feast {
    background:url('../images/wolf/elk_feast.png') no-repeat center top;
    display: none;
}

div#page-wolf-elk-feast-grey {
    background:url('../images/wolf/elk_feast_grey.png') no-repeat center top;
}

div#page-wolf-elk-feast-text {
    background:url('../images/wolf/elk_feast_text.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-wolf-elk-feast-quiz {
    background:url('../images/wolf/elk_feast_quiz.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-wolf-elk-feast-feast {
    background:url('../images/wolf/elk_feast_feast.png') no-repeat center top;
    height:474px;
    width:800px;
}


#hotspot_elk_feast_text {
	left: 59px;
    top: 73px;
}

#hotspot_elk_feast_quiz {
	left: 445px;
    top: 131px;
}

#hotspot_elk_feast_feast {
	left: 537px;
    top: 236px;
}

#hotspot-wolf-elk-feast-text-content {
    left: 93px;
    top: 20px;
    width: 403px;
    padding-bottom: 0px;
}

#hotspot-wolf-elk-feast-text-content span.arrow-left {
	top: 53px;
}

#hotspot-wolf-elk-feast-text-content .hotspot_content {
	height: 243px;
}

#hotspot-wolf-elk-feast-quiz-content {
	left: 274px;
    top: 165px;
    width:405px;
}

#hotspot-wolf-elk-feast-quiz-content span.arrow-top {
	margin-left: 172px;
}

#hotspot-wolf-elk-feast-feast-content {
	left: 240px;
    top: 151px;
}

#hotspot-wolf-elk-feast-feast-content span.arrow-right {
	margin-top: 86px;
	border-left-color: #6abf52;
}

span.close.dk_green_close {
	background: url('../images/wolf/btn_close_dk_green.png') 0px 0px no-repeat;
}


div#page-wolf-beaver-trees {
    background:url('../images/wolf/beaver_trees.png') no-repeat center top;
    display: none;
}

div#page-wolf-beaver-trees-grey {
    background:url('../images/wolf/beaver_trees_grey.png') no-repeat center top;
}

div#page-wolf-beaver-trees-text {
    background:url('../images/wolf/beaver_trees_text.png') no-repeat center top;
    height:490px;
    width:800px;
}

div#page-wolf-beaver-trees-video {
    background:url('../images/wolf/beaver_trees_video.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-wolf-beaver-trees-build {
    background:url('../images/wolf/beaver_trees_build.png') no-repeat center top;
    height:474px;
    width:800px;
}

#hotspot_beaver_trees_text {
	left: 430px;
    top: 228px;
}

#hotspot_beaver_trees_video {
	left: 49px;
    top: 279px;
}

#hotspot_beaver_trees_build {
	left: 132px;
    top: 372px;
}

#hotspot-wolf-beaver-trees-text-content {
	right: 32px;
    top: 40px;
    width: 306px;
}

#hotspot-wolf-beaver-trees-text-content span.arrow-left {
	margin-top: 188px;
}

#hotspot-wolf-beaver-trees-video-content {
	left: 82px;
    top: 62px;
}

#hotspot-wolf-beaver-trees-build-content {
	left: 20px;
    top: 140px;
}

#hotspot-wolf-beaver-trees-build-content span.arrow-bottom {
	margin-left: 112px;
	border-top-color: #394418;
}

#hotspot-wolf-beaver-trees-text-content .hotspot_content {
	height: 309px;
}

/* shark */

.shark div#submenu_wrapper div#indicator {
    background:#2fabad;
}

.shark div#submenu_wrapper div#indicator span {
    border-top:12px solid #2fabad;
}


.shark section.main div.page div.hotspot {
    background:transparent url('../images/shark/shark_hotspot.png') no-repeat center center;
}

div#page-shark-save-the-babies {
    background:url('../images/shark/save_the_babies.png') no-repeat center top;
}

div#page-shark-save-the-babies-grey {
    background:url('../images/shark/save_the_babies_grey.png') no-repeat center top;
}

div#page-shark-save-the-babies-text {
    background:url('../images/shark/save_the_babies_text.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-shark-save-the-babies-video {
    background:url('../images/shark/save_the_babies_video.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-shark-save-the-babies-game {
    background:url('../images/shark/save_the_babies_game.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-shark-grazer-chase {
    background:url('../images/shark/grazer_chase.png') no-repeat center top;
    display: none;
}

div#page-shark-grazer-chase-grey {
    background:url('../images/shark/grazer_chase_grey.png') no-repeat center top;
}

div#page-shark-grazer-chase-text {
    background:url('../images/shark/grazer_chase_text.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-shark-grazer-chase-video {
    background:url('../images/shark/grazer_chase_video.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-shark-grazer-chase-game {
    background:url('../images/shark/grazer_chase_game.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-shark-shark-tag {
    background:url('../images/shark/shark_tag.png') no-repeat center top;
    display: none;
}

div#page-shark-shark-tag-grey {
    background:url('../images/shark/shark_tag_grey.png') no-repeat center top;
}

div#page-shark-shark-tag-text {
    background:url('../images/shark/shark_tag_text.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-shark-shark-tag-video {
    background:url('../images/shark/shark_tag_video.png') no-repeat center top;
    height:474px;
    width:800px;
}

div#page-shark-shark-tag-game {
    background:url('../images/shark/shark_tag_game.png') no-repeat center top;
    height:474px;
    width:800px;
}

#hotspot_shark_save_the_babies_text {
	top:181px;
	left:288px;
}

#hotspot_shark_save_the_babies_video {
	top:173px;
	left:673px;
}

#hotspot_shark_save_the_babies_game {
	top:339px;
	left:484px;
}


#hotspot_shark_grazer_chase_text {
	top:160px;
	left:200px;
}



#hotspot_shark_grazer_chase_quiz {
	top:222px;
	left:564px;
}

#hotspot_shark_grazer_chase_game {
	top:358px;
	left:157px;
}

#hotspot_shark_shark_tag_text {
	top:250px;
	left:7px;
}

#hotspot_shark_shark_tag_video {
	top:230px;
	left:710px;
}

#hotspot_shark_shark_tag_game {
	top:390px;
	left:243px;
}

#hotspot-shark-save-the-babies-text-content {
	left: 321px;
	top: 45px;
	width: 405px;
}

#hotspot-shark-save-the-babies-text-content .hotspot_content {
	height: 170px;
}

#hotspot-shark-save-the-babies-text-content span.arrow-left {
	margin-top: 137px;
}

#hotspot-shark-save-the-babies-video-content {
	right: 127px;
    top: 175px;
}

#hotspot-shark-save-the-babies-video-content span.arrow-right {
	margin-bottom: 20px;
	margin-top: 0px;
}

#hotspot-shark-save-the-babies-game-content {
	right: 317px;
    top: 225px;
}

#hotspot-shark-save-the-babies-game-content span.arrow-right {
	margin-top: 115px;
	border-left-color: #106288;
}

span.close.blue_close {
	background: url('../images/shark/btn_close_blue.png') 0px 0px no-repeat;
}

.shark div.content.game {
	background: rgba(7, 34, 43, 0.96);
}

.shark div.content.quiz {
    top: 32px;
    left: 159px;
    width: 405px;

}

#shark_quiz .next_button {
  background: url('../images/shark/btn_next.png') no-repeat scroll 0px 0px transparent;
  right: -63px;
}



#shark_quiz .next_button:hover {
  background-position: 0px -70px;
}

span.close.lt_blue_close {
	background: url('../images/shark/btn_close_lt_blue.png') 0px 0px no-repeat;
}

#hotspot-shark-grazer-chase-text-content {
	left: 232px;
    top: 46px;
    height: 230px;
}

#hotspot-shark-grazer-chase-text-content .hotspot_content {
	height: 230px;
}

#hotspot-shark-grazer-chase-text-content span.arrow-left {
	margin-top: 115px;
}

#hotspot-shark-grazer-chase-game-content {
	left: 189px;
    top: 219px;
}

#hotspot-shark-grazer-chase-game-content .hotspot_content {

}

#hotspot-shark-grazer-chase-game-content span.arrow-left {
	margin-top: 140px;
	border-right-color: #9fc8c2;
}

#hotspot-shark-grazer-chase-video-content {
	left: 383px;
    top: 164px;
}

#hotspot-shark-grazer-chase-video-content .hotspot_content {

}

#hotspot-shark-grazer-chase-video-content span.arrow-bottom {
	margin-left: 181px;
}

#hotspot-shark-shark-tag-text-content {
	 left: 40px;
    top: 98px;
}

#hotspot-shark-shark-tag-text-content .hotspot_content {
	height: 264px;
}

#hotspot-shark-shark-tag-text-content span.arrow-left {
	margin-top: 153px;
}

#hotspot-shark-shark-tag-game-content {
	width: 323px;
	left: 89px;
    top: 158px;
}


#hotspot-shark-shark-tag-game-content span.arrow-bottom {
	margin-left: 153px;
}

#hotspot-shark-shark-tag-text-content span.arrow-left {
	margin-top: 153px;
}

#hotspot-shark-shark-tag-video-content {
	left: 359px;
    top: 218px;
}


#hotspot-shark-shark-tag-video-content span.arrow-right {
	margin-top: 13px;
}

#hotspot-shark-grazer-chase-quiz-content span.arrow-right {
	margin-top: -36px;
}




/* food webs */


div#page-foodweb-wolf, div#page-foodweb-vulture, div#page-foodweb-shark {
    background: #000000;
    height: 534px;
    overflow-y: scroll;
    overflow-x: hidden;
}


div#page-foodweb-shark img, div#page-foodweb-wolf img, div#page-foodweb-vulture img {
	display: block;
	margin: 0px auto;
}



.foodweb .quiz_wrapper {
    height: 220px;
    left: 255px;
    top: 100px;
    width: 250px;
}

.foodweb.wolf .quiz_wrapper {
  height: 200px;
}

.foodweb .quiz_wrapper.alt {
    height: 130px;
}

.foodweb.wolf .quiz_wrapper.alt {
  left: 250px;
  width: 260px;
}

.foodweb .quiz_wrapper p {
   color: #fff;
    font-size: 14px;
    line-height: 1.4;
    margin: 16px;
    padding: 0;
}


.foodweb .quiz_wrapper a.continue {
    background: #775b48;
    color: #ffffff;
    display: block;
    font-family: "VeneerTwo";
    font-size: 30px;
    margin: 20px auto 0 auto;
    padding: 9px 10px 7px 10px;
    text-align: center;
    width: 140px;
    z-index: 5;
    cursor: pointer;
    line-height: 100%;
    text-decoration: none;
}


.foodweb.vulture a.continue {
    background: #E4C549;
}
.foodweb.wolf a.continue {
    background: #6BA849;
}
.foodweb.shark a.continue {
    background: #2FABAD;
}

.foodweb.vulture a.continue:hover {
    opacity: 0.8;
}
.foodweb.wolf a.continue:hover {
    opacity: 0.8;
}
.foodweb.shark a.continue:hover {
    opacity: 0.8;
}

.foodweb a.foodweb-continue{
  color: #ffffff;
  display: block;
  font-family: "VeneerTwo";
  font-size: 30px;
  margin: 20px auto 0 auto;
  padding: 9px 0px 7px 0px;
  text-align: center;
  width: 140px;
  z-index: 5;
  cursor: pointer;
  line-height: 100%;
  text-decoration: none;
  position: absolute;
  bottom: -60px;
  right: 0px;
}

.gallery_image--description{
  width: 450px;
  font-size: 16px;
}

.foodweb a.shark-foodweb-index, a.vulture-foodweb-index, a.wolf-foodweb-index {
  color: #ffffff;
  display: block;
  font-family: "VeneerTwo";
  font-size: 30px;
  margin: 20px auto 0 auto;
  padding: 9px 0px 7px 0px;
  text-align: center;
  width: 140px;
  z-index: 5;
  cursor: pointer;
  line-height: 100%;
  text-decoration: none;
  position: absolute;
  bottom: -60px;
  left: 0px;
  display: none;
}