/* CSS Document */

/* structure & typography */
#about
{
  display: block;
  width: 150px;
  height: 800px;
  background: url("http://butashadow.com/images/menu_a.jpg") no-repeat 0 0;

}

#about:hover
{ 
  background-position: 0 -800px;
}
#about span
{
  display: none;
}

#blog
  {
    display: block;
    width: 149px;
    height: 800px;
    background: url("http://butashadow.com/images/menu_b.jpg") no-repeat 0 0;

  }

#blog:hover
  { 
  background-position: 0 -800px;
}

#blog span
{
  display: none;
}
#contact
  {
    display: block;
    width: 198px;
    height: 800px;
    background: url("http://butashadow.com/images/menu_c.jpg") no-repeat 0 0;

  }

#contact:hover
  { 
  background-position: 0 -800px;
}

#contact span
{
  display: none;
}
#design
  {
    display: block;
    width: 170px;
    height: 800px;
    background: url("http://butashadow.com/images/menu_d.jpg") no-repeat 0 0;

  }

#design:hover
  { 
  background-position: 0 -800px;
}

#design span
{
  display: none;
}
#extra
  {
    display: block;
    width: 135px;
    height: 800px;
    background: url("http://butashadow.com/images/menu_e2.jpg") no-repeat 0 0;

  }

#extra:hover
  { 
  background-position: 0 -800px;
}

#extra span
{
  display: none;
}
#about_top
{
  display: block;
  width: 65px;
  height: 64px;
  background: url("http://butashadow.com/images/top_a.jpg") no-repeat 0 0;

}
/* top menu */
#about_top:hover
{ 
  background-position: 0 -64px;
}
#about_top span
{
  display: none;
}

#blog_top
  {
    display: block;
    width: 65px;
    height: 64px;
    background: url("http://butashadow.com/images/top_b.jpg") no-repeat 0 0;

  }

#blog_top:hover
  { 
  background-position: 0 -64px;
}

#blog_top span
{
  display: none;
}
#contact_top
  {
    display: block;
    width: 65px;
    height: 64px;
    background: url("http://butashadow.com/images/top_c.jpg") no-repeat 0 0;

  }

#contact_top:hover
  { 
  background-position: 0 -64px;
}

#contact_top span
{
  display: none;
}
#design_top
  {
    display: block;
    width: 65px;
    height: 64px;
    background: url("http://butashadow.com/images/top_d.jpg") no-repeat 0 0;

  }

#design_top:hover
  { 
  background-position: 0 -64px;
}

#design_top span
{
  display: none;
}
#extra_top
  {
    display: block;
    width: 65px;
    height: 64px;
    background: url("http://butashadow.com/images/top_e.jpg") no-repeat 0 0;

  }

#extra_top:hover
  { 
  background-position: 0 -64px;
}

#extra_top span
{
  display: none;
}
#home_menu
  {
    text align: center;
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(http://butashadow.com/images/home_menu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0;
	position: relative; top: 35px; left: -270px
  }

#home_menu:hover
  { 
  background-position: 0 -50px;
}

#home_menu span
{
  display: none;
}
p {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	background-image: none;
	margin: 10px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pg_title {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	top: 20px;
}
.footer {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.img {
	border-top-color: #289EB5;
	border-right-color: #289EB5;
	border-bottom-color: #289EB5;
	border-left-color: #289EB5;
}
/* links */
a:link {
	font-size: 14px;
	color: #6699FF;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a:link .img {
	text-decoration: none;
	border-color: #000000;
	border-width: 2px;
}

a:visited .img {
	text-decoration: none;
	border-color: #000000;
	border-width: 2px;
}

a:hover .img {
	text-decoration: none;
	border-color: #289eb5;
	border-width: 2px;
}