@charset "UTF-8";
#scrollable {
	position: absolute;
	width: 100%;
	height: 1500px;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: visible;
	margin: 0px 0px 0px 0px; }
}

html, body { margin: 0; padding: 0; width: 100%; height: 100%; }

#bg_image { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
#scrollable #container {
	width: 850px;
	position: relative;
	left: auto;
	right: auto;
	margin: 0px 0px 0px 0px; 
	height: 300%;
	overflow: hidden;
}
#followme {
	background-color: #09C;
	height: 50px;
	width: 100px;
	left: -190px;
	bottom: 0%;
	top: 0%;
	position: relative;
	text-align: right;
}
#greybox {
	width: 597px;
	background-image: url(images/greybox.png);
	float: right;
	position: relative;
	top: 0%;
	height: 100%;
	min-height:730px;
	bottom: 0%;
	overflow: hidden;
	visibility: inherit;
}
#davelamnetlogo {
	background-image: url(images/davelamnet.png);
	float: left;
	width: 250px;
	height: 50px;
	top: 107px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: relative;
	overflow: hidden;
}
#subtitle {
	background-image: url(images/subtitle.png);
	position: relative;
	height: 16px;
	width: 220px;
	top: 133px;
	left: 116px;
}

#homelink
{
  display: block;
  width: 72px;
  height: 20px;
  background: url(images/home.png) no-repeat 0 0;

}

#homelink:hover
{ 
  background-position: 0 -20px;
}

#homelink span
{
  display: none;
}

#bloglink
{
  display: block;
  width: 72px;
  height: 20px;
  background: url(images/blog.png) no-repeat 0 0;

}

#bloglink:hover
{ 
  background-position: 0 -20px;
}

#bloglink span
{
  display: none;
}

#biographylink
{
  display: block;
  width: 72px;
  height: 20px;
  background: url(images/biography.png) no-repeat 0 0;

}

#biographylink:hover
{ 
  background-position: 0 -20px;
}

#biographylink span
{
  display: none;
}

#portfoliolink
{
  display: block;
  width: 72px;
  height: 20px;
  background: url(images/portfolio.png) no-repeat 0 0;

}

#portfoliolink:hover
{ 
  background-position: 0 -20px;
}

#portfoliolink span
{
  display: none;
}

#contactlink
{
  display: block;
  width: 72px;
  height: 20px;
  background: url(images/contact.png) no-repeat 0 0;

}

#contactlink:hover
{ 
  background-position: 0 -20px;
}

#contactlink span
{
  display: none;
}

#sidebar {
	width: 116px;
	float: right;
	position: relative;
	top: 85%;
}
