/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
	margin: 0;	
	padding: 0;	
	border: 0;	
	font-size: 100%;	
	font: inherit;	
	vertical-align: baseline;}
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	
	display: block;}
	
	body {	
	line-height: 1.5;
	}
	
	ol, ul {	
	list-style: none;
	}
	
	blockquote, q {	
	quotes: none;
	}
	
	blockquote:before, blockquote:after,q:before, q:after {	
	content: '';	
	content: none;
	}
	
	table {	
	border-collapse: collapse;	border-spacing: 0;
	}	
	/* end reset*/
	
	/* Default styles*/
	/* Note: This site concept is not mobile friendly*/
	
	body {
		background: url("images/seattleapoc.jpg") no-repeat center center fixed;
		background-size: cover;
		-webkit-background-size: cover;
  		-moz-background-size: cover;
		color: #ffffff;
		font-family: 'Indie Flower', cursive;
		font-size: 1vw;
	}
	
	img {
		position: absolute;
		width: 100%;
	}
	
	h1{
		font-size: 2vw;
		font-family: 'Cinzel Decorative', cursive;
		border: 3px double #33CCFF;
		text-align: center;
		text-shadow: 1px 1px 1px white;
		width: 40%;
		margin: 1% auto;
		color: #33CCFF;
		box-shadow: 2px 2px 2px black;
		background-color: #000000;
		border-radius: 6px;
	}
	
	a {
		color: #33CCFF;
		text-decoration: none;
		text-shadow: 2px 2px 2px black;
	}
	
	a:visited {
		color: #666666;
	}
	
	a:hover {
		color: #FF6600;
	}
	
	footer {
		color: #ffffff;
		font-family: 'Indie Flower', cursive;
		font-size: 1.3vw;
		text-align: center;
		width: 90%;
	}
	
	#wrapper {
		width: 90%;
		margin: 5%;
		min-height: 1900px;
	}
	
	#moon {
		margin-top: 1%;
		margin-left: 2%;
		width: 15%;
	}
	
	#moon img {
		opacity: .5;
	}
	
	#vulture {
		margin-top: -2%;
		margin-left: 20%;
		width: 15%;
	}
		
	#plane {
		margin-top: -2%;
		width: 20%;
		margin-left: 38%;
	}
	
	#knife {
		margin-top: -2%;
		width: 10%;
		margin-left: 60%;
	}
	
	#rain {
		margin-top: -2%;
		margin-left: 70%;
		width: 30%;
	}
	
	#rain img {
		opacity: .6;
	}
	
	#journal {
		width: 15%;
		margin-top: 16%;
	}
	
	#boots {
		width: 10%;
		margin-left: 18%;
		margin-top: -7%;
	}
	
	#cans {
		width: 8%;
		margin-left: 30%;
		margin-top: -1%;
	}
	
	#radio {
		width: 10%;
		margin-left: 40%;
		margin-top: -1%;
	}
	
	#map {
		width: 13%;
		margin-left: 53%;
		margin-top: -1%;
	}
	
	#backpack {
		width: 15%;	
		margin-top: 16%;
	}
	
	#backpack img {
		opacity: .5;
	}
	
	#compass {
		width: 5%;
		margin-left: 25%;
		margin-top: -11%;
	}
	
	#fire {
		width: 10%;
		margin-left: 40%;
	}
	
	#fire img {
		opacity: .7;
	}
	
	#tire {
		width: 10%;
		margin-left: 53%;
		margin-top: 1%;
	}
		
	#car {
		width: 20%;
		margin-left: 67%;
		margin-top: 2%;
	}
	
	#car img {
		opacity: .8;
	}
	
	#woman {
		width: 10%;
		margin-left: 90%;
		margin-top: -7%;
	}
	
	#woman img {
		opacity: .7;
	}
	
	#bridge {
		width: 20%;
		margin-top: -4%;
		margin-left: 17%;
	}
	
	#flashlight {
		width: 5%;
		margin-left: 16%;
		margin-top: 8%;
	}
	
	#trail {
		width: 15%;
		margin-left: 23%;
		margin-top: -1%;
	}
	
	#trail img {
		opacity: .7;
	}
	
	#window {
		width: 15%;
		margin-left: 40%;
		margin-top: 5%;
	}
	
	#window img {
		opacity: .6;
	}
	
	#bandits {
		width: 15%;
		margin-left: 57%;
		margin-top: -1%;
	}
	
	#fence {
		width: 15%;
		margin-left: 73%;
		margin-top: -3%;
	}
	
	#horse {
		width: 10%;
		margin-left: 90%;
		margin-top: 13%;
	}
	
	#longbow {
		width: 8%;
		margin-top: -5%;
	}
	
	#clothes {
		width: 10%;
		margin-left: 10%;
		margin-top: -2%;
	}
	
	#dog {
		width: 15%;
		margin-left: 23%;
		margin-top: 3%;
	}
	
	#cougar {
		width: 15%;
		margin-left: 56%;
		margin-top: -3%;
	}
	
	#barn {
		width: 16%;
		margin-left: 73%;
	}
	
	#journalbloody {
		width: 10%;
		margin-left: 90%;
		margin-top: 10%;
	}
	
	#tracks {
		width: 15%;
		margin-left: 10%;
		margin-top: -5%;
	}
	
	#dandelion {
		width: 10%;
		margin-left: 26%;
	}
	
	#smoke {
		width: 15%;
		margin-left: 38%;
		margin-top: -4%;
	}
	
	#smoke img {
		opacity: .6;
	}
	
	#cat {
		width: 10%;
		margin-left: 58%;
	}
	
	#mountains {
		width: 35%;
		margin-left: 32%;
		margin-top: 15%;
	}
	
	#mountains img {
		opacity: .7;
	}
	
	#stream {
		width: 15%;
		margin-left: 16%;
		margin-top: -2%;
	}
	
	#house {
		width: 15%;
	}
	
	#riot {
		width: 30%;
		margin-left: 69%;
		margin-top: -7%;
	}
	
	#footer {
		position: absolute;
		margin-top: 25%;
		margin-left: 25%;
	}
	
	#footer img {
		margin-top: -25%;
		width: 50%;
		margin-left: -25%;
	}
	
	#prodstatement {
		color: #33CCFF;
		background-color: black;
		text-align: center;
		width: 40%;
		margin: 2% auto;
		border: 3px double #33CCFF;
		border-radius: 6px;
		font-size: 1.2vw;
		box-shadow: 4px 4px 2px black;
	}
	
	#prodstatement p {
		padding: 2% 3%;
	}
	
	#backbutton {
		text-align: center;
		font-size: 2vw;
		border: 1px solid #33CCFF;
		width: 10%;
		margin: 5% auto;
		background-color: black;
		border-radius: 6px;
	}

	.tooltip {
		position: relative;
		display: inline-block;
		width: 100%;
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 100%;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 2%;
		position: absolute;
		z-index: 1;
		top: 50%;
		left: -15%;
		border: 1px solid white;
	}
	
	/* Following special tool tip cases are too narrow without modification */
	#woman .tooltip .tooltiptext, #longbow .tooltip .tooltiptext, #cat .tooltip .tooltiptext, #horse .tooltip .tooltiptext, #cans .tooltip .tooltiptext , #boots .tooltip .tooltiptext{
		width: 130%;
	}
	
	#flashlight .tooltip .tooltiptext, #compass .tooltip .tooltiptext {
		width: 200%;
		padding: 4%;
	}
	
	/* Tooltip was too wide by default */
	#footer .tooltip .tooltiptext {
		width: 50%;
		font-size: 1vw;
	}
	
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}
	
	/* Super High Resolution & Super Large Monitor Style */
	@media only screen and (min-width: 1921px) {
	
	#wrapper {
		width: 80%;
		margin: 10%;
		min-height: 1900px;
	}
}