body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; letter-spacing: .01em; background: url(../images/background.gif) repeat-y; background-color:#fff;color:#000;}

.page-container {width: 980px; margin: 0; padding: 0;}

#title {padding-left:80px;}

.content-txtbox {margin: -240px 70px 0 80px; min-height:255px;padding: 40px 70px 0 80px;clear:both;}
.content-txtbox p, .content-txtbox li {line-height:1.5em;}
.content-txtbox ul {margin-top:0;margin-bottom:0;}

/* Hyperlinks  */
a {text-decoration: underline; color:#333;}
a:hover {border-bottom: 1px dashed #636; text-decoration: none;}
a:visited {text-decoration: none; color:#636;}

/* Navigation */
.nav {display:block;}
.nav a {text-align:none;}
.nav a:hover {border:none;}
.nav img {border:none;}
#mhome, #mwebdev, #mprogramming, #mportfolio, #mcontact {
display:block;
width:298px;
}
#mhome {
background-image:url(../images/mhome.gif);
height:34px;
margin-top:-3px;
}
#mhome:hover {background:url(../images/mhome-on.gif)} 
#mhome span{display:none;}

#mwebdev {
background-image:url(../images/mwebdev.gif);
height:36px;
}
#mwebdev:hover {background:url(../images/mwebdev-on.gif);} 
#mwebdev span{display:none;}

#mprogramming {
background-image:url(../images/mprogram.gif);
height:36px;
}
#mprogramming:hover {background:url(../images/mprogram-on.gif);} 
#mprogramming span{display:none;}

#mportfolio {
background-image:url(../images/mportfolio.gif);
height:37px;
}
#mportfolio:hover {background:url(../images/mportfolio-on.gif);} 
#mportfolio span{display:none;}

#mcontact {
background-image:url(../images/mcontact.gif);
height:40px;
}
#mcontact:hover {background:url(../images/mcontact-on.gif);} 
#mcontact span{display:none;}

/* Sidebar */
.sidebar {
width:225px;
float:left;
padding:40px 0 0 20px;
font-size:.9em;
line-height:1.2em;
}
#sidebar-border-top {background:url(../images/bracket_top.gif) no-repeat; width:225px;height:22px;margin-left:-20px;}
#sidebar-border-bottom {background:url(../images/bracket_bottom.gif) no-repeat; width:225px;height:22px;margin-left:-20px; overflow:visible;}
.sidebar h1 {font-weight: bold;font-size:1.2em;}
.sidebar ul {list-style:none;margin-right:20px;}
.sidebar li {margin:0 0 10px -37px;}
.sidebar a {text-decoration:none;}
.sidebar li, .sidebar p {margin-right:20px;}

/* SPECIFIC CLASSES FOR LAYOUT */
.content-container {clear: both; float: left; width: 980px; margin:20px 0 0 0; padding: 0;}
.content-container-1col {overflow: hidden; width: 980px; margin: 0; padding: 0;}
.leftbox {overflow: hidden; float: left; width: 690px; margin: 0; padding: 0;}
.rightbox {overflow: hidden; float: right; width: 290px; margin: 0; padding: 0;}

/* Titles and textboxes */
h1, h2 {color: #737; font-family:Geneva, Arial, Helvetica, sans-serif;margin-bottom:0;padding-bottom:0;}
h2 {font-size: 1.2em;}
h1 {font-size:1.5em;}