body {
	margin: 0px;
	padding: 0px;
	/*background-image: url(bg.png);*/
	background-color:rgb(38,43,48);
	color: white;
	font-size: 16px;
	font-family: 'Hammersmith One', 'HelveticaNeue-CondensedBold';
	font-stretch: condensed;
}

img {
	border: none;
}

a img {
	border: none;
}

h1 {
	font-family: 'Hammersmith One', 'HelveticaNeue-CondensedBold';
	font-size: 35px;
	margin-top: 20px;
	text-shadow: 0 -1px 0px black;
}

.floatright {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-right: 40px;
	background-size: 50px 89px;
	background-image: url(Ribbon.png);
	width: 50px;
	height: 89px;
}

.mail {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	background-image:url(Mail.png);
	border: 0px;
}

.facebook {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	background-image:url(Facebook.png);
	border: 0px;
}

.twitter {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	background-image:url(Twitter.png);
	border: 0px;
}

#titlebox {
	text-align:center;
	padding-top:50px;
}

#sub {
	font-family: 'Hammersmith One', 'HelveticaNeue-CondensedBold';
	font-size: 15px;
	color: #B5B5B5;
	margin-top: -20px;
	text-shadow: 0 -1px 0px black;
}

#wrapper {
	position: relative;
	width: 560px;
	border: none;
	margin: 0px auto;
 }

#download {
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: 1px solid black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

#download a {
	display: block;
	padding: 20px;
	color: #00EEFF;
	margin-left: 20px;
	margin-right: 20px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-family: 'HelveticaNeue-CondensedBold';
	font-size: 20px;
	border-top: 1px solid black;
	border-bottom: 1px solid #2F2F2B;
	-webkit-border-radius: 15px;
	-webkit-box-shadow: inset 0 0 10px #000;
	box-shadow: inset 0 0 10px #000;
	text-shadow: 0 1px 0px black;
	background-color: rgba(0,0,0,.25);
}

#download_button {
	text-align: center;
}

#download_button h3 {
	text-align: left;
	margin-top: 30px;
	margin-left: 55px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

#requisite ul {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 13px;
	color: #FFF;
}

#requisite ul span {
	color: #B5B5B5;
}

#requisite ul li a {
	color: #B5B5B5;
	text-decoration: none;
}

#requisite ul li a:hover {
	font-weight:bold;
}

#requisite h3 {
	text-align: left;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

#requisite ul li h4 {
	margin-bottom: 3px;
	padding-bottom: 0px;
}

footer {
	border-top: 1px solid #505650;
}

footer div {
	margin-top: 0px;
	text-shadow: 0 -1px 0px black;
	font-size: 10px;
	text-align: center;
	color: #B5B5B5;
}

footer a {
	color: white;
	text-decoration: none;
}

#footer-copy {
	margin-top: -5px;
}

#image {
	margin-left: 85px;
	margin-right: 85px;
	margin-left: 205px;
	margin-right: 205px;
	margin-top: 10px;
	width: 150px;
	height: 145px;
	background-size:150px 145px;
    background-image: url(AppIcon.png);
}

#image p {
	font-family: 'Hammersmith One', 'HelveticaNeue-CondensedBold';
	text-align: center;
	font-size: 12px;
	padding-top: 118px;
	color:white;
	text-shadow: 0px 1px 0px black;
}

#image p span {
	color: #DBDBDB;
}

/**** Retina display ****/

@media all and (-webkit-min-device-pixel-ratio:2) {
    body {
    	/*background-image: url(bg@2x.png);*/
    }
    
    #image {
        background-image: url(AppIcon@2x.png);
    }
    
    .mail {
    	background-image:url(Mail@2x.png);
    }
    
    .facebook {
    	background-image:url(Facebook@2x.png);
    }
    
    .twitter {
    	background-image:url(Twitter@2x.png);
    }
    
    .floatright {
		background-image: url(Ribbon@2x.png);
	}
}

/**** iPhone only ****/

@media screen and (max-device-width: 480px){
	#wrapper {
		width: 320px;
	}
	
	#titlebox {
		padding-top:0px;
	}
	
	#image {
		margin-left: 85px;
		margin-right: 85px;
	}
	
	#download a {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.floatright {
		margin-right: 10px;
	}
}

/**** iPhone 5 only ****/

@media screen and (max-device-width: 568px){
	#wrapper {
		width: 320px;
	}
	
	#titlebox {
		padding-top:0px;
	}
	
	#image {
		margin-left: 85px;
		margin-right: 85px;
	}
	
	#download a {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.floatright {
		margin-right: 10px;
		padding:0px;
		position: fixed;
	}
	
	#download_button img {
		width:111px;
		height:30px;
	}
}