@charset "utf-8";
#base {
	top: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant: small-caps;
	left: 500px;
	float: right;
	position: fixed;
}
.scroll-track{
 width:10px;
 background: #ccc center center repeat-y;
}
 
.scroll-handle{
 background: #342333 top left no-repeat;
 cursor:pointer;
}

#content {
	overflow: hidden;
	height: 250px;
	width: 364px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: left;
	left: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0099FF;
	font-variant: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #0099FF;
	font-variant: normal;
}
a { text-decoration: none; }
 a:link {
	color:
#666666;
}
 a:visited {
	color: #666666;
}
 a:hover {
	color: #0099FF;
}

a:active {
	color: #666666;
}
 span { color: #000000; }
img {

}
img {
	float: left;
	padding-right: 20px;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul, li {
	display: list-item;
}

ul#projects li ul {
  display: none;
}

ul#projects li:hover ul {
	display: list-item;
}

ul#projects li a {
	text-decoration: none;
}
#logo {
	top: 388px;
	position: fixed;
	left: 180px;
}

#head {
	top: 180px;
	position: fixed;
	left: 495px;
}