@charset "utf-8";
/* CSS Document */

/* -------------- background: url(navi.png) no-repeat;
    */
#navigation {
	margin: 0; padding: 0; list-style: none;
	background-color:#CCCCCC;
    width: 148px;
    height: 241px;
    text-indent: -9999px; overflow: hidden;
}
#navigation li {
	margin: 0; padding: 0;
}
#navigation li a {
    display: block;
    background: url(../img/navi.jpg) no-repeat;
}

li#n1 	a {top:20px;	height:47px; background-position:0 -20px;}
li#n2 	a {top:67px;	height:48px; background-position:0 -67px;}
li#n3 	a {top:115px;	height:48px; background-position:0 -115px;}
li#n4 	a {top:163px;	height:49px; background-position:0 -163px;}
li#n5	a {top:212px; 	height:49px; background-position:0 -212px;}

li#n1	a:hover {background-position:   -302px   -20px;}
li#n2	a:hover {background-position:   -302px   -67px;}
li#n3	a:hover {background-position:   -302px   -115px;}
li#n4	a:hover {background-position:   -302px   -163px;}
li#n5	a:hover {background-position:   -302px   -212px;}

li#n1	a:active, li#n1	a.current {background-position:   -151px   -20px;}
li#n2	a:active, li#n2	a.current {background-position:   -151px   -67px;}
li#n3	a:active, li#n3	a.current {background-position:   -151px   -115px;}
li#n4	a:active, li#n4	a.current {background-position:   -151px   -163px;}
li#n5	a:active, li#n5	a.current {background-position:   -151px   -212px;}



a#contact 	{
    background: url(../img/contact.gif) no-repeat;
    width: 54px;
    height: 11px;
}
a#contact:hover 	{background-position:0 -12px;}
a#contact:active	{background-position:0 -24px;}



#navigation_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:8px;
	color:#FFFFFF;
	font-size:10pt;
}
#navigation_text a {
	text-decoration: underline;
	color:#c9c5c2;
}
#navigation_text a:hover {
	text-decoration: underline;
	color:#c4b3ab;
}