* {margin:0; padding:0;}
html { font-family:Verdana, Geneva, sans-serif }
body { background: #8c8c8c; font: normal 100% Arial, Helvetica, Sans-Serif; }
.clear {clear:both;}

#wrapper { background-image:url(images/wrapper.png); border: 2px solid #000; font-size: 0.8em; margin: 20px auto; width: 904px; }

#header { background:url(images/headera.png) no-repeat top left; float:left; width: 670px; padding:35px 0 25px 230px; height:78px;}
#header h1 { font-size: 3.5em; font-style: normal; letter-spacing: -3px; color: #555;}
#header ul { width: 600px; font-family:Verdana, Geneva, sans-serif; list-style: none; margin:1px 0 0 0; }
#header ul li { display: inline; font-weight:bold; }
#header ul li a {color: #000; display: block; float: left; border-top:5px solid #000; border-bottom:4px solid #000; padding: 1px 13px 1px 13px; text-decoration: none; text-align:center; }
#header ul li a:hover { border-top:5px solid #0C0; border-bottom:4px solid #0C0; }

#container {width:640px; float:right; padding:0 30px 0 30px;}

#content { float: left; width: 640px;  min-height:400px;color:#555;}
#content h1 { font-size:2.5em; font-style:normal;  }
#content h2 { font-size:1.5em; font-style:normal; }
#content p { padding:7px 0; line-height:18px; width:640px; float:left;}
#content ul { margin:0 0 0 30px; }

#footer { border:2px solid #000; border-bottom:0 none;color: #fff;float:right; padding: 10px 0; text-align: center; margin:20px 0px 0 0px; width:640px; background-color: #666; }
#footer a { text-decoration:none; color:#fff; }
#footer a:hover { text-decoration:none; color:#FF0; }

#sidebar { float: left; width: 200px; background:url(images/headerb.png) top center no-repeat; padding:70px 0 0 0; }
#sidebar ul { background-color: #999; width: 172px; border:2px solid #000; border-bottom:0 none; margin: 0 12px; list-style: none; font-weight:bold; }
#sidebar li a { padding: 5px 10px; color: #fff; text-decoration: none; border-bottom:2px solid #000; display: block; width: 152px; }
#sidebar li a:hover { color: #fff; background: #609; width: 152px; }

h1 { font-weight:normal; }
.titlea {float:left; font-weight:bold; width:345px; font-size:13px; }
.titleb { float:left; width:345px; font-weight:bold; font-size:13px; }
.right { float:right; font-weight:bold; width:215px; font-size:13px; }
.itemleft { float:left; width:300px; font-size:12px; }
.itemmiddle { width: 10px; float:left; font-size:12px; }
.itemright { float:right; width:215px; font-size:12px; }
.descrip { float:left; width:620px; font-size:12px; }
.mainheadings { font-size:20px; font-weight:normal; }
.descrip a { text-decoration:none; color:#555; }
.descrip a:hover { text-decoration:none; color:#FF0; }
.skillleft { float:left; width:200px; font-size:12px; }
.skillmiddle { float:left; width:260px; font-size:12px; }
.skillright { float:right; width:150px; font-size:12px; }

* html #content {height:400px; }