/* GENERAL LAYOUT */

div#wrapper, header, main, footer { margin: 0 auto; width: 1101px; }
main aside { float: left; margin-right: 5%; width: 33%; height: 490px;}

body#home header, body#home footer { display: none; }
body#home main { margin: 3em auto; }

/* HOME NAV */

main #slides .slidesjs-container { z-index: -9;  }
main #homenav {box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);}
main ul#homenav { background: rgba(255, 255, 255, 0.5); height: 96px; list-style-type: none; margin-top: -116px; padding: 10px 0; width: 100%; }
main ul#homenav li { display: block; float: left; height: 96px; margin: 0 25px; width: 220px; }

/* MAIN NAV */

header nav>a { display: none; }
header nav ul { height: 75px; line-height: 75px; padding: 2em 0; list-style-type: none; }
header nav ul li { display: block; float: left; padding-right: .75em; }
header nav ul li a { background: transparent; color: grey; display: block; width: 60px; }
header nav ul li#link-home a { background: url(/img/homebutton.png) center center no-repeat; margin-right: .5em; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 24px; }
header nav ul li#link-grottino a { background: url(/img/logogrottino.png) center center no-repeat; width: 180px; }
header nav ul li#link-schnueggel a { background: url(/img/logoschnueggel.png) center center no-repeat; width: 180px; }
header nav ul li#link-bellini a { background: url(/img/logobellinives.png) center center no-repeat; width: 180px; }
header nav ul li#link-alptraeumli a { background: url(/img/logoalptraeumli.png) center center no-repeat; width: 180px; }
header nav ul li#link-grottino a, header nav ul li#link-schnueggel a, header nav ul li#link-bellini a, header nav ul li#link-alptraeumli a { background-size: 180px 75px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 180px; }

/* HOVER IMAGE BOXES (.hoverimg) */

div.hoverimg { display: block; float: left; height: 181px; margin: 0 11px 11px 0; width: 356px; }
div.doublewidth { width: 723px; }

/* STICKY FOOTER */

html, body { height: 100%; margin: 0; }
div#wrapper { margin: 0 auto -3em; min-height: 100%; }
div#push { clear: both; height: 3em; }
footer { height: 3em; margin: 0 auto; }