@charset "UTF-8";
/* CSS Document */
body {
   background-color: #0192ed; 
   background-image:url(../images/bckgrnd.jpg);
	font-family: Arial, sans-serif;
	font-size:.75em;
	line-height:1.25em;
	color:#6f6e6e;
}

/* Make Header Sticky */
#header_container { background:#f3f0e6; background-image:url(../images/wood.png); background-position:center; height:42px; left:0; position:fixed; width:100%; top:0; z-index:8; 
-moz-box-shadow: 0px 5px 5px rgba( 0, 0, 0, 0.3);
-webkit-box-shadow: 0px 5px 5px rgba( 0, 0, 0, 0.3);
box-shadow: 0px 5px 5px rgba( 0, 0, 0, 0.3)}
#header{ line-height:42px; margin:0 auto; width:100%; text-align:center; font-family: 'Love Ya Like A Sister', cursive; font-size:1.75em; color: #181a15;text-shadow: 1px 1px 1px #fff, 3px 3px 5px #a7a49b;
}
#header a:link {color:#000; text-decoration:none;}    /* unvisited link */
#header a:visited {color:#000;} /* visited link */
#header a:hover {color:#F60;}   /* mouse over link */
#header a:active {color:#000;}  /* selected link */

 
table { width:100%; height:100%;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
	background-color:#FFF;
	background-color: rgba( 255, 255, 255, 0.7);
	padding: 10px;
	border: none;
	border-left: none;
	        border-radius: 5px;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	        box-shadow: 0 1px 2px #d1d1d1;
	   -moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
}  
td { padding: 5px;}
td.item { font-size:1.45em;font-weight: bold; color:#890000;}
td.price { font-size:1.35em;font-weight: bold;}
input.box { width: 48px;}
img {max-width: 100%; height: auto;}
#item { padding-top: 55px; max-width:460px; margin:0 auto;}
#left { float:left; width:25%; padding-right:10%;}
#right { float:right; width:65%; margin-top:7px; height:418px;}
#badge { padding-top: 150px; max-width:460px; margin:0 auto;}
img.badge {
    display: block;
    margin-left: auto;
    margin-right: auto; }
	
.extra1, .extra2, .extra3, .extra4, .extra5 {

	position: absolute;

}
.extra1 { 

	background: url(../images/sky-frog.gif) no-repeat  right top; 

	z-index: -1;

	top: 280px;

	left: 20px;

	width: 448px; 

	height: 211px; 

	}

.extra2 { 

	background: url(../images/plane.png) no-repeat right top; 
	z-index: -1;

	top: 960px;

	right: 4%;

	width: 513px; 

	height: 136px;

	}
.extra3 { 

	background: url(../images/island.png) no-repeat right top; 
	z-index: -1;

	top: 1860px;

	left: 4%;

	width: 459px; 

	height:951px;

	}
.extra4 { 

	background: url(../images/swim.gif) no-repeat right top; 
	z-index: -1;

	top: 2660px;

	right: 20px;

	width: 576px; 

	height: 576px;

	}
.extra5 { 

	background: url(../images/hell-frog.gif) no-repeat right top; 
	z-index: -1;

	top: 4940px;

	left: 2%;

	width: 426px; 

	height:551px;

	}

@media all and (max-width: 800px) {
body {
    background-size: auto 100%;
	background-position:center; 
}
.extra1, .extra2, .extra3, .extra4, .extra5 { 

			display: none;

	}
	}
	
@media all and (max-width: 480px) {
body {
    background-size: auto 100%;
	background-position:center; 
}
#left { width:30%; padding-right:5%;}
#right { height:410px;}
.extra1, .extra2, .extra3, .extra4, .extra5 { 

			display: none;

	}
	}