body {
	margin: 0;
	padding: 0;
	background-image:url('img/blue_paper.jpg');	
	font-family: 'Alfa Slab One', cursive;
	height:800px;
}

h1 {
	font-size: 12pt;	
	letter-spacing: 1px;
	word-spacing: 2px;
	color:#fff;
}

#namewrap {
	position: relative;
	margin: 20px auto 0 auto;
	font-size: 40pt;
	letter-spacing: 2px;
	opacity: 0.65;
}

#strapline {
	position: relative;
	margin: -17px auto 40px auto;
}

#resultbox {
	width: 375px;
	height: 160px;
	background-color: #fff;
	margin: -15px auto;
	text-align: center;
	opacity: 0.3;
}

#resultholder {
	position: relative;
	padding: auto;
	top: -150px;
	padding-left: 10px;
	padding-top: 10px;
	width: 375px;
	height: 160px;
	margin: -15px auto;
	text-align: center;
	overflow: hidden;
}

#hours {
	margin-top: 40px;
	font-size: 70pt;
	color:#000;
	opacity: 0.65;
}

#minutes {
	margin-top: 40px;
	font-size: 70pt;
	color:#000;
	opacity: 0.65;
}

#timeunits {
	position: relative;
	font-size: 20pt;
	color:#fff;
	opacity: 0.65;
	margin-left: 10px;
	margin-right: 20px;
	top:-42px;
}

#temperature {
	position: relative;
	margin: -7px auto 40px auto;
	font-size: 14pt;	
	letter-spacing: 1px;
	word-spacing: 2px;
	color:#fff;
	opacity: 0.65;
}

.refresh {
	height:20px;
	width: 60px;
	padding: 7px 15px;
	margin:10px auto;
	background-color:#fff;
	opacity: 0.45;
	font-size: 12pt;
	color: #333;
}

.refresh:hover {
	color:#fff;
	background-color:#333;
}

#grass {
	position: relative;
	top: -238px;
	width: 100%;
	height: 855px;
	background-image: url(img/fern.jpg);
	z-index: -1;
	margin-bottom: -240px;
}

#navigation {
	position: relative;
	height: 180px;
	margin: 10px auto;
	top:-180px;
	left:-20px;
}

#beastlink:hover {
	position:relative;
	top:-2px;
	left:2px;
}

#shoppanel {
	width: 630px;
	height:745px;
	margin: -1050px auto 0 auto;
	padding: 0 15px;
	position: relative;
	background-color: #fff;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 10px 3px #ddd;
    box-shadow: inset 0px 0px 10px 3px #ddd;
}

#itemframe {
	float: left;
	position: relative;
	margin: 20px 14px;
	padding: 5px;
	width: 170px;
	height:280px;
	border: 1px solid #d5d5d5;
}

#itempic {
	position: absolute;
	top:0px;
	left:0px;
	width:180px;
	height:150px;
	background-color: #000;
	overflow: hidden;
	opacity: 0.8;
}

#itempic:hover {
	opacity: 1;
}

#itemtitle {
	position:relative;
	font-family: 'Alfa Slab One', cursive;
	font-size: 10pt;
	text-align: left;
	margin-top: 155px;
	color:#000;
}

#itemtext {
	margin-top: 8px;
	font-family: 'Helvetica', sans-serif;
	color: #333;
	font-size: 8pt;
	text-align: left;
}

#price {
	position:absolute;
	font-family: 'Alfa Slab One', cursive;
	font-size: 12pt;
	color: #b23333;
	left:5px;
	bottom: 5px;
}

.button {
	position: absolute;
	bottom:3px;
	right:0px;
   border-top: 1px solid #f7ea97;
   background: #decc54;
   background: -webkit-gradient(linear, left top, left bottom, from(#ab8a26), to(#decc54));
   background: -webkit-linear-gradient(top, #ab8a26, #decc54);
   background: -moz-linear-gradient(top, #ab8a26, #decc54);
   background: -ms-linear-gradient(top, #ab8a26, #decc54);
   background: -o-linear-gradient(top, #ab8a26, #decc54);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #c7c148;
   background: #c7c148;
   color: #3d3d3d;
   }
.button:active {
   border-top-color: #ffff0d;
   background: #ffff0d;
   }