.hide{display:none}
html{text-align:center}
a img{border-top-width:0px;border-left-width:0px;border-bottom-width:0px;border-right-width:0px}
ul#toolbar{clear:both;margin:0px auto;width:826px;list-style-type:none;height:52px;text-align:center}
#toolbar li{float:left;text-indent:-9999px}
#toolbar li a{display:block;height:52px}
#toolbar li.active{background-position:50% top}
#toolbar li.inactive{background-position:50% bottom}
#toolbar li:hover{background-position:50% top}
#toolbar li#sites-tab{background-image:url(./images/toolbar_tabs-sites.png);width:118px}
#toolbar li#editor-tab{background-image:url(./images/toolbar_tabs-editor.png);width:118px}
#toolbar li#preview-tab{background-image:url(./images/toolbar_tabs-preview.png);width:118px}
#toolbar li#css-tab{background-image:url(./images/toolbar_tabs-css.png);width:118px}
#toolbar li#terminal-tab{background-image:url(./images/toolbar_tabs-terminal.png);width:118px}
#toolbar li#books-tab{background-image:url(./images/toolbar_tabs-books.png);width:118px}
#toolbar li#files-tab{background-image:url(./images/toolbar_tabs-files.png);width:118px}
#frame{margin:0px auto;overflow:hidden;width:950px;position:relative;height:400px;}
#frame div.button{position:absolute;top:40%;height:400px}
div.button#left{left:0px}
div.button#right{right:0px}
#scroller{background:url(./images/) #fff repeat-x 50% bottom;overflow:hidden;width:826px;height:400px}
#content{width:7000px}
.section{float:left;margin:20px;width:870px;height:400px;font-size:16px;}
.section img{float:left;margin-bottom:20px;margin-right:20px}
.section a{text-decoration:none;font-size:16px;}
ul.screenshots{clear:both;margin:0px auto;list-style-type:none;text-align:center}
ul.screenshots li{display:inline;width:110px;list-style-type:none;height:105px}
ul.screenshots li img{float:none}
#document{text-align:left}
#document a{text-decoration:none;font-size:16px;}
#graphic a{text-decoration:none;font-size:12px;}
#sitelink{text-align:left}
#sitelink a{text-decoration:none;font-size:12px;}
#sitelink ul{list-style:none;}

#all{width:800px;height:400px;margin:0px auto;text-align:center}
#menu{width:150px;height:329px;float:left;border-right-color:#666;border-right-style:inset;overflow:hidden;}
#menu a{text-decoration:none;font-size:16px;}
#showtime{width:500px;height:230px;float:left;overflow:hidden;font-size:14px;text-align:left}
#show{width:400px;height:230px;float:left;font-size:14px;text-align:left}
#show a{text-decoration:none;font-size:14px;}
#soft{width:160px;height:329px;float:left;border-right-color:#666;border-right-style:inset;overflow:hidden}
#softlist a{text-decoration:none;font-size:16px;}
#softbar{padding-left:20px}
#detail{width:420px;height:329px;float:left}
#sideleft{width:30px;height:329px;background:url(./images/body-left.gif);float:left}
#sideright{width:30px;height:329px;background:url(./images/body-right.gif);float:right}
#linknav{height:20px}
#linkcon{height:390px;overflow:hidden}
#softwares{font-size:16px;}
#softwares a{text-decoration:none;font-size:12px;}
#softwares p{font-size:12px;}
#games{font-size:16px;}
#games a{text-decoration:none;font-size:12px;}
#gamebar{width:600px;height:30px;text-align:center;margin:0px auto;border-style:solid;border:#000 1px solid}
#gamebar a{text-decoration:none;font-size:12px;}
.dhtmlwindow{position:absolute;border:2px solid #bebebe;visibility:hidden;background-color:white;}
.drag-handle{padding:0px;text-indent:3px;font:bold 14px Arial;background-color:#bebebe;color:white;cursor:move;overflow:hidden;width:auto}
.drag-handle .drag-controls{position:absolute;right:1px;top:2px;cursor:hand;cursor:pointer;}
.drag-contentarea{border-top:1px solid gray;background-color:white;color:black;height:150px;padding:2px;overflow:auto;}
.drag-statusarea{border-top:1px solid gray;background-color:#bebebe;height:13px}
.drag-resizearea{float:right;width:13px;height:13px;cursor:nw-resize;font-size:0;}

#pageHeader{width:767px;text-align:left;list-style:none;height:106px;background:no-repeat url(images/header_bg.png);behavior:url(iepngfix.htc)
}


#navcontainer{font-family:Lucida Grande,Helvetica,Arial;font-size:11px;width:767px;height:26px;background:url(images/navbar_bg.png) no-repeat;text-align:center;line-height:26px;behavior:url(iepngfix.htc);overflow:hidden;
}



#navcontainer a{display:block;width:100px;height:20px;font-weight:600;color:#424242;text-shadow:0px 2px 1px #d3d3d3;text-decoration:none;
}


#navcontainer a:hover{color:#ffffff;font-weight:600;text-shadow:0px 2px 2px #2f2f2f;
}
#container{background:url(images/content_bg.png);width:767px;height:300px;behavior:url(iepngfix.htc);overflow:hidden;}


#bottom{text-align:left;background:url(images/content_bottom.png) no-repeat;width:767px;height:17px;
behavior:url(iepngfix.htc)}


#contentContainer{
height:250px;font-size:14px;text-align:left;padding-left:40px;padding-right:40px;}
#contentContainer a{text-decoration:none;}
#widget{float:left;width:150px;height:200px;margin:20px auto;}

#contentBottom{
height:60px;width:450px;behavior:url(iepngfix.htc)}

#footer{text-shadow:0px 1px 0px #ffffff;text-align:right;font-size:10px;margin-right:40px;margin-top:0px;
}


#footer a{color:#999999;text-decoration:none;text-shadow:0px 1px 0px #ffffff;font-weight:800;
}

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


/* dock */
.dock{position:relative;height:50px;text-align:center}
#dock2{width:100%;bottom:0px;position:absolute;left:0px}
.dock-container2{position:absolute;height:50px;background:url(images/dock-bg.gif);padding-left:20px}
a.dock-item2{display:block;font:bold 12px Arial, Helvetica, sans-serif;width:40px;color:#000;bottom:0px;position:absolute;text-align:center;text-decoration:none}
.dock-item2 span{display:none;padding-left:20px;font-size:20px;}
.dock-item2 img{border:none;margin:5px 10px 0px;width:100%}