html, body { height: 100%; }
body { background-color: #FFFFFF; text-align: center;  }
#wrapper { width: 900px; text-align: left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -120px auto; }
#footer { height: 120px; width: 900px; margin: 0 auto; text-align: left; }
#push { height: 120px; clear: both; }


#wrapper { background: url(bottom.jpg) left bottom no-repeat; }
#widget { float: right; width: 340px; padding-top: 3px; padding-bottom: 40px; }
#main { float: right; width: 560px; padding-top: 30px; }

#logo { padding-bottom: 21px; }
#content { padding-top: 10px; padding-bottom: 24px; }

.body-home #wrapper, .body-contact #wrapper { background-image: none; }
.body-home #main { padding-top: 232px; }

.footer-left { float: left; padding-top: 49px; line-height: 20px; }
.footer-right { float: right; padding-top: 20px; }


/* Menu */

#menu { width: 560px; height: 27px; background: url(menu.gif) 0 0 no-repeat; }
#menu ul { list-style-type: none; margin: 0;  }
#menu li { display: block; float: left; margin: 0 12px 0 0; padding: 0; width: 40px; height: 27px; background: none; }
#menu li a { display: block; width: 100%; height: 27px; text-decoration: none; text-indent: -9999px; }

#menu #menu-about { width: 94px; }
#menu #menu-insert { width: 143px; }
#menu #menu-project { width: 178px; }
#menu #menu-contact { width: 109px; margin-right: 0; }

#menu-about a:hover { background: url(menu.gif) -000px -27px no-repeat; }
#menu-insert a:hover { background: url(menu.gif) -106px -27px no-repeat; }
#menu-project a:hover { background: url(menu.gif) -261px -27px no-repeat; }
#menu-contact a:hover { background: url(menu.gif) -451px -27px no-repeat; }

.body-about #menu-about { background: url(menu.gif) -000px -27px no-repeat; }
.body-insert #menu-insert { background: url(menu.gif) -106px -27px no-repeat; }
.body-project #menu-project { background: url(menu.gif) -261px -27px no-repeat; }
.body-contact #menu-contact { background: url(menu.gif) -451px -27px no-repeat; }