/* CSS Document */

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#FFFEF2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	-webkit-text-size-adjust:none;
}
h1 {
	height:17px;
	margin:0 0 12px 0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:340px;
	color:#AD8D00;
	text-align:center;
}
h1 img {
	height:10px;
	padding:4px 0;
}
p {
	font-size:1.2em;
	line-height:1.5em;
	text-align:center;
}
a {
	color:#000000;
	outline:none;
}

#page-bounder {
	width:100%;
	height:100%;
	min-height:400px;
	display:none;
}

#page-container {
	width:360px;
	height:480px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-240px 0 0 -180px;
}
@media screen and (max-height:400px) {
	#page-container {
		position:relative;
		top:auto;
		margin-top:0;
	}
}

#logo-shangri-la {
	width:160px;
	height:75px;
	position:absolute;
	bottom:30px;
	left:36px;
}
#logo-shangri-la a {
	width:100%;
	height:100%;
	background:url(../images/logo-shangri-la.png) no-repeat;
	text-indent:-9999em;
	display:block;
}
#logo-golden-circle {
	width:128px;
	height:75px;
	position:absolute;
	bottom:30px;
	right:36px;
}
#logo-golden-circle a {
	width:100%;
	height:100%;
	background:url(../images/logo-golden-circle.png) no-repeat;
	text-indent:-9999em;
	display:block;
}
#iphone {
	width:100%;
	height:244px;
	position:absolute;
	top:10px;
	text-align:center;
}
#iphone img {
	width:130px;
}

section.content {
	width:360px;
	height:100px;
	position:absolute;
	top:270px;
	left:50%;
	margin-left:-180px;
}

#comingsoon {
	width:310px;
	margin:0 auto;
}