/*** Browser-stylesheet reset ***/
* { margin: 0; padding: 0 }

body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.3em; color: #797a7a }
    
ul { list-style: none }
img { border: none }
p { margin-bottom: 17px }
a { color: #f76600; text-decoration: none; font-size: 12px }
a:hover { text-decoration: underline }

div#hidden, div#counter { visibility: hidden; position: absolute; top: -3000px }

div#wrapper { width: 100%; background: url('../images/tail-bottom.gif') repeat-x 0 629px }

div#header { width: 792px; margin: auto; padding: 20px 0 0 18px }
div#header ul { text-align: right; padding-right: 35px; font-size: 16px; font-weight: bold }
div#header ul li { display: inline }
div#header ul li img { vertical-align: top }

ul#topnavi { width: 792px; height: 550px; margin: auto; padding: 50px 0 0 20px }
ul#topnavi li { float: left; margin-right: 1px }
ul#topnavi li a { display: block; width: 155px; color: #fff; font-family: "Times New Roman", Times, serif; font-size: 22px; font-style: italic; text-decoration: none; text-align: center; line-height: 66px }
ul#topnavi li a:hover { padding-top: 30px }
ul#topnavi li#m1 { padding-top: 120px }
ul#topnavi li#m1 a { background: url(../images/m1.jpg) no-repeat; height: 388px }
ul#topnavi li#m1 a:hover { background: url(../images/new/m1_1c.jpg) no-repeat; height: 388px }
ul#topnavi li#m2 { padding-top: 90px }
ul#topnavi li#m2 a { background: url(../images/m2.jpg) no-repeat; height: 418px }
ul#topnavi li#m2 a:hover { background: url(../images/new/m2_1c.jpg) no-repeat; height: 418px }
ul#topnavi li#m3 { padding-top: 60px }
ul#topnavi li#m3 a { background: url(../images/m3.jpg) no-repeat; height: 448px }
ul#topnavi li#m3 a:hover { background: url(../images/new/m3_1c.jpg) no-repeat; height: 448px }
ul#topnavi li#m4 { padding-top: 30px }
ul#topnavi li#m4 a { background: url(../images/m4d.jpg) no-repeat; height: 478px }
ul#topnavi li#m4 a:hover { background: url(../images/new/m4_1d.jpg) no-repeat; height: 478px }
ul#topnavi li#m5 a { background: url(../images/m5d.jpg) no-repeat; height: 508px }
ul#topnavi li#m5 a:hover { background: url(../images/new/m5_1d.jpg) no-repeat; height: 508px }

div#bm-button { width: 222px; height: 35px; margin: 0 auto; position: relative }

div#skills { width: 760px; margin: auto; color: #797a7a; text-align: left }
div#skills h2 { margin: 3.5em 0 0.5em 0 }
div#skills h3 { margin-bottom: 1.5em }
div#skills h2, h3, p { color: #797a7a }
div#skills p { font-size: 12px  }

div#footnotes { width: 760px; margin: auto; color: #797a7a; text-align: left }
div#footnotes ul li, div#footnotes ul li a { font-size: 11px }

div#footer { clear: both; width: 792px; padding: 0 0 15px 15px; margin: 50px auto 0 auto; color: #797a7a; text-align: center }
div#footer p { margin: 0; padding: 5px 0 0 0; font-size: 12px }
div#footer p#tel { margin-top: 1.5em; padding: 0 0 5px 0 }
div#footer ul { text-align: center }
div#footer ul li { display: inline }