/*navigation*/

div#navigation {
	position: relative;
	width: 100%;
	height: 38px;
	background: url(../images/nav_gradient.png) repeat-x;
}

div#navigation ul {
	list-style-type: none;
}

li#home {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 15px;
	width: 52px;
	height: 43px;
	background: url(../images/nav_home.png) no-repeat 0 0;
}

li#about_founder {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 87px;
	width: 144px;
	height: 43px;
	background: url(../images/nav_about_founder.png) no-repeat;
}

li#about_cb {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 251px;
	width: 132px;
	height: 43px;
	background : url(../images/nav_about_cb.png) no-repeat 0 0;
}

li#partners {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 403px;
	width: 105px;
	height: 43px;
	background : url(../images/nav_partners.png) no-repeat 0 0;
}

li#stories {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 528px;
	width: 108px;
	height: 43px;
	background : url(../images/nav_stories.png) no-repeat 0 0;
}

li#donations {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 656px;
	width: 88px;
	height: 43px;
	background : url(../images/nav_donations.png) no-repeat 0 0;
}

li#cbyr {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 764px;
	width: 62px;
	height: 43px;
	background : url(../images/nav_cbyr.png) no-repeat 0 0;
}

li#contact {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 846px;
	width: 76px;
	height: 43px;
	background : url(../images/nav_contact.png) no-repeat 0 0;
}

li#home.current {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 15px;
	width: 52px;
	height: 43px;
	background: url(../images/hover_nav_home.png) no-repeat 0 0;
	text-indent: -9999px;
}

li#about_founder.current {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 87px;
	width: 144px;
	height: 43px;
	background: url(../images/hover_nav_about_founder.png) no-repeat;
	text-indent: -9999px;
}

li#about_cb.current {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 251px;
	width: 132px;
	height: 43px;
	background : url(../images/hover_nav_about_cb.png) no-repeat 0 0;
	text-indent: -9999px;
}

li#partners.current {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 403px;
	width: 105px;
	height: 43px;
	background : url(../images/hover_nav_partners.png) no-repeat 0 0;
	text-indent: -9999px;
}

li#stories.current {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 528px;
	width: 108px;
	height: 43px;
	background : url(../images/hover_nav_stories.png) no-repeat 0 0;
	text-indent: -9999px;
}

li#donations.current {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 656px;
	width: 88px;
	height: 43px;
	background : url(../images/hover_nav_donations.png) no-repeat 0 0;
	text-indent: -9999px;
}

li#cbyr.current {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 764px;
	width: 62px;
	height: 43px;
	background : url(../images/hover_nav_cbyr.png) no-repeat 0 0;
	text-indent: -9999px;
}

li#contact.current {
	position: absolute;
	z-index: 3;
	top: 15px;
	left: 846px;
	width: 76px;
	height: 43px;
	background : url(../images/hover_nav_contact.png) no-repeat 0 0;
	text-indent: -9999px;
}


#navigation a {
	display: block;
	height: 43px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#navigation #home a { width: 52px; }
#navigation #about_founder a { width: 144px; }
#navigation #about_cb a { width: 132px;}
#navigation #partners a { width: 105px; }
#navigation #partners a { width: 105px; }
#navigation #stories a { width: 108px; }
#navigation #donations a {width: 88px; }
#navigation #cbyr a {width: 62px; }
#navigation #contact a { width: 76px; }

li#home a:hover { background: url(../images/hover_nav_home.png) no-repeat 0 0; }
li#about_founder a:hover { background: url(../images/hover_nav_about_founder.png) no-repeat 0 0; }
li#about_cb a:hover { background: url(../images/hover_nav_about_cb.png) no-repeat 0 0; }
li#partners a:hover { background: url(../images/hover_nav_partners.png) no-repeat 0 0; }
li#stories a:hover { background: url(../images/hover_nav_stories.png) no-repeat 0 0; }
li#donations a:hover { background: url(../images/hover_nav_donations.png) no-repeat 0 0; }
li#cbyr a:hover { background: url(../images/hover_nav_cbyr.png) no-repeat 0 0; }
li#contact a:hover { background: url(../images/hover_nav_contact.png) no-repeat 0 0; }