
#launchPad {
	margin:0; 
	float:left;
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:60px;
	
}

	#launchPad li {
		float:left;	
		background:url(images/launch_default.jpg) no-repeat center center;	/* default background image	*/
		width:51px;							/* width and height of the menu item */
		height:36px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#launchPad li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:36px;
		position:relative;
	}

 	#launchPad li .hover {
		background:url(images/launch_hover.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:51px;							/* width and height of the menu item */
		height:36px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	



#twitter {
	margin-right:3px;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	float:left;
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:0;
	
}

	#twitter li {
		float:left;	
		background:url(images/sm_twitter.jpg) no-repeat center center;	/* default background image	*/
		width:30px;							/* width and height of the menu item */
		height:23px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#twitter li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:23px;
		position:relative;
	}

 	#twitter li .hover {
		background:url(images/sm_twitter_hover.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
	    width:30px;							/* width and height of the menu item */
		height:23px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#twitter li.selected {
		background:url(images/sm_twitter.jpg) no-repeat center center;	/* selected image	*/
	}

#facebook {
	margin-right:3px;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	float:left;
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:0;
	
}

	#facebook li {
		float:left;	
		background:url(images/sm_facebook.jpg) no-repeat center center;	/* default background image	*/
		width:30px;							/* width and height of the menu item */
		height:23px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#facebook li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:23px;
		position:relative;
	}

 	#facebook li .hover {
		background:url(images/sm_facebook_hover.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
	    width:30px;							/* width and height of the menu item */
		height:23px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#facebook li.selected {
		background:url(images/sm_facebook.jpg) no-repeat center center;	/* selected image	*/
	}
	
	
	#linkedin {
	margin-right:3px;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	float:left;
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:0;
	
}

	#linkedin li {
		float:left;	
		background:url(images/sm_linked.jpg) no-repeat center center;	/* default background image	*/
		width:30px;							/* width and height of the menu item */
		height:23px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#linkedin li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:23px;
		position:relative;
	}

 	#linkedin li .hover {
		background:url(images/sm_linked_hover.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
	    width:30px;							/* width and height of the menu item */
		height:23px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#linkedin li.selected {
		background:url(images/sm_linked.jpg) no-repeat center center;	/* selected image	*/
	}




