/**
 * Resets 
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding: 0;border: 0;outline: 0;
	font-weight: inherit;font-style: inherit;font-size: 100%;
	font-family: inherit;vertical-align: baseline;
}
:focus{outline:0;}
body{line-height:1;color: #000;background:#fff;}
ol,ul{list-style: none;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote,q{quotes: "" "";}
html,body{
	height: 100%;
}
body{background: #fff url(img/background.jpg) 50% 0 no-repeat;}
img{display: block;}	
#interface{
	width: 980px;
	margin: 0 auto;
}
#logo{
	float: left;
	margin: 30px 0 35px 25px;
}
#player{
	width: 647px;
	height: 400px;
	margin: 0 auto;
	clear: both;
}
h1{
	display: block;
	margin: 40px auto 50px;
}
h1 img{
	margin: 0 auto;
}
#links{
	width: 510px; 
	margin: 0 auto; 
	position: relative; 
	top: 114px; 
	left: 210px;
}
.button{
	float: left;
	padding: 0 2px;
}
.button a{
	float: left;
	width: 171px;
	height: 29px; /* 57px; */
	background: transparent url(img/button2.png) no-repeat 0 3px;
	font: 11px verdana;
	color: #000;
	text-decoration: none;
	line-height: 29px; /* 57px; */
	text-align: center;
}
#facebook{
	float:left;
	margin:6px 0 0;
}