.text{

	text-overflow: scroll;

	height: 500px;

	width: 650px;

	text-align: left;

	font-size: 1em;

	font-family: sans-serif;

}

#banner {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(top.png);
	z-index: 5;
	position:relative;
	
}
#nav {
position:relative;
z-index:1;
}
body {
	background-color:#977348;
}
#me
{
  display: block;
  width: 111px;
  height: 24px;
  background: url('images/nav-bar-slices-smaller_03.png') no-repeat 0 0;

}
#me:hover
{ 
  background-position: 0 -24px;
}
#me span {
  display: none;
}
#us
{
  display: block;
  width: 111px;
  height: 25px;
  background: url('images/nav-bar-slices-smaller_15.png') no-repeat 0 0;

}
#us:hover
{ 
  background-position: 0 -25px;
}
#us span {
  display: none;
}

#you
{
  display: block;
  width: 111px;
  height: 20px;
  background: url('images/nav-bar-slices-smaller_09.png') no-repeat 0 0;

}
#you:hover
{ 
  background-position: 0 -20px;
}
#you span {
  display: none;
}

#thennow
{
  display: block;
  width: 111px;
  height: 24px;
  background: url('images/nav-bar-slices-smaller_21.png') no-repeat 0 0;

}
#thennow:hover
{ 
  background-position: 0 -24px;
}
#thennow span {
  display: none;
}

#contact
{
  display: block;
  width: 111px;
  height: 24px;
  background: url('images/nav-bar-slices-smaller_03.png') no-repeat 0 0;

}
#contact:hover
{ 
  background-position: 0 -24px;
}
#contact span {
  display: none;
}

#portfolio
{
  display: block;
  width: 111px;
  height: 27px;
  background: url('images/nav-bar-slices-smaller_27.png') no-repeat 0 0;

}
#portfolio:hover
{ 
  background-position: 0 -27px;
}
#portfolio span {
  display: none;
}

#line {
	position: relative;
	z-index: 4;
	margin-top:-35px;
	border-top-width: 8px;
	width:inherit;
	border-top-color: #F7941E;
	border-top-style: solid;
}