body {
	margin: 0;
    padding: 0;
    text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	background-color:#ffedd9; /* Make the same as dark border for newest app */
	webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

#container {
	width:84%;
	max-width: 960px;
	margin:0 auto;
	margin-bottom:50px;
	margin-top:25px;
	height:auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:2px dashed #C4B6A7;
	background-color:#FFEDD9;
}
#boxone {
	background-color:#ffc41e;
	border-radius: 20px;
	margin:7px;
}
#descriptionbox {
	width:90%;
	margin:0 auto;
	background-color:#ffcc33;
}

img.header-image {
	padding-top:7px;
	padding-bottom:8px;
	border-bottom:2px dashed #C4B6A7;
	width:450px;

}
#clear {
	clear:both;
}
.description {
	font-size:34px;
	line-height:1.5em;
	font-weight:300;
	padding:5% 10% 2% 10%;
}

.download {
	opacity:0.75;
	width:370px;
	padding:2% 0% 0% 9px;
}

.download:hover {
	opacity:1.0;
		text-decoration: none;
			-webkit-transition: all 200ms ease-in;
			-moz-transition: all 200ms ease-in;
			-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;

}

.downloadbottom {
	opacity:0.75;
	margin-top:0px;
	margin-bottom:35px;
	padding:0px 7px 0px 7px;
 	width:270px;
}
.downloadbottom:hover {
	opacity:1.0;
		text-decoration: none;
			-webkit-transition: all 200ms ease-in;
			-moz-transition: all 200ms ease-in;
			-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
}

.pressbutton {
	margin-top:45px;
	margin-bottom:25px;
	padding:0px;
 	width:270px;
}

.fluid-width-video-wrapper {

	width:88.9%!important;
	margin-left:4.5%;
	margin-bottom:113px;

}
.frame {
margin-top:55px;margin-bottom:35px;padding:5px;background-color:white;border-radius:0px;border:3px solid #ffe6a0;
}

/* Top Box */

#topbox {
	width:880px;
	height:300px;
	margin: 0 auto;
}

/* Box 2 */

#box2 {
	width:880px;
	margin: 0 auto;
}

#layout {
	width:50%;
	float:left;
	margin:30px 0px 0px 0px;
}

#howtoplay {
	float:right;
	width:50%;
	text-align:left;
	margin:90px 0px 0px 0px;
}

/* Images */
img.layout-image {
	width:90%;
}

img.powerup-image {
	margin-top:85px;
	width:75%;
}
img.powerups-image {
	margin-top:35px;
	width:95%;
}

img.howto-image {
	width:90%;
}
img.paws-image {
	margin-top:35px;
	width:306px;
}

img.logo
{
	width:56%;
	margin-top:45px;
}

.screenshot {
	width:28%;
	padding:5px;
	margin:0px 5px 45px 5px;
	border:3px solid ffe6a0;
	background-color:white;
}

.toptext{
font-size:55px;
font-weight:300;
margin:0 auto;
padding:55px 0px 25px 0px;
text-transform:uppercase;
text-shadow: 1px 1px white;
}
.italic {
	font-style:italic!important;
	margin-top:12px!important;
}

ul {
	margin-top:0px;
	margin-bottom:100px;
	padding:0% 5% 0% 5%;
	line-height:3.8em;
	list-style:none;
}
ul li {
	font-size:34px;

}

/* Footer */
#footercopyright {
	clear:both;
	font-size:16px;
	padding:0px 0px 35px 0px;
	width:100%;
	font-weight:300;
	font-family: Arial, Geneva, sans-serif
}
.paddingfix{
	margin-bottom:80px;
}
#footercopyright p {
	line-height:5px;
	color:#564f47;
}

@media only screen and (max-width : 654px) {
	#container {
		width:90%;
	}

	.download {
		width:220px;
	}

	.fluid-width-video-wrapper {

		width:88.9%!important;
		margin-left:3%;
		margin-bottom:113px;

	}

	.paddingfix{
		margin-bottom:25px;
	}

	#box2 {
		width:100%;
		margin: 0 auto;
	}
	#layout {
		width:80%;
		float:left;
		clear:both;
		margin-top:15px;
	}

	#howtoplay {
		width:80%;
		float:none;
	}

	img.layout-image {
		margin-left:18%;
	}

	img.howto-image {
		margin-top:55px;
		margin-left:18%;
	}

	img.powerup-image {
	}
	img.powerups-image {
		margin-top:15px;
	}
	.description {
		font-size:24px;
	}

	.toptext{
		font-size:34px;
	}
	ul {
		line-height:2.7em;
	}
	ul li {
		font-size:24px;
	}
	.screenshot {
		width:220px;
		margin:0px 5px 45px 5px;
	}

	img.logo
	{
		width:260px;
		margin-top:25px;
	}

	.downloadbottom {
		margin-top:35px;
		margin-bottom:0px;
		padding:0px 7px 0px 7px;
		width:220px;
	}

	.pressbutton {
		margin-top:55px;
		margin-bottom:5px;
		padding:0px;
	 	width:220px;
	}
	#footercopyright {
		font-size:18px;
	}
}

@media only screen and (max-width : 480px) {

	.download {
		padding:5% 0% 0% 9px;
	}
	.fluid-width-video-wrapper {
		margin-bottom:70px;
	}
	.frame {
		margin-top:25px;
	}
}
