/* common */

html, body {margin:0;}
html {height: 100%; margin-bottom: 1px; }
body {font-family:"arial"; color:#555555; font-size:12px;}
img {border-style:none;}
h1 {color:#333333; font-size:16px;}
h2 {color:#333333; font-size:16px;}
.more {color:#7c8749; font-weight:bold; text-decoration:none;}

				/* header */

#header {width:100%; height:202px; text-align:left; background:white url(images/headerBk.gif) repeat-x top;}

				/* menu */

#menu {float: left; display:inline; width:110px; text-align:left; background: url(images/menuBk.gif) repeat-y left;}
#menu a {display:block; text-align:center; width:110px; padding-top:46px; padding-bottom:8px; color:black; text-decoration:none; background: url(images/menu.gif) no-repeat top;}
#menu a:hover, #menu a.active {font-weight:bold;}

				/* content */

#content {margin-left:120px; margin-right:10px; text-align:left;}
#welcome {float:left; display:inline; width:255px; height:160px; background: url(images/welcome.gif) no-repeat top;}
#projects {float:right; display:inline; width:470px; height:175px; background: url(images/projects.gif) no-repeat top;}
#box {float:left; display:inline; margin-left:5px; margin-right:5px; width:350px; height:246px;}

				/* footer */

#footer {width:100%; height:60px; clear:both; text-align:center; background:white;}
#footer, #footer a {color:#888888; font-size:10px; text-decoration:none;}