/*
-----------------------------------------------
Core styles
----------------------------------------------- */

/* Set Up
----------------------------------------------- */

html{color:#000;background:#FFF; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {text-align:center;font:75% Arial,"Helvetica Neue",Helvetica,sans-serif;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

p {margin: 1em 0;line-height: 140%;}
strong {font-weight: bold;}

/* Links
----------------------------------------------- */
a { color: #549DC5; text-decoration: none; font-weight:bold; }
a:link { color: #549DC5; text-decoration: none;}
a:hover { color: #26306D; text-decoration: underline;}
a:active { color: #84376F; text-decoration: none;}
a:visited { color: #549DC5; }

/* Main
----------------------------------------------- */

html {
	background: url(../images/page/bg.png) top left repeat-x #79858A;
	background-attachment: fixed;
}
body {
	height: 100%;
}

#parallax {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	overflow: hidden;
}
#parallax #layer_1 {
	background: url(../images/parallax/wave_01.png) 0 0 repeat-x;
	width: 110%;
	height: 209px;
	top: 0;
	left:0;
	margin-top: 200px;
}
#parallax #layer_2 {
	background: url(../images/parallax/wave_02.png) 0 0 repeat-x;
	width: 150%;
	height: 301px;
	top: 0;
	left:0;
	margin-top: 200px;
}
#parallax #layer_3 {
	background: url(../images/parallax/wave_03.png) 0 0 repeat-x;
	width: 180%;
	height: 153px;
	top: 0;
	left:0;
	margin-top: 200px;
}
#wrapper {
	width: 500px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 10;
}
#main {
	width: 500px;
	margin: 100px 0 0 0;
	background: url(../images/page/bg_top.png) top left no-repeat;
	padding: 125px 0 0 0;
	float: left;
}
#main .inner {
	background: url(../images/page/bg_bottom.png) bottom left no-repeat;
	width: 500px;
	padding: 0 0 20px 0;
	float: left;
}
#main .inner .inner2 {
	background: url(../images/page/bg_mid.png) top left repeat-y;
	width: 440px;
	float: left;
	padding: 15px 30px 15px 30px;
}
h1 {
	display: none;
}
h2 {
	width: 440px;
	height: 117px;
	float: left;
	display: block;
	text-indent: -9999px;
	background: url(../images/page/title.png) top left no-repeat;
	margin: 0 0 20px 0;
}
#panel {
	width: 440px;
	float: left;
	padding: 10px 0 0 0;
	margin-bottom: 10px;
	background: url(../images/page/panel_top.png) top left no-repeat;
}
#panel .in {
	width: 420px;
	float: left;
	padding: 0 10px 10px 10px;
	margin: 0 0 0 0;
	background: url(../images/page/panel_bottom.png) bottom left no-repeat;
}
form {
	width: 420px;
	float: left;
}
form label {
	width: 420px;
	float: left;
	margin: 2px 0 10px 0;
	display: block;
	height:18px;
	text-indent: -9999px;
	background: url(../images/page/label.png) top left no-repeat;
}
form input {
	width: 404px;
	float: left;
	background: #72A5B6;
	color: #fff;
	font-size: 1.333em;
	border: none;
	outline: 0;
	padding: 8px;
}
form#paypal, form#paypal_02, form#paypal_03 {
	background: url(../images/page/purchase_bg.png) 10px 10px no-repeat;
	padding-left: 170px;
	width: 250px;
	padding-bottom: 20px;
}
form#paypal_02, form#paypal_03 {
	background: none;
}
form#paypal input, form#paypal_02 input, form#paypal_03 input {
	width: auto;
	float: left;
	background: none;
	color: auto;
	font-size: 1.333em;
	border: none;
	outline: 0;
	padding: 8px;
}
form button {
	width: 420px;
	height: 32px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/page/submit.png) top left no-repeat;
	border: none;
	outline: 0;
	cursor: pointer;
	margin: 10px 0 0 0;
	padding: 0;
}
#player {
	float: left;
	width: 440px;
	margin: 20px 0 0 0;
}
