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

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/
	.nav, 
	/*home*/.home, .nav-home, .current-home .home a:link, .current-home .home a:visited, .nav-home-click, 
	/*ourclients*/.sevices, .nav-ourclients, .current-ourclients .ourclients a:link, .current-ourclients .ourclients a:visited, 		.nav-ourclients-click, 
	/*about*/.about, .nav-about, .current-about .about a:link, .current-about .about a:visited, .nav-about-click, 
	/*ourclients*/.contact, .nav-contact, .current-contact .contact a:link, .current-contact .contact a:visited, .nav-contact-click,
	/*givingback*/.givingback, .nav-givingback, .current-givingback .givingback a:link, .current-givingback .givingback a:visited, .nav-givingback-click
 	{
		background: url(../../images/main-menu.jpg) no-repeat; /* Image */
	}
	.nav {
		width: 1000px; /* Menu Width */
		top: 248px; /* Menu Position */
		left: 0px; /* Menu Position */
	}

	.nav, .nav li a:link, .nav li a:visited, 
	.nav-home, .nav-home-click,
	.nav-ourclients, .nav-ourclients-click,
	.nav-about, .nav-about-click,
	.nav-contact, .nav-contact-click,
	.nav-givingback, .nav-givingback-click
	 {
		position: absolute;
		height: 44px; /*height of the menu*/
	}
	.nav li {
		display: inline;
	}
	.nav li a:link, .nav li a:visited {
		top: 0;
		text-indent: -9000px;
		overflow: hidden;
		z-index: 10;
	}
	
	
/*start button*/	
	.nav .home a:link, .nav .home a:visited,
	.nav-home, .nav-home-click {
		left: 16px; /* Start position of menu element from the left */
		width: 125px; /* Width of each menu element */
	}
	.nav .home a:hover, .nav .home a:focus {
		background-position: -16px -45px;
	}
	.nav .home a:active {
		background-position: -16px -90px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		cursor: default;
		background-position: -16px -135px;
	}
	.nav-home, .nav-home-click {
		top: 0;
		background-position: -16px -45px;
	}
	.nav-home-click {
		background-position: -16px -90px;
	}
/*end button*/

/*start button*/	
	.nav .ourclients a:link, .nav .ourclients a:visited,
	.nav-ourclients, .nav-ourclients-click {
		left: 142px; /* Start position of menu element from the left */
		width: 173px; /* Width of each menu element */
	}
	.nav .ourclients a:hover, .nav .ourclients a:focus {
		background-position: -142px -45px;
	}
	.nav .ourclients a:active {
		background-position: -142px -90px;
	}
	.current-ourclients .ourclients a:link, .current-ourclients .ourclients a:visited {
		cursor: default;
		background-position: -142px -135px;
	}
	.nav-ourclients, .nav-ourclients-click {
		top: 0;
		background-position: -142px -45px;
	}
	.nav-ourclients-click {
		background-position: -142px -90px;
	}
/*end button*/	
	
/*start button*/		
	.nav .about a:link, .nav .about a:visited,
	.nav-about, .nav-about-click {
		left: 316px; /* Start position of menu element from the left */
		width: 183px; /* Width of each menu element */
	}
	.nav .about a:hover, .nav .about a:focus {
		background-position: -316px -45px;
	}
	.nav .about a:active {
		background-position: -316px -90px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		cursor: default;
		background-position: -316px -135px;
	}
	.nav-about, .nav-about-click {
		top: 0;
		background-position: -316px -45px;
	}
	.nav-about-click {
		background-position: -316px -90px;
	}
/*end button*/	
	
/*start button*/		
	.nav .contact a:link, .nav .contact a:visited,
	.nav-contact, .nav-contact-click {
		left: 500px; /* Start position of menu element from the left */
		width: 184px; /* Width of each menu element */
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background-position: -500px -45px;
	}
	.nav .contact a:active {
		background-position: -500px -90px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		cursor: default;
		background-position: -500px -135px;
	}
	.nav-contact, .nav-contact-click {
		top: 0;
		background-position: -500px -45px;
	}
	.nav-contact-click {
		background-position: -500px -90px;
	}
/*end button*/

/*start button*/		
	.nav .givingback a:link, .nav .givingback a:visited,
	.nav-givingback, .nav-givingback-click {
		left: 685px; /* Start position of menu element from the left */
		width: 190px; /* Width of each menu element */
	}
	.nav .givingback a:hover, .nav .givingback a:focus {
		background-position: -685px -45px;
	}
	.nav .givingback a:active {
		background-position: -685px -90px;
	}
	.current-givingback .givingback a:link, .current-givingback .givingback a:visited {
		cursor: default;
		background-position: -685px -135px;
	}
	.nav-givingback, .nav-givingback-click {
		top: 0;
		background-position: -685px -45px;
	}
	.nav-givingback-click {
		background-position: -685px -90px;
	}
/*end button*/