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

/*========== header ===========*/
#header{
width:760px;
}

#mainnav{
width:760px;
border-bottom:4px solid #D6E8F6;
display:block;
overflow:hidden;
}

#mainnav li{
float:left;
display:inline;
}

#mainnav li img{display:block;}

#banner{
background:url(images/banner.jpg) no-repeat;
height:88px;
margin:2px 0 1px;
}

/*========== pagebody ===========*/
#pagebody{
width:752px;
*width:760px;
overflow:hidden;
background:url(images/bg.jpg) repeat-y left;
border:4px solid #C4D7EB;
text-align:left;
}

/*==== sidebar ====*/
#sidebar{
	width:182px;
	float:left;
}

#sidebar .title{
background:url(images/icon.jpg) no-repeat 0 3px;
border-bottom:1px solid #B4B4B4;
height:25px;
position:relative;
}

#sidebar .title img{
position:absolute;
top:7px;
left:22px;
}

.prod_list li{
border-bottom:1px solid #E0E8FF;
background:url(images/icon.gif) no-repeat 0 7px;
}

.prod_list li a{
display:block;
line-height:25px;
height:25px;
padding-left:15px;
}

.search{padding-bottom:10px;}

.search li{
margin-top:10px;
text-align:center;
}

.search li img{
border:1px solid #E1E1E1;
vertical-align:bottom;
}

.contact{
padding:10px 5px;
line-height:25px;
}

/*==== contenter ====*/
#contenter{
width:570px;
padding:10px 0;
float:right;
}

.position{
background:url(images/position.jpg) no-repeat;
height:105px;
position:relative;
}

.position img{
position:absolute;
top:65px;
left:145px;
}

.index_content{
width:546px;
text-align:justify;
}

.content{
width:546px;
text-align:left;
}

.demo_title{
width:546px;
position:relative;
height:22px;
background:url(images/dian.gif) repeat-x bottom;
}

.demo_title #01{
position:absolute;
left:0;
top:0;
}

.demo_title #02{
position:absolute;
left:25px;
top:5px;
}

.demo_title #03{
position:absolute;
right:10px;
top:7px;
}

/*========== footer ===========*/
#footer{
width:760px;
text-align:center;
padding:5px 0;
border-top:1px solid #091B56;
}