/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body {
	background: #fff;
	margin:0;
}
img{ margin:0;}


.nav-wrap {
	margin:0; 
	background-color: rgba(0,0,0,0.6);
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
*:first-child+html .group { zoom: 1; } /* IE7 */

#example-one {
	margin: 0 auto;
	list-style: none;
	position: relative;
	width: 800px;
	height:50px;
}
#example-one li {
	display: block;
	width:160px;
	float:left;
}


/**/
#example-one li a {
float:left;
text-decoration:none;
text-indent:-9999px;
display:block;
width:800px;
height:50px;
background:url(../img/common/menu.png) no-repeat left top;
}


#example-one li a.m1 {width:160px; background-position:0 0;}
#example-one li a.m2 {width:160px; background-position:-160px 0;}
#example-one li a.m3 {width:160px; background-position:-320px 0;}
#example-one li a.m4 {width:160px; background-position:-480px 0;}
#example-one li a.m5 {width:160px; background-position:-640px 0;}


#example-one li a.m1:hover {background-position:0 -50px;}
#example-one li a.m2:hover {background-position:-160px -50px;}
#example-one li a.m3:hover {background-position:-320px -50px;}
#example-one li a.m4:hover {background-position:-480px -50px;}
#example-one li a.m5:hover {background-position:-640px -50px;}