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

* { margin : 0; padding : 0; }

html { background:#C69; text-align: center; }

body { margin: 8px auto; text-align: left; font: Tahoma, Verdana, Arial, sans-serif; }

#wrap { width: 960px; margin: 0 auto; border: #939; background:url(images/background.jpg) no-repeat; padding: 0 0 280px 0; }

#logo { width: 912px; height: 115px; margin: 0 auto; background:url(images/logo.png) no-repeat; position: relative; top: 10px; }

#nav_main { width: 924px; height: 300px; position: relative; top: 150px; margin: 0 auto; padding: 0 0 0 35px; }

#nav_main ul { list-style-type: none;  padding: 10px 0 0 0; float: left; height: 350px; width: 906px;}

#nav_main li { display: inline; }

li#nm_1 { width: 300px; height: 280px; background: url(images/li_nm1_normal.png) no-repeat; text-indent: -9999px; float: left;  padding: 10px 0 0 0;}

li:hover#nm_1  { background: url(images/li_nm1_hover.png) no-repeat 0 -3px; } 

li:active#nm_1 {background: url(images/li_nm1_active.png) no-repeat; }

li#nm_2 { width: 300px; height: 275px; background:url(images/li_nm2_normal.png) no-repeat; text-indent: -9999px; float: left; }

li:hover#nm_2 { background: url(images/li_nm2_hover.png) no-repeat 0 -3px; }

li:active#nm_2 {background: url(images/li_nm2_active.png) no-repeat; }

li#nm_3 { width: 300px; height: 275px; background:url(images/li_nm3_normal.png) no-repeat; text-indent: -9999px; float: right; }

li:hover#nm_3 { background: url(images/li_nm3_hover.png) no-repeat 0 -3px; }

li:active#nm_3 {background: url(images/li_nm3_active.png) no-repeat; }

#footer { width: 775px; height: 299px; background:url(images/footer.png) no-repeat; position: relative; top: 250px; margin: 0 auto; padding: 0 0 0 0;}