* {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration: none;
	color: #000;
}

html {
	background: url('images/raye.gif');
	width: 100%;
	height: 100%;
	min-height: 655px;
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFF;
	font-family: Georgia;
	font-weight: normal;
	position: absolute;
	min-height: 655px;
	width: 870px;
	height: 100%;
	top: 0;
	left: 50%;
	margin: 0 0 0 -485px;
	padding: 0 50px;
	border-left: 12px solid #CCCCCC;
	border-right: 12px solid #CCCCCC;
}


#logo {
	background: url('images/logo.jpg');
	position: absolute;
	left: 50%;
	margin: 0 0 0 -162px;
	top: 20px;
	width: 335px;
	height: 199px;
}

.hLine {
	background-color: #e5e5e5;
	width: 90%;
	height: 1px;
	position: absolute;
}

#line1 {
	top: 240px;
}

#line2 {
	top: 560px;
}


#iphone {
	border: 0;
	display: block;
	width: 230px;
	height: 250px;
	position: absolute;
	padding: 20px 15px 0 170px;
	background: url('images/iphone.png') no-repeat 10px 13px;
	left: 77px;
	top: 270px;
	font-size: 18px;
	line-height: 22px;
}

span.pink {
	color: #FF0096;
	display: block;
	font-size: 22px;
	line-height: 24px;
	margin: 0 0 15px 0;
}

span.warning {
	color: #666666;
	display: block;
	font-size: 11px;
}
span.credits {
	font-size: 14px;
	color: #7D7D7D;
	display: block;
	margin: 10px 0 0 0;
	line-height: 20px;
}

#itunes {
	position: absolute;
	display: block;
	left: 530px;
	top: 270px;
	background: url('images/music.png') no-repeat 13px 10px;
	height: 70px;
	width: 280px;
	padding: 10px 7px 7px 80px;
}

#itunes span.pink, #email span.pink {
	color: #FF0096;
	display: block;
	margin: 0 0 8px 0;
	font-size: 18px;
}

#iphone:hover, #itunes:hover, #continue:hover, #email:hover {
	background-color: #f6f6f6;
}

#email {
	position: absolute;
	display: block;
	left: 530px;
	top: 380px;
	height: 140px;
	width: 220px;
	line-height: 22px;
	padding: 12px 130px 7px 10px;
}

#email #youtube {
	background: url('images/video.jpg') no-repeat 0 0;
	display: block;
	position: absolute;
	top: 17px;
	right: 11px;
	width: 100px;
	height: 70px;
}

.social {
	position: absolute;
	top: 590px;
	width: 104px;
	height: 32px;
	background-repeat: no-repeat;
}


#twitter {
	background: url('images/twitter.jpg');
	left: 355px;
}

#facebook {
	background: url('images/facebook.jpg');
	left: 80px;
}

#myspace {
	background: url('images/myspace.jpg');
	left: 220px;
	top: 595px;
}

#twitter:hover, #facebook:hover, #myspace:hover {
	background-position: 0 -32px;
}



form {
	position: absolute;
	top: 95px;
	width: 280px;
	height: 35px;
	font-size: 20px;
	padding: 18px 0 0 0;
}

input[type=text] {
	-webkit-user-select: ignore;
	outline: none;
	position: absolute;
	font-family: Georgia;
	border: 1px solid #000;
	font-size: 16px;
	padding: 5px 5px 4px 7px;
	width: 280px;
	top: 10px;
	height: 35px;
}


#submit {
	-webkit-appearance: button;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(220, 220, 220)), to(rgb(180, 180, 180)));
	border: 1px solid #000;
	position: absolute;
	left: 268px;
	font-family: Georgia;
	font-size: 16px;
	width: 70px;
	text-align: center;
	height: 35px;
	top: 10px;
	cursor: pointer;
	text-shadow: #FFF 0 1px;
}

#submit:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(210, 210, 210)), to(rgb(170, 170, 170)));
}

#submit:active {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(170, 170, 170)), to(rgb(130, 130, 130)));
}
	
#continue {
	background: url('images/skip.png') no-repeat 10px 8px;
	width: 300px;
	height: 50px;
	padding: 10px 0 0 10px;
	position: absolute;
	left: 590px;
	top: 574px;
	text-transform: uppercase;
	font-size: 20px;
	display: block;
}

#thanks {
	margin: 10px 0 0 0;
}