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


#menu{
	float: left;
	font-family: "ＭＳ Ｐゴシック";
	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#flagusa {
	background-image: url(../images/flag-usa.png);
	padding-left: 55px;
}
#menu li a:visited#flagusa {
	background-image: url(../images/flag-usa.png);
	padding-left: 55px;
}
#menu li a:hover#flagusa {
	background-image: url(../images/flag-usa-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]-->