@charset "utf-8";
/* CSS Document */
	
	
	/* Menu Body */
	ul#menu {
		height:224px;
		list-style:none;
		margin:0;
		padding:0;
		padding-top:10px;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background: url(box.gif) no-repeat scroll top left;
		display:block;
		height:224px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "who are we" */
	ul#menu li a.whoarewe {
		width:224px;
	}
	
	/* Specify width and background position attributes specifically for the class: "what is CPTO" */
	ul#menu li a.whatiscpto {
		width:224px;
		background-position:-228px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "why us" */
	ul#menu li a.whyus {
		width:232px;
		background-position:-456px 0px;
	}
	
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background: url(box.gif) 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 -224px;
	}
	
	/* Shift background position on hover for the class: "what is CPTO" */
	ul#menu li a.whatiscpto span {
		background-position:-228px -224px;
	}
	
	/* Shift background position on hover for the class: "why us" */
	ul#menu li a.whyus span {
		background-position:-456px -224px;
	}