body { background-color: red; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body { background-color: blue; }
} 
	.button_effects {
	position: relative;
	height:57px;
	padding:0 0 0 0;
	margin:8px 0 0 0;
	overflow: hidden;
}
	.button_effects li {
	float: left;
	list-style: none;
}
	.button_effects li.back {
	background: url("../images/hover2.gif") no-repeat right -57px;
	height: 57px;
	z-index: 5;
	position: absolute;
}
	.button_effects li.back .left {
	background: url("../images/hover2.gif") no-repeat top left;
	height: 57px;	width:10px;
	margin-right: 10px; /* 7px is the width of the rounded shape */
}
	.button_effects li a {
	font: 14px arial;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 10px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 57px;
	position: relative;
	overflow: hidden;
	padding:0 10px 0 12px;  
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.button_effects li a {	
	padding:0 8px 0 10px;  
}
.button_effects {	
	top: 0px;
	
}
}

	.button_effects li a:hover, .button_effects li a:active, .button_effects li a:visited {
	border: none;
}

	#menu_container{
	width:946px;
	height:65px;
	float:left;
	}
	#menu_container ul {
		width: 946px;
	}
	
	#left_button_bg{
	background:url(../images/left_button_bg.png);
	width:21px;
	height:65px;
	float:left;
}
	#center_button_bg{
	background:url(../images/center_button_bg.png);
	width:904px;
	height:65px;
	float:left;
	overflow: hidden;
}
	#right_button_bg{
	background:url(../images/right_button_bg.png);
	width:21px;
	height:65px;
	float:left;
}