/* CSS Document */
@import url(base.css);

/*========== pagebody ===========*/
#pagebody{
position:relative;
width:1003px;
overflow:hidden;
background:url(images/bg.jpg) repeat-y;
}

/*======== sidebar ========*/
#sidebar{
width:178px;
background:url(images/left_bg.jpg) repeat-y;
float:left;
margin-left:58px;
display:inline;
padding-bottom:20px;
}

.prod_title{
margin-top:40px;
background:url(images/01.gif) no-repeat center;
height:30px;
font-size:13px;
font-weight:bolder;
color:#FFF;
}

.prod_list li{
background:url(images/list_bg.gif) no-repeat;
width:142px;
height:35px;
margin:0 auto;
text-align:left;
}

.prod_list li a{
display:block;
padding-top:6px;
padding-left:25px;
}

.version{
display:block;
margin:15px 0;
}

/*links_list*/
.links_list li{
width:142px;
margin:0 auto;
}

.links_list li img{
display:block;
margin:15px auto 0 auto;
}

.links_title{
background:url(images/01.gif) no-repeat center;
height:30px;
font-size:14px;
font-weight:bolder;
color:#FFF;
}

/*======== main ========*/
#main{
background:url(images/content_bg.jpg) no-repeat top;
float:right;
width:767px;
}

/*==== header ====*/
#header{
width:767px;
height:165px;
overflow:hidden;
}

#banner{
width:767px;
height:126px;
}

#mainnav{
width:662px!important;
width:767px;
padding:0 65px 0 40px;
height:39px;
background:url(images/mainnav_bg.jpg) no-repeat;
}

#mainnav li{
display:inline;
float:left;
margin:13px 3px 0 6px;
}

/*==== contenter ====*/
#contenter{
background:url(images/content_bg.jpg) no-repeat top;
width:660px!important;
width:767px;
padding:0 65px 0 42px;
text-align:left;
}

.title{
background:url(images/title_bg.jpg) repeat-x;
height:32px;
width:660px;
}

.title_name{
margin:6px 0 0 25px;
}

.content{
width:620px!important;
width:660px;
padding:20px;
}

#demo{
width:630px;
margin:10px 15px;
overflow:hidden;
}

/*========== footer ===========*/
#footer{
width:1003px;
height:67px;
position:relative;
border-top:5px solid #000;
background:url(images/footer_bg.jpg) repeat-x;
}

.left_bottom{
background:url(images/left_bottom.jpg) no-repeat;
width:178px;
height:67px;
position:absolute;
top:-5px;
left:59px;
}

.copyright{
width:767px;
padding-top:10px;
position:absolute;
top:-5px;
left:236px;
}