body {font-family: arial, sans-serif; font-size:76%; text-align:center; background:#dcb url(../img/workout.gif) no-repeat 0 0 fixed; margin:0;  border:0; padding:0;}

#container {margin:10px auto 0 auto; width:720px; display:block; border:1px solid #dcb; position:relative;}

#header {display:block; width:369px; height:0; padding-top:480px; position:absolute; left:175px; top:14px; background:#000 url(../img/stairs_col.jpg); color:#fff; overflow:hidden; z-index:100;}
* html #header {height:480px; he\ight:0;}

#navigation {display:block; width:720px; height:493px; background:#dcb; font-size:10px; font-weight:bold; text-align:center; margin-bottom:10em;}

#navigation h3 {margin:0;padding:0; border:0;}
a#demos, a#demos:visited {display:block; width:720px; height:282px; position:absolute; left:0; top:0; background:#cba url(../stairs/demos.gif) no-repeat 0 160px;}
a#menus, a#menus:visited {display:block; width:670px; height:284px; position:absolute; left:25px; top:2px; background:#ba9 url(../stairs/menus.gif) no-repeat 0 158px;}
a#layouts, a#layouts:visited {display:block; width:620px; height:288px; position:absolute; left:50px; top:4px; background:#a98 url(../stairs/layouts.gif) no-repeat 0 156px;}
a#boxes, a#boxes:visited {display:block; width:570px; height:294px; position:absolute; left:75px; top:6px; background:#987 url(../stairs/boxes.gif) no-repeat 0 154px;}
a#mozilla, a#mozilla:visited {display:block; width:520px; height:302px; position:absolute; left:100px; top:8px; background:#876 url(../stairs/mozilla.gif) no-repeat 0 152px;}
a#explorer, a#explorer:visited {display:block; width:470px; height:312px; position:absolute; left:125px; top:10px; background:#765 url(../stairs/explorer.gif) no-repeat 0 150px;}
a#opacity, a#opacity:visited {display:block; width:420px; height:324px; position:absolute; left:150px; top:12px; background:#654 url(../stairs/opacity.gif) no-repeat 0 148px;}

a#demos:hover {background-color:#000; background-position:0 130px; height:277px; border-bottom:5px solid #fff;}
* html a#demos:hover {height:282px; he\ight:277px;}
a#menus:hover {background-color:#000; background-position:0 128px; height:279px; border-bottom:5px solid #fff;}
* html a#menus:hover {height:284px; he\ight:279px;}
a#layouts:hover {background-color:#000; background-position:0 126px; height:283px; border-bottom:5px solid #fff;}
* html a#layouts:hover {height:288px; he\ight:283px;}
a#boxes:hover {background-color:#000; background-position:0 124px; height:289px; border-bottom:5px solid #fff;}
* html a#boxes:hover {height:294px; he\ight:289px;}
a#mozilla:hover {background-color:#000; background-position:0 122px; height:297px; border-bottom:5px solid #fff;}
* html a#mozilla:hover {height:302px; he\ight:297px;}
a#explorer:hover {background-color:#000; background-position:0 120px; height:307px; border-bottom:5px solid #fff;}
* html a#explorer:hover {height:312px; he\ight:307px;}
a#opacity:hover {background-color:#000; background-position:0 118px; height:319px; border-bottom:5px solid #fff;}
* html a#opacity:hover {height:324px; he\ight:319px;}

#slogan {position:absolute; left:0; top:350px;}
#slogan h2 {width:150px; position:absolute; left:10px; top:0; width:140px; height:100px; font-size:1.2em; text-align:left;}
#slogan blockquote {padding:0; margin:0; width:150px; float:right; margin-right:5px; width:140px; height:100px; font-size:0.8em; text-align:right;}

#links {display:block; width:240px; float:left; font-size:0.9em; text-align:center; margin-bottom:10px; text-align:left;}

#findit {display:block; width:470px; float:right; text-align:center; margin-bottom:10px; text-align:right; position:relative;}


#support {display:block; width:470px; float:right; text-align:center; margin-bottom:10px; text-align:left;  line-height:1.5em;}

#extra2 {clear:both; width:720px; display:block; font-size:0.8em; text-align:left; margin-bottom:50px;}