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


#menu{
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#menu li{
	display: inline;
}

#menu li a{
	float: left;
	color: #333; /*padding of tabs*/
	text-decoration: none;
	border: 1px solid #000;
	background-position: left top;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 45px;
	font-size: 14px;
	margin-right: 10px;
}

#menu li a:visited{
color: #333;
}

#menu li a:hover{
	color: black; /*background image swap on hover*/
	font-weight: bold;
	box-shadow: 3px 3px 8px #818181;
	-webkit-box-shadow: 3px 3px 8px #818181;
	-moz-box-shadow: 3px 3px 8px #818181;
}

#menu li a#home{
	background-image: url(../images/button-bg-home-before.png);
}
#menu li a:visited#home{
	background-image: url(../images/button-bg-home-before.png);
}
#menu li a:hover#home{
	background-image: url(../images/button-bg-home-after.png);
}

#menu li a#services{
	background-image: url(../images/button-bg-services-before.png);
}
#menu li a:visited#services{
	background-image: url(../images/button-bg-services-before.png);
}
#menu li a:hover#services{
	background-image: url(../images/button-bg-services-after.png);
}

#menu li a#contact{
	background-image: url(../images/button-bg-contact-before.png);
}
#menu li a:visited#contact{
	background-image: url(../images/button-bg-contact-before.png);
}
#menu li a:hover#contact{
	background-image: url(../images/button-bg-contact-after.png);
}

#menu li a#flagjapan {
	background-image: url(../images/flag-japan.png);
	padding-left: 55px;
}
#menu li a:visited#flagjapan {
	background-image: url(../images/flag-japan.png);
	padding-left: 55px;
}
#menu li a:hover#flagjapan {
	background-image: url(../images/flag-japan-after.png);
	padding-left: 55px;
}

</style>

[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]