body {text-align:center; font-family: tahoma, verdana, arial, sans-serif; font-size:76%; color:#888; letter-spacing:0.05em; line-height:1.5em;}

li {list-style:square;}

a {color:#000;}
a:hover {text-decoration:none;}

#container {width:701px; border:1px solid #fff; margin:0 auto 0 auto; background:transparent url(../grid/sides.gif);}

#header {display:none;}

#slogan {width:701px; background:#fff url(../grid/ends.gif) no-repeat bottom left; padding:0.5em 0;}
#slogan h2 {font-size:1.5em; margin-top:0;}
#slogan blockquote {font-size:0.7em;}

#navigation {position:relative; background:transparent url(../grid/grid1.gif) no-repeat; width:701px; height:290px; z-index:10;}
#navigation h3 {display:none;}
#navigation ul {padding:0; margin:0; }
#navigation li {list-style-type:none;}
#navigation a, #navigation a:visited {position:absolute; width:100px; height:0; padding-top:47px; overflow:hidden; z-index:100;}
* html #navigation a, *html #navigation a:visited {height:47px; he\ight:0;}
#navigation a#demos {bottom:0; left:0; background:transparent url(../grid/grid2.gif) 0 -300px no-repeat; z-index:100;}
#navigation a#menus {bottom:0; left:100px; background:transparent url(../grid/grid3.gif) 0 -300px no-repeat; z-index:100;}
#navigation a#layouts {bottom:0; left:200px; background:transparent url(../grid/grid4.gif) 0 -300px no-repeat; z-index:100;}
#navigation a#boxes {bottom:0; left:300px; background:transparent url(../grid/grid5.gif) 0 -300px no-repeat; z-index:100;}
#navigation a#mozilla {bottom:0; left:400px; background:transparent url(../grid/grid6.gif) 0 -300px no-repeat; z-index:100;}
#navigation a#explorer {bottom:0; left:500px; background:transparent url(../grid/grid7.gif) 0 -300px no-repeat; z-index:100;}
#navigation a#opacity {bottom:0; left:600px; background:transparent url(../grid/grid8.gif) 0 -300px no-repeat; z-index:100;}

#navigation a#demos:hover {width:701px; padding-top:290px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#demos:hover {height:290px; he\ight:0;}
#navigation a#menus:hover {width:701px; padding-top:290px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#menus:hover {height:290px; he\ight:0;}
#navigation a#layouts:hover {width:701px; padding-top:290px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#layouts:hover {height:290px; he\ight:0;}
#navigation a#boxes:hover {width:701px; padding-top:290px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#boxes:hover {height:290px; he\ight:0;}
#navigation a#mozilla:hover {width:701px; padding-top:290px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#mozilla:hover {height:290px; he\ight:0;}
#navigation a#explorer:hover {width:701px; padding-top:290px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#explorer:hover {height:290px; he\ight:0;}
#navigation a#opacity:hover {width:701px; padding-top:290px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#opacity:hover {height:290px; he\ight:0;}

#links {float:left; width:200px; text-align:left;}
#links h3 {margin:1em 0 0 1.5em; color:#444;}

#findit {width:360px; float:right; text-align:right; margin:30px 15px 0 0;}

#support {width:350px; float:right; text-align:left; margin:30px 15px 0 0;}
#support h3 {color:#444;}

#extra2 {width:701px; background:#fff url(../grid/ends.gif) no-repeat top left; padding-top:0.5em; font-size:0.8em; text-align:right; border-bottom:1px solid #fff;}

.clear {clear:both;}

#extra3, #extra4 {display:none;}