@charset "utf-8";

/* Holden Li */
/**/
*					{ padding: 0; margin: 0; }
html, body			{ background: #fff; color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }
p					{ margin-bottom: 0.5em; }
h1					{ margin: 0.5em 0 0; color: #d33; font-size: 110%; }
a					{ color: #f33; }
a:hover				{ color: #fff; }

/* LAYOUT */
#wrap				{ margin: 10px auto 0; min-height: 400px; background: #fff; color: #000;
					width: 750px; border: 5px solid #000; }
.clearfix			{ overflow: hidden; width: 100%; }
.content			{  }

#header				{ height: 200px; }
#logo				{ float: left; }
#bar				{ background: #ff0; }
#main				{ padding: 20px; overflow: hidden; }
#foot				{ margin: 10px 0; text-align: center; 
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 12px; letter-spacing: 2px; }

/* NAVIGATION */
#menu				{ list-style: none; }
#menu li			{ float: left; }
#menu a				{ display: block; padding: 5px 10px;
					width: 230px; line-height: 20px; height: 20px;
	
					color: #111;
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 14px; letter-spacing: 2px;
					text-align: center; text-decoration: none; text-transform: uppercase;
					outline: none; overflow: hidden; }
#menu a:hover		{ color: #fff; background: #600; }