/* CSS Document */

/*=======================================================
SWANLIGHTS  -  Website CSS
=======================================================*/

/*-- Override --*/

/*START override default styles*/
html, body{ height:100%; margin:0; padding:0;}

body {
	font:0.8em, Georgia, "Times New Roman", Times, serif;
	color:#8a7979;
	background:#f1ebdd url('../images/bg.jpg');
	text-align:center;
	margin:0 auto;
	padding:0;
	font-style: italic;
	}
	
h1, h2, h3, h4, h5, h6 {font:Georgia, "Times New Roman", Times, serif; margin:0px; padding:0px; color:#8a7979; text-align:left}

textarea{
font:0.96em Georgia, "Times New Roman", Times, serif!important;
}

input{
font:0.96em Georgia, "Times New Roman", Times, serif!important;
}

select{
font:0.96em Georgia, "Times New Roman", Times, serif!important;
}


p {font-size:0.95em;text-align:left;margin-top:0px;padding:0;margin-bottom:5px}


a{
color:#8a7979;
text-decoration:none;
-webkit-transition: 0.5s  ease-in-out;
}
a:hover,a:active,a:focus {text-decoration:none; color:#c15f52}

a img {
	display:block; border:none;}
a:hover img,.item a:active img,.item a:focus img {
	border:none;}

form {margin:0px}
label {cursor:pointer}

ul {
	margin:10px 0px 10px 0px;
	/*font-size:0.90em;*/
}

ul li{
	margin:0;
	padding:0;
}

span{
color:#4c4c4c;
}

hr{ border:none; background:#c3c3c3; height:1px; display:block;}
	
/*END override default styles*/

#wrapper{
min-width:1020px;
}

.logo{
display:block;
width:293px;
height:189px;
text-indent:-5000em;
background:url('/images/logo.png') top left no-repeat;
margin:30px auto;
}

#preorder{
margin:60px 200px 30px 0;
position:absolute;
top:0;
right:0;
}

#preorder p{
text-align:center;
}

#preorder h2 a{
display:block;
width:358px;
height:63px;
text-indent:-5000em;
background: url('../images/preorder.png') no-repeat;
}

#player{
width:533px;
}

#player h2{
height:24px;
text-indent:-5000em;
background:url('../images/thankyouforyourlove_type.png') top left no-repeat;
}

#content{
clear:left;
padding:60px;
position:relative;
}

#player ul{
margin:30px auto;
height:37px;
width:350px;
list-style-type:none;
padding:0px;
}

#player form{
clear:left;
}

#play{
float:left;
display:block;
padding:0px;
width:130px;
height:37px;
margin:0 15px 0 0;
text-indent:-5000em;
background: url('../images/play_pause.png') top left no-repeat;
cursor:pointer;
}

#play:hover{
background: url('../images/play_pause.png') -40px left no-repeat!important;
}

#pause:hover{
background: url('../images/play_pause.png') -40px right no-repeat!important;
}

#pause{
float:right;
display:block;
width:160px;
padding:0px;
height:37px;
text-indent:-5000em;
background: url('../images/play_pause.png') top right no-repeat;
cursor:pointer;
}

#break{
display:block;
float:left;
text-indent:-5000em;
width:18px;
height:37px;
background: url('../images/break.png') no-repeat;
}


#bottomright{
display:block;
width:428px;
height:828px;
padding:0px;
background:url('../images/bottom_corner.png') 50px 0 no-repeat;
position:fixed;
bottom:0;
right:0;
/*z-index:4000;*/
}

#records{
width:550px;
clear:left;
}

#swanlights{
float:left;
margin:70px 70px 30px 0;
}

#thankyou{
float:left;
margin:70px 0 0 0;
}

#swanlights img, #thankyou img{
border:5px solid #fff; 
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
margin:0 0 40px 0;
}

#records .pre{
display:block;
padding:20px 0 30px 0;
}

/* -- form --*/

#signuplabel{
background:#333;
display:block;
float:left;
width:300px;
height:30px;
background: url('../images/signuptodownload_type.png') top left no-repeat;
}

#signuplabel span{
display:none;
}

form input{
border:none;
color:#8a7979;
font-style:italic!important;
background: url('../images/input_underline.png') bottom left repeat-x;
}



.required{
text-align:left;
width:180px;
color:#c15f52;
margin:0!important;
}

form p input{
text-align:center;
background:none;
background:#c15f52;
color:#fff;
margin:10px 0;
padding:5px;
}


#gobutton{
height:18px;
width:37px;
margin:4px 0 0 5px;
display:block;
cursor:pointer;
background: url('../images/go_button.png') bottom left no-repeat;
}

#main{
width:500px;
margin:0 auto;
}

#main h3{
margin:0 0 30px 0;
text-align:center!important;
}

#main p, #main h1{
text-align:center!important;
}