@charset "utf-8";
/* CSS Document */
	
	
	/* Menu Body */
	ul#menu {
		height:32px;
		list-style:none;
		margin:0;
		padding:0;
		margin-left:468px;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(nav.png) no-repeat scroll top left;
		display:block;
		height:32px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "who are we" */
	ul#menu li a.home {
		width:73px;
	}
	
	/* Specify width and background position attributes specifically for the class: "what is CPTO" */
	ul#menu li a.about {
		width:152px;
		background-position:-73px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "why us" */
	ul#menu li a.products {
		width:88px;
		background-position:-225px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "Mission and vision" */
	ul#menu li a.careers {
		width:81px;
		background-position:-313px 0px;
	}
	
	
	/* Specify width and background position attributes specifically for the class: "contactus" */
	ul#menu li a.contactus {
		width:99px;
		background-position:-394px 0px;
	}
	
		
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(nav.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "who are we" */
	ul#menu li a.home span {
		background-position:0px -32px;
	}
	
	/* Shift background position on hover for the class: "what is CPTO" */
	ul#menu li a.about span {
		background-position:-73px -32px;
	}
	
	/* Shift background position on hover for the class: "why us" */
	ul#menu li a.products span {
		background-position:-225px -32px;
	}
	
	/* Shift background position on hover for the class: "Mission and vision" */
	ul#menu li a.careers span {
		background-position:-313px -32px;
	}
	
	/* Shift background position on hover for the class: "contactus" */
	ul#menu li a.contactus span {
		background-position:-394px -32px;
	}