body,
table {
	font: 10.5px/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #996;
}
body {
	margin: 0;
	background-color: #333;
}
body.portfolio {
	background-color: #42352D;
}
img {
	border: 0;
}
h1,
h2 {
	font-size: 11px;
	color: #996;
	margin: 15px 0;
	font-weight: bold;
}
h2.caps {
	text-transform: uppercase;
}

a {
	color: #996;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#header {
	background-color: #000;
	border-bottom: 1px solid #666666;
}
#header div {
	width: 800px;
	height: 25px;
	text-align: right;
}
#container {
	/* OLD
	padding: 40px 0;
	*/
	background-color: #42352D;
	position: relative;
	height: 450px;
}
	#left-side {}
		#logo {
			position: absolute;
			top: 40px;
			left: 30px;
		}
		#biography-link {
			position: absolute;
			top: 195px;
			left: 0;
		}
		#portfolio-link {
			position: absolute;
			top: 230px;
			left: 0;
		}
		#news-box {
			position: absolute;
			top: 289px;
			left: 28px;
		}
			.grey-border {
				border: 1px solid #666666;
			}
			.grey-border-no-bot {
				border-width: 1px 1px 0 1px;
				border-style: solid;
				border-color: #666666;
			}
	#content {
		position: absolute;
		top: 40px;
		left: 190px;
		height: 370px;
		width: 500px;
	}
		#main {
			position: absolute;
			top: 0;
			left: 0;
			width: 608px;
			height: 368px;
			border: 1px solid #666666;
			overflow: auto;
		}
		.col1-with-bottom #main {
			border-bottom: 0;
			height: 332px;
		}
		.col2 #main {
			width: 368px;
		}
		
		.col1-with-bottom #bottom-links {
			position: absolute;
			top: 332px;
			left: 0;
			width: 608px;
			height: 37px;
			border-width: 0 1px 1px 1px;
			border-style: solid;
			border-color: #666666;
			text-align: right;
		}
		.col1-with-bottom #bottom-links strong {
			display: block;
			padding: 15px 15px 0 15px;
		}
		
		.col2 #side {
			position: absolute;
			top: 0;
			left: 400px;
			width: 209px;
			height: 368px;
			border: 1px solid #666666;
			overflow: auto;
		}
		#main-scroll,
		.col2 #side-scroll {
			position: absolute;
			top: 0;
			left: 620px;
			width: 21px;
			height: 368px;
		}
		.col2 #main-scroll {
			left: 375px;
		}
	
#footer {
	padding-left: 28px;
	color: #555;
	font-size: 10px;
	border-top: 1px solid #666;
}



.padder {
	margin: 12px;
}




.vscrollbar {
	width: 21px;
	height: 368px;
	position: relative;
	background: url(../images/scroll_bg_brown.gif);
	cursor: default;
}
.vbuttonup {
	width: 21px;
	height: 16px;
	background: url(../images/arrow_top_brown.gif);
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0pt;
}
.vbuttondown {
	width: 21px;
	height: 16px;
	background: url(../images/arrow_bottom_brown.gif);
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0pt;
}
.vtrack {
	position: absolute;
	top: 16px;
	left: 0;
	width: 21px;
	height: 338px;
}
.vhandle {
	position: relative;
	top: 0;
	width: 21px;
	height: 15px;
	font-size: 0pt;
	background: url(../images/scroll_element_brown.gif);
}
.col1-with-bottom .vscrollbar {
	height: 332px;
}
.col1-with-bottom .vtrack {
	height: 300px;
}


.portfolio a {
	color: #777;
}

.hide-overflow {
	overflow: hidden !important;
}

#site-map,
#site-map ul,
#site-map ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#site-map li {
	list-style: none;
	margin: 0 0 1.4em 0;
	padding: 0;
}