html {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	background: fixed repeat-x;
	background-size: 100% 100%;
	background-image: linear-gradient(bottom, rgb(24,98,148) 9%, rgb(140,209,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(24,98,148) 9%, rgb(140,209,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(24,98,148) 9%, rgb(140,209,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(24,98,148) 9%, rgb(140,209,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(24,98,148) 9%, rgb(140,209,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(24,98,148)),
		color-stop(1, rgb(140,209,255))
	);
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#186294', endColorstr='#8CD1FF');
	
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

a {
	color: #9DF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.img {
	border: 0px;
	outline: 0px;
}

#container {
	width: auto;
	margin: 10px auto;
	text-align: center;
}

#logo {
	background: url("../images/castle_logo.png");
	background-size: 455px 239px;
	width: 455px;
	height: 239px;
	margin: 10px auto;
}

.icons {
	margin: none;
	height: 280px;
	float: none;
}

.platformIcon {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 4px 10px 10px 10px;
	background-size: 200px 100px;
	background-repeat: no-repeat;
	background-clip: content-box;
}
#iOSButton {
	background-image: url('../images/iOS-Logo.png');
}
#AndroidButton {
	background-image: url('../images/android-logo.png');
}
#WindowsButton {
	background-image: url('../images/windows-logo.png');
}
#MacButton {
	background-image: url('../images/Mac-Logo.png');
}

.platformIcon:hover {
	box-shadow: 0px 0px 25px #9DF;
	border-radius: 10px;
	background: #9DF;
	background-position: -100px 0px;
	background-size: 200px 100px;
}

.activeIcon {
	background-position: -100px 0px;
}


.storeIcon {
	display: inline-block;
	width: auto;
	height: auto;
	margin: auto 10px auto 10px;
	padding: 0px;
	vertical-align: middle;
}

.storeIcon :hover {
	box-shadow: 0px 0px 35px #9DF;
	border-radius: 10px;
	background: #9DF;
}

.Windows, .Android, .Mac
{
	display: none;
}

.iOS
{
	display: inline-block;
}


.extra-long{
	margin: 10px auto auto auto;
	width: 430px;
}

.shadow {
	
}