/*
Eric Meyer's CSS Reset
v1.0 | 20080212
http://meyerweb.com/eric/tools/css/reset/
*/

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }/* remember to define focus styles! */
ins { text-decoration: none }/* remember to highlight inserts somehow! */
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }/* tables still need 'cellspacing="0"' in the markup */

body {
	background: #5e311c url(../images/body.jpg) repeat fixed 50% 0;
	text-align: center;
}

#wrapper {
	width: 840px;
	margin: 0 auto;
	padding-bottom: 60px;
}

a {
	text-decoration: none;
}

img.artwork, div.video {
	border: 3px solid #fff;
}

div.video {
	width: 640px;
	height: 385px;
	margin: 0 auto;
}

div.order {
	width: 362px;
	height: 40px;
	margin: 0 auto;
	padding: 5px 0 60px;
}

div.social {
	width: 658px;
	height: 40px;
	margin: 0 auto;
	padding: 45px 0 50px;
}