body {background:#fff; font-family: "Lucida Sans Unicode", tahoma, "trebuchet MS", arial, sans-serif; font-size:90%; text-align:center;}

#container {width:750px; text-align:left; margin:0 auto 0 auto; position:relative; background:transparent url(../gallery/back.jpg); border-left:1px solid #fff;}
p {text-align:justify; text-indent:10px; font-size:86%; margin:10px 10px 5px 50px;}
h1, h2, h3 {font-weight:normal; margin:0; text-transform:uppercase; color:#000; padding-left:0;}

#header {position:relative; width:750px; height:440px; background:#fff;}
#header h2 {position:absolute; bottom:0; left:0; width:750px; height:0px; padding-top:130px; overflow:hidden; background:transparent  url(../gallery/slogan2.jpg) 0 0 no-repeat;}
* html #header h2 {height:130px; he\ight:0;}

#header h1 {position:absolute; top:0; left:0; width:750px; height:0; padding-top:130px; overflow:hidden; background:transparent url(../gallery/playground.jpg) 0 0 no-repeat;}
* html #header h1 {height:130px; he\ight:0;}

#header h3 {display:none;}

#navigation {position:relative; top:-310px; width:750px; height:90px; background:transparent url(../gallery/nav.jpg) 0 0 no-repeat; overflow:hidden; margin-bottom:50px; z-index:40;}
#navigation h3 {display:none;}
#navigation ul {margin:0; padding:0;}
#navigation li {list-style-type:none; display:block;}
#navigation a {color:#000; text-decoration:none; overflow:hidden;}
#navigation a#demos {display:block; width:60px; padding-top:51px; height:0; position:absolute; left:53px; top:22px; background:transparent url(../gallery/demo.gif) 0 0 no-repeat; z-index:50;}
* html #navigation a#demos {height:51px; he\ight:0;}
#navigation a#menus {display:block; width:62px; padding-top:51px; height:0; position:absolute; left:156px; top:22px; background:transparent url(../gallery/menus.gif) 0 0 no-repeat; z-index:50;}
* html #navigation a#menus {height:51px; he\ight:0;}
#navigation a#boxes {display:block; width:47px; padding-top:62px; height:0; position:absolute; left:261px; top:16px; background:transparent url(../gallery/boxes.gif) 0 0 no-repeat; z-index:50;}
* html #navigation a#boxes {height:62px; he\ight:0;}
#navigation a#layouts {display:block; width:73px; padding-top:59px; height:0; position:absolute; left:353px; top:19px; background:transparent url(../gallery/layouts.gif) 0 0 no-repeat; z-index:50;}
* html #navigation a#layouts {height:59px; he\ight:0;}
#navigation a#mozilla {display:block; width:51px; padding-top:63px; height:0; position:absolute; left:470px; top:17px; background:transparent url(../gallery/mozilla.gif) 0 0 no-repeat; z-index:50;}
* html #navigation a#mozilla {height:63px; he\ight:0;}
#navigation a#explorer {display:block; width:51px; padding-top:63px; height:0; position:absolute; left:571px; top:17px; background:transparent url(../gallery/explorer.gif) 0 0 no-repeat; z-index:50;}
* html #navigation a#explorer {height:63px; he\ight:0;}
#navigation a#opacity {display:block; width:50px; padding-top:62px; height:0; position:absolute; left:661px; top:18px; background:transparent url(../gallery/opacity.gif) 0 0 no-repeat; z-index:50;}
* html #navigation a#opacity {height:62px; he\ight:0;}

#navigation a#demos:hover {background-position:-200px -200px;}
#navigation a#menus:hover {background-position:-200px -200px;}
#navigation a#layouts:hover {background-position:-200px -200px;}
#navigation a#boxes:hover {background-position:-200px -200px;}
#navigation a#mozilla:hover {background-position:-200px -200px;}
#navigation a#explorer:hover {background-position:-200px -200px;}
#navigation a#opacity:hover {background-position:-200px -200px;}

#slogan {position:absolute; top:220px; left:0; z-index:5; width:750px; height:130px;}
#slogan h2 {position:absolute; top:0; left:0; width:750px; height:0px; padding-top:130px; overflow:hidden; background:transparent url(../gallery/simple.jpg) 0 0 no-repeat; z-index:5;}
* html #slogan h2 {height:130px; he\ight:0;}

#slogan blockquote {display:none;}

#links {position:relative; top:-130px; width:230px; float:left; margin-left:60px; display:inline; background: transparent;}
#links h3 {background:#fff; color:#000;}
#links ul {margin:0; padding:10px 0 ; border-bottom:10px solid #fff; background:#fff;}
#links li {list-style-type:none; font-size:86%; margin:0 0 0 5px;}
#links a {color:#87380e; text-decoration:underline;}
#links a:hover {color:#000; text-decoration:none;}

#links #visit {height:0; padding-top:25px; overflow:hidden; background:#fff url(../gallery/govisit.gif) 0 0  no-repeat;}
* html #links #visit {height:25px; he\ight:0;}

#links #mysites {height:0; padding-top:25px; overflow:hidden; background:#fff url(../gallery/sites.gif) 0 0  no-repeat;}
* html #links #mysites {height:25px; he\ight:0;}

#support {position:relative; top:-130px; width:320px; float:right; margin:0 65px 0 0; background:#fff;}
* html #support {margin-right:32px;}
#welcome, #apology, #latest, #firefox, #comments, #approvals {margin-bottom:10px; padding:0 0 10px 0; background:#fff;}
#support h3 {background:#fff;}

#welcome h3 {height:0; padding-top:25px; overflow:hidden; background:#fff url(../gallery/welcome.gif) 0 0  no-repeat;}
#apology h3 {height:0; padding-top:25px; overflow:hidden; background:#fff url(../gallery/apologies.gif) 0 0  no-repeat;}
#firefox h3 {height:0; padding-top:25px; overflow:hidden; background:#fff url(../gallery/styles.gif) 0 0  no-repeat;}
#latest h3 {height:0; padding-top:25px; overflow:hidden; background:#fff url(../gallery/latest.gif) 0 0  no-repeat;}
#comments h3 {height:0; padding-top:25px; overflow:hidden; background:#fff url(../gallery/comments.gif) 0 0  no-repeat;}
#approvals h3 {height:0; padding-top:25px; overflow:hidden; background:#fff url(../gallery/approvals.gif) 0 0  no-repeat;}
* html #support h3 {height:25px; he\ight:0;}



.clear {clear:right;}
* html .clear {display:none;}
acronym {cursor:help; font-weight:bold; color:#f80;}

#support ul, #support ol {margin-left:50px;}
* html #support ul, * html #support ol {margin-left:90px;}
#support li {list-style-image:none; list-style-type:decimal; font-size:75%;}
#support a {color:#87380e; text-decoration:underline;}
#support a:hover {color:#000; text-decoration:none;}

#extra2 {text-align:left; width:750px; height:0; padding-top:90px; font-size:80%;  background:transparent url(../gallery/foot.jpg) 0 0 no-repeat; color:#000; overflow:hidden;}
* html #extra2 {height:90px; he\ight:0;}

#extra3 {display:none;}
#extra6 {display:none;}
#extra5 {position:absolute; bottom:200px; left:110px; width:130px; height:0; padding-top:1000px; overflow:hidden; background:transparent url(../gallery/art.jpg) 0 0 no-repeat;}
* html #extra3 {height:1000px; he\ight:0;}

#findit {position:absolute; left:60px; top:68em; width:210px;}
#findit p {padding:0; margin:0;}
#searchform {font-size:80%; text-transform:uppercase; text-align:center;} 
#searchtext {border:1px solid #ddd; background:#fff; height:1.3em; width:140px;}
* html #searchtext {height:1.55em; he\ight:1.3em;}
#formlab {display:block; height:0; padding-top:25px; overflow:hidden; background:transparent url(../gallery/stoogle.gif) 0 0  no-repeat; z-index:100;}
* html #formlab {height:25px; he\ight:0;}
#find_button {border:1px solid #87380e; background:#87380e; color:#fff; cursor:pointer; height:1.55em; width:60px;}