@charset "utf-8";
/* CSS Document */
	
	
	/* Menu Body */
	ul#menu {
		height:32px;
		list-style:none;
		margin:0;
		padding:0;
		padding-top:135px;
		margin-left:48.5%;
	}
	
	/* 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.whoarewe {
		width:101px;
	}
	
	/* Specify width and background position attributes specifically for the class: "what is CPTO" */
	ul#menu li a.whatiscpto {
		width:105px;
		background-position:-101px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "why us" */
	ul#menu li a.whyus {
		width:65px;
		background-position:-206px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "Mission and vision" */
	ul#menu li a.missionandvision {
		width:140px;
		background-position:-271px 0px;
	}
	
	
	/* Specify width and background position attributes specifically for the class: "Clients" */
	ul#menu li a.clients {
		width:63px;
		background-position:-411px 0px;
	}
	
	
	/* Specify width and background position attributes specifically for the class: "Contact Us" */
	ul#menu li a.contactus {
		width:88px;
		background-position:-474px 0px;
	}
	
	
	/* Specify width and background position attributes specifically for the class: "Join with Us" */
	ul#menu li a.joinwithus {
		width:114px;
		background-position:-562px 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.whoarewe span {
		background-position:0px -32px;
	}
	
	/* Shift background position on hover for the class: "what is CPTO" */
	ul#menu li a.whatiscpto span {
		background-position:-101px -32px;
	}
	
	/* Shift background position on hover for the class: "why us" */
	ul#menu li a.whyus span {
		background-position:-206px -32px;
	}
	
	/* Shift background position on hover for the class: "Mission and vision" */
	ul#menu li a.missionandvision span {
		background-position:-271px -32px;
	}
	
	/* Shift background position on hover for the class: "Clients" */
	ul#menu li a.clients span {
		background-position:-411px -32px;
	}
	
	/* Shift background position on hover for the class: "Contact Us" */
	ul#menu li a.contactus span {
		background-position:-474px -32px;
	}
	
	/* Shift background position on hover for the class: "Join with us" */
	ul#menu li a.joinwithus span {
		background-position:-562px -32px;
	}