/*	www.gentlesoftware.com site styles 
	3.22.2007 */

/* 	This is to keep the page from jumping out of alignment in Mozilla, Firefox and Netscape browsers.
	It forces those browsers to have a scroll bar area (appox. 22px wide). */
html { min-height: 100.05%; }
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
	color: #000;
	background-color: #e4e4e4;
	background: #600 url(../images/bg_body.gif) repeat-x;
}
a:link, a:visited {
	color: #600;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
img {
	border: 0;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #efefef;
}
#header {
	margin: 0;
	padding: 0;
	height: 98px;
	color: #fff;
	background-color: #600;
	background: #600 url(../images/bg_header.gif) repeat-x;
}
#header_logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 98px;
	text-indent: -9000px;
	background: url(../images/header_logo.gif);
	cursor: pointer;
}
img#headerknots {
	margin: 0;
	padding: 0;
}
#navcolumn {
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	width: 200px;
}
#content {
	margin: 0;
	padding: 10px 0 20px 0;
	float: left;
	width: 560px;
}
#secondary {
	margin: 0;
	padding: 10px 0 20px 0;
	float: right;
	width: 200px;
}
h1 {
	margin: 0;
	padding: 10px 20px 0 20px;
	font-size: 1.6em;
	color: #600;	
}
h3 {
	margin: 0;
	padding: 12px 20px 0 20px;
	font-size: 1.3em;
	color: #600;	
}
h4 {
    margin: 0;
    padding: 2px 20px 0 20px;
    font-size: 1.0em;
    color: #600;
}
p {
	margin: 0;
	padding: 5px 20px 15px 20px;
	font-size: 1em;	
	line-height: 1.5em;
}
tt, samp, code, pre {
    font-size: 1.25em;  
}
#navcolumn h2, #secondary h3 {
	padding-left: 15px;
}
#navcolumn p, #secondary p {
	padding-left: 15px;
}
#content ul,
#secondary ul {
	margin: -10px 15px 10px 15px;
	padding: 0 0 0 10px;
	font-size: 1em;	
	line-height: 1.5em;
	list-style-type: none;
}
#content ul li ul,
#secondary ul li ul {
	margin-top: 0;
}
/* Top level lists get a red square bullet */
#content ul li,
#secondary ul li {
	background: url(../images/bullet_square.png) no-repeat top left;
	padding: 0 0 0 17px;
}
/* Nested lists get a red diamond bullet */
#content ul li ul li,
#secondary ul li ul li {
	background: url(../images/bullet_diamond.png) no-repeat top left;
}
/*---------------------------------------*/
#navcontainer { 
	margin: 0;
	padding: 0;
	width: 200px; 
}
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navcontainer a {
	display: block;
	margin: 0;
	padding: 5px 0px 5px 15px;
	width: 185px;
	background-color: #ccc;
	border-bottom: 1px solid #eee;
	font-weight: bold;
}
#navcontainer a:link, #navlist a:visited {
	color: #333;
	text-decoration: none;
}
#navcontainer a:hover {
	background-color: #666;
	color: #eaeaea;
}
/* 	For indication of current page on the navigation list.
	Make a new list item for new pages. Give the link an ID.
	Give the new page an ID in the body tag and then add a rule here
	to indicate the "on" state */
#home_page #navcontainer li a#home,
#softwaredev_page #navcontainer li a#softwaredev,
#consulting_page #navcontainer li a#consulting,
#portfolio_page #navcontainer li a#portfolio,
#about_page #navcontainer li a#about {
	background-color: #600;
	color: #eaeaea;
}
/*---------------------------------------*/
#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
	background-color: #ccc;
	text-align: center;
	font-size: 0.9em;
}