@charset "utf-8";
body {margin:0px; padding:0px; background:url(../images/gui/bg_main.png) repeat-x top #1a1a1a; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;
}
#container {width:802px; margin-left:auto; margin-right:auto; background:url(../images/gui/sidebar_bg.png) left repeat-y #353535;}
#heading {background:url(../images/gui/header_bg.png) repeat-x;}
#header_gap {width:802px; height:23px; background:url(../images/gui/content_top.png) no-repeat right;}
#sidebar {width:160px; height:20px; float:left; margin-left:1px;}
#sidebar_gap {width:24px; height:298px; float:left; background:url(../images/gui/content_side.png) no-repeat top;}
#content_frame {width:615px; float:left; background:url(../images/gui/content_bg.png) repeat-x top #0c0c0c;}
#highlight {width:372px; height:87px; position:relative; background:url(../images/gui/content_corner.png) no-repeat; z-index:2;}
#content {width:615px; margin-top:-87px; margin-bottom:20px; text-align:center; z-index:1; min-height:400px; }
#in_content {margin-top:36px; margin-left:auto; margin-right:auto; text-align:left;}
#footer {width:802px; height:146px; background:url(../images/gui/footer_bg.png) repeat-x bottom;}
#footer_edge {height:82px; background:url(../images/gui/footer_edge.png) repeat-y;}
#content_bottom {width:802px; height:82px; background:url(../images/gui/content_bottom.png) no-repeat top right;}
#footer_left {width:802px; height:64px; background:url(../images/gui/footer_corner_left.png) no-repeat left;}
#footer_right {width:743px; height:64px; margin-left:59px; background:url(../images/gui/footer_corner_right.png) no-repeat right;}
#footer_content {width:684px; height:64px;}
#enlarge {margin:5px 0;}
#download {margin:2px 0 0 0;}
#sec_line {height:1px; background:#4d4d4d;}
#sec_title {background:url(../images/gui/sec_line.png) no-repeat top left; padding:22px 0 0 34px; height:15px; color:#595959 ;}
#sec_title a {text-decoration:none; color:#595959;}
#sec_title a:hover {color:#D3BF8B;}

/* Pictures */
.thumb_gap {margin-right:20px;}
.img_border {border:1px solid #363636;}
.web_left {width:242px; float:left; margin-right:36px}
.web_right {width:242px; float:left;}
.para {margin:15px 0;}
.sara {margin:0 0 15px 0;}

/* Text */
h1 {font-size:14px; color:#3366FF; margin:0 0 4px 0;}
h2 {color:#FF9900; font-size:14px; margin:0 0 4px 0;}
h3 {color:#FFCC33; font-size:12px; margin:0px;}
.blue {color:#39C;}
.orange {color:#FC0;}
.small {font-size:9px; color:#D3BF8B;}


/* Others */
.painter_book {float:left; margin-right:10px;}

/* Footer Menu */
#fm ul {padding:0px; margin:0px; list-style:none; display:block;}
#fm li {float:left; display:block; position: relative; text-align:left }
#fm li li {float:none;}
#fm li ul {bottom:100%; position:absolute; left:0; visibility:hidden; z-index: 10; border:1px solid #666666; background-image: url(../images/gui/empty.gif)}
#fm li:hover>ul { visibility:visible;}
#fm a {display:block; padding:4px; text-decoration:none; color:#888}
#fm li>a:hover {color:#D3BF8B}
#fm li>ul>li>a {position: relative; background:#333333; white-space:nowrap; color:#999}
#fm li>ul>li>a:hover {background:#6F0500; color:#FFFFFF;}

/* Links */
a:link {color:#D3BF8B;}
a:visited {color:#D3BF8B;}
a:hover {color:#F90;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}