/* CSS Document */

.wrapper {
	position: relative;
	
	width: 700px;
	height: 370px;
	}
	
.flora {
	position: absolute;
	width: 44%;
	height: 50%;
	top: -2%;
	
	border: 4px solid #EBC016;
	}
.flora:after,.flora:before
{
	left:100%;
	top:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}

.flora:after
{
	margin-top:-20px;
	border-color:rgba(235,192,22,0) rgba(235,192,22,0) rgba(235,192,22,0) #EBC016;
	border-width:20px;
}

.flora:before
{
	margin-top:-27px;
	border-color:rgba(235,192,22,0) rgba(235,192,22,0) rgba(235,192,22,0) #EBC016;
	border-width:27px;
}

	
.fauna {
	position: absolute;
	width: 44%;
	height: 50%;
	top: 52%;
	right: 0%;
	
	border: 4px solid #EBC016;
	
	}
	
	
.fauna:after,.fauna:before
{
	right:100%;
	top:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}

.fauna:after
{
	margin-top:-20px;
	border-color:rgba(235,192,22,0) #EBC016 rgba(235,192,22,0) rgba(235,192,22,0);
	border-width:20px;
}

.fauna:before
{
	margin-top:-27px;
	border-color:rgba(235,192,22,0) #EBC016 rgba(235,192,22,0) rgba(235,192,22,0);
	border-width:27px;
}

	
	
.floratitle {
	position:absolute;
	width: 100%;
	height:50%;
	top:-2%;
	left:-10px;
	font-size: 36px;

	}
	
.faunatitle {
	position:absolute;
	width: 100%;
	height:50%;
	top:52%;
	left:10px;
	font-size: 36px;

	}

.another {
	position:absolute;
	top: 50%;
	left: 75%;
	}
	
.exit {
	position: absolute;
	float:right;
	
	border-radius: 2px;
	
	width: 30px;
	height: 30px;

	top: -2%;
	left: 96%;
	}
.exit:hover {
	-moz-box-shadow:    0 0 2px 2px #ccc;
  	-webkit-box-shadow: 0 0 2px 2px #ccc;
 	box-shadow:         0 0 2px 2px #ccc;
	}
	
#faunalink {
	/*visibility: hidden;*/
	display: block;
	padding: 5px 5px;
  	text-decoration: none;
	width: 69%;
	height: 61%;
	color:#666666;
	
	padding: 68px 5px 5px 216px
	}
	
#floralink {
	/*visibility: hidden;*/
	display: block;
	padding: 5px 5px;
  	text-decoration: none;
	width: 37%;
	height: 61%;
	color:#666666;
	
	padding: 67px 5px 5px 400px;
	}
#faunalink:hover, #floralink:hover {
	text-shadow: 0px 1px 5px #8AC03C;
	}