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

body { background:#fff url(bg.jpg) repeat-x; margin:0; padding:0; height:1800px; font-family:Arial, Helvetica, sans-serif; }

div#wrapper { width: 1000px; margin: 0 auto; }

div#header { height: 400px; width: 1000px; display: block; position: relative; }
div#header .logo { position: absolute; width: 374px; height: 221px; display: block; float: left; cursor: pointer; background: url(logo.png) 0 0 no-repeat transparent; top: 55px; left: 10px; }
div#header .contact-info { position: absolute; width: 293px; height: 133px; display: block; float: left; cursor: pointer; background: url(contact-info.png) 0 0 no-repeat transparent; top: 100px; left: 700px; }

ul#navi                     { background: url(nav.png) no-repeat; position: absolute; width:850px; height:75px; top: 300px; float: left; }
ul#navi li                  { text-indent: -9999px; margin-right: 1px; float: left; display: inline; }
ul#navi li a                    { display: block; height: 73px; }

a#n01, a#n01_active         { width: 103px; }
a#n01:hover, a#n01_active   { background: url(nav-active.png) no-repeat 0 0; }

a#n02, a#n02_active         { width: 212px; }
a#n02:hover, a#n02_active   { background: url(nav-active.png) no-repeat -103px 0; }

a#n03, a#n03_active         { width: 142px; }
a#n03:hover, a#n03_active   { background: url(nav-active.png) no-repeat -314px 0; }

a#n04, a#n04_active         { width: 128px; }
a#n04:hover, a#n04_active   { background: url(nav-active.png) no-repeat -456px 0; }

a#n05, a#n05_active         { width: 117px; }
a#n05:hover, a#n05_active   { background: url(nav-active.png) no-repeat -584px 0; }

a#n06, a#n06_active         { width: 148px; }
a#n06:hover, a#n06_active   { background: url(nav-active.png) no-repeat -702px 0; }