/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;}

/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none; }
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0;}

/*-----------------------------  */

body { background: #F1F2E6 url(../img/homepage_background.jpg) top left repeat-x;height:550px;}
	h1 { color:#fff;position:absolute; left:-5000px; }
	.wrapper { width:100%; text-align:center; }
		.content { width: 900px; height:570px; background: url(../img/homepage_character.jpg) left top no-repeat; 
				margin-left:auto; margin-right:auto;}
		#welcome {  font-family: Trebuchet MS, Tahoma, sans-serif;width:340px;
					float:left; margin: 30px 0 0 450px; text-align:left;}
			#welcome h2 { color:#fff; font-weight:normal; font-size:16px; line-height:150%; float:left;  }
			#welcome span { color:#fff; font-weight:normal; font-size: 43px; padding:40px 0 0 0; letter-spacing:-2px; float:left; }
				#start { margin: 15px 0 0 0; float:left; font-size: 10px; color:#ffffff;  width:360px;}
					#start i {float:left;font-size:12px; width: 220px; text-align:left; line-height:120%; padding: 11px 10px 0 0; color:#999999;}
					#start img {float:left; vertical-align:middle;}
			#navigation { float:left;margin:50px 0 0 0; font-size:12px;}
				#navigation li {float:left;}
					#navigation li a { text-decoration: none; border-bottom: 1px dotted #F1F2E6; color:#666666; }
						#navigation li a:hover { color:#900; border-color:#900; }
			#copyright { float:left; width:400px; margin: 20px 0 0 0; font-size:10px; color:#999; letter-spacing:2px; }