@charset "utf-8";
/* CSS Document */


#mainNav ul {
	margin: 0px 0px 0px 176px;
	padding:0px 0px 0px 0px;
	list-style: none;
	width:834px;
	position:fixed;
	z-index:3000;
	top:-10px;
}
#mainNav li {
	margin: 0px auto 0px auto;
	float: left;
	display: block;
	height:98px;
	text-indent:-9999px;
	
	
}
#mainNav ul li a{
	font-size: 20px;
	display: block;
	height:98px;
	text-align: center;
	vertical-align: middle;
	line-height: 47px;

}
#mainNav ul li a:hover{
	line-height: 41px;
}
#mainNav li.button1{
	width:152px;
}
#mainNav li.button2{
	width:166px;
}
#mainNav li.button3{
	width:184px;
}
#mainNav li.button4{
	width:159px;
}
#mainNav li.button5{
	width:173px;
}

#mainNav li.button1 :hover{
	z-index:100;
	position:relative;
	bottom:5px;
	height:103px;
}
#mainNav li.button2 :hover{
	z-index:100;
	position:relative;
	bottom:5px;
	height:103px;
}
#mainNav li.button3 :hover{
	z-index:100;
	position:relative;
	bottom:5px;
	height:103px;
}
#mainNav li.button4 :hover{
	z-index:100;
	position:relative;
	bottom:5px;
	height:103px;
}
#mainNav li.button5 :hover{
	z-index:100;
	position:relative;
	bottom:5px;
	height:103px;
}

#mainNav ul li a.button1{
	background: url(../image/layout/buttons/1.png) no-repeat left top;
	width:152px;
	height:98px;
	
}
#mainNav ul li a:hover.button1{
	background: url(../image/layout/buttons/1.png) no-repeat top left;
	width:152px;
	height:103px;
}
#mainNav ul li a.button2{
	background: url(../image/layout/buttons/2.png) no-repeat top left;
	left:-37px;
	position:relative;
	width:166px;
	height:98px;
}
#mainNav ul li a:hover.button2{
	background: url(../image/layout/buttons/2.png) no-repeat top left;
	width:166px;
	height:103px;
}
#mainNav ul li a.button3{
	background: url(../image/layout/buttons/3.png) no-repeat top left;	
	width:184px;
	height:98px;
	position:relative;
	left:-70px;
}
#mainNav ul li a:hover.button3{
	background: url(../image/layout/buttons/3.png) no-repeat top left;	
	width:184px;
	height:103px;
}
#mainNav ul li a.button4{
	background: url(../image/layout/buttons/4.png) no-repeat top left;	
	width:159px;
	height:98px;
	position:relative;
	left:-114px;

}
#mainNav ul li a:hover.button4{
	background: url(../image/layout/buttons/4.png) no-repeat top left;	
	width:159px;
	height:103px;
	
}
#mainNav ul li a.button5{
	background: url(../image/layout/buttons/5.png) no-repeat top left;	
	width:173px;
	height:98px;
	left:-154px;
	position:relative;

}
#mainNav ul li a:hover.button5{
	background: url(../image/layout/buttons/5.png) no-repeat top left;
	width:173px;
	height:103px;
}