@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 320px) {
	#boxWrapper{
	display:none;
	}
}
/* Tablet Layout: 481px to 668px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 730px) { 
	#boxWrapper{
	display: inline;
	background-image: -moz-linear-gradient(
		top,
		#ffcc00,
		#ff9900
	);
	width: 150px;
	height: 130px;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	transform: rotate(1deg);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	-moz-box-shadow: 5px 5px 5px #666666;
	-webkit-box-shadow: 5px 5px 5px #666666;
	position: absolute;
	left: 257px;
	top: 150px;
	font: bold small-caps normal 1.5em/1.7em thryo-webfont;
	color: #600;
	text-decoration: none;
	position: absolute;
	left: 20px;
	top: 460px;
	letter-spacing: 0.2em;
	z-index: 20;
	}
	#boxWrapper a {
	color: #600;
	text-decoration: none;
}
	#boxWrapper a:hover, #boxWrapper a:active {
	color: #FFF;
}
	#boxWrapper:hover{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
/*	background-image: -moz-linear-gradient(
		top,
		#adc5cf,
		#3b6391
	);
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#adc5cf),
		to(#3b6391)
	);*/
	color: #FFF;
	}
	
	#boxWrapper:active{
	-moz-box-shadow: 1px 1px 1px #666;
	-webkit-box-shadow: 1px 1px 1px #666;
/*	background-image: -moz-linear-gradient(
		top,
		#ffffff,
		#990000
	);
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#ffffff),
		to(#990000)
	);*/
	color: #FFF;
	}
	#boxWrapper img {
	width:100%
	height:100%;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
	@media only screen and (min-width: 1175px) {
	#boxWrapper{
	  position: absolute;
	  left: 286px;
	  top: 300px;
	  width: 200px;
	  height: 174px;
	}
}
