html{ margin: 0; background: url(../images/background.jpg) no-repeat top left #FFFFFF; }
body{ margin: 0 0 150px 0; color: #505050; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

div.header{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 162px;
	width: 572px;
	background: url(../images/header.png) no-repeat top left;
	margin: 150px auto 0 auto;
}

ul.social{ padding: 0; list-style: none; height: 48px; width: 290px; margin: 50px auto 30px auto; }
ul.social li{ float: left; padding: 0; display: inline; margin: 0 5px; }
ul.social li a{ background: url(../images/social.png) no-repeat; display: block; text-indent: -9999px; overflow: hidden; height: 48px; width: 48px; }
ul.social li.email a{ background-position: 0px 0px; }
ul.social li.email a:hover{ background-position: 0px -48px; }
ul.social li.twitter a{ background-position: -48px 0px; }
ul.social li.twitter a:hover{ background-position: -48px -48px; }
ul.social li.myspace a{ background-position: -96px 0px; }
ul.social li.myspace a:hover{ background-position: -96px -48px; }
ul.social li.lastfm a{ background-position: -144px 0px; }
ul.social li.lastfm a:hover{ background-position: -144px -48px; }
ul.social li.facebook a{ background-position: -192px 0px; }
ul.social li.facebook a:hover{ background-position: -192px -48px; }

p.copyright{ line-height: 15px; text-align: center; clear: both; font-size: 11px; width: 300px; margin: 0 auto; }

div.contact{
	background: url(../images/envelope-front.png) no-repeat; 
	padding: 0;
	width: 660px; 
	height: 294px;
	z-index: 200; 
	top: 50%; 
	left: 50%; 
	display:none;
	position: fixed;
	margin: -147px 0 0 -330px;
}

div.contact.finished{ display: none; z-index: 300; }
div.contact.finished.success{ background-image: url(../images/envelope-success.png); }
div.contact.finished.fail{ background-image: url(../images/envelope-fail.png); }

div.contact.finished p{ display: none; }

div.contact a.close{
	overflow: hidden;
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/closebox.png) no-repeat;
	position: absolute;
	top: -5px;
	right: -5px;
}

div.contact form{
	height: 214px;
	padding: 40px;
	line-height: 15px;
	font-size: 11px;
	color: #333333;
}

div.contact form div.leftcol{
	float: left;
	width: 340px;
	height: 100%;
	position: relative;
}

div.contact form div.rightcol{
	float: right;
	width: 220px;
	height: 174px;
	margin-top: 40px;
	padding: 0;
	position: relative;
	text-align: center;
}

div.contact form textarea.message{
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 316px;
	height: 150px;
	padding: 12px;
	border: none;
	background: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

div.contact form div.rightcol fieldset{
	padding: 0;
	margin: 0;
	border: none;
}

div.contact form div.rightcol fieldset input{
	display: block;
	width: 140px;
	height: 14px;
	margin: 0 0 22px 0;
	padding: 7px 10px;
	float: right;
	border: none;
	background: none;
	line-height: 14px;
}

div.contact form div.rightcol input.submit{
	margin-left: 50px;
	margin-top: -7px;
}

div.contact form div.rightcol label.error{
	display: block;
	float: right;
	width: 160px;
	height: 22px;
	margin-top: -22px;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	color: #000000;
}

div.contact form label,
div.contact form div.leftcol label.error{
	display: none;
}

div.contact form div.rightcol fieldset input:focus,
div.contact form div.leftcol textarea:focus{
	outline: none;
}

div.overlay{
	background: #000000;
	width: 100%;
	height: 100%;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}