@charset "UTF-8";
/* CSS Document */

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:100%; color:#000; list-style-type:none; }
* table { border-spacing: 0px; border-collapse:collapse; cellpadding:0px; cellspacing:0px; border:0px; margin:0px; padding:0px; }

html { height:100%; }
body { height:100%; background-color:#e5dcb3;}
html body { text-align:center; } /* ie fix */

* p { font: normal 70%/17px Verdana, Arial, Helvetica, sans-serif; text-align:left; padding: 0; color:#FFFFFF; }

.white {color:#fff;}
.brown {color:#4a3312;}
.copy {font:normal 9px/12px Verdana, Arial, Helvetica, sans-serif;}

a.white {font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; }
a.white:link { color:#fff; }
a.white:hover { color:#5e5e5e; }
a.white:visted { color:#fff; }
a.white:visited:hover { color:#5e5e5e; }


img {border:0;}

#products {width:170px; float:left;}
#products a {font-size:14px;}

#products ul {
	position:relative;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:80px 0 20px 0;
	width:168px;
}

#products li {
	float:left;
	margin:0 0 12px 20px;
	padding:0 0 0 10px;
	position:relative;
	text-align:left;
	}
	
#player {float: left; width:600px; margin:90px 0 0 50px;}

#hp_left {float:left;}

#hp_right {float:left;padding: 30px 0 0 20px;}

#hp_right img {border:solid 3px #FFFFFF;}