﻿/*------------------------------

	Page build by wo_is神仙

------------------------------*/

@import url("general.css");

#header { height:154px; text-align:center; background:url(../images/header_bg.gif) repeat-x; }
#logo { margin:0 auto; padding-left:176px; width:765px; height:79px; text-align:left; font:bold 22px/360% Arial; color:#000000; background:url(../images/logo.gif) no-repeat; }
#nav_box { margin:0 auto; width:941px; height:75px; background:url(../images/nav_bg.gif) no-repeat; }

#main { margin:0 auto; width:941px; background:url(../images/main_bg.gif) repeat-y; }

.line { float:left; width:4px; height:410px; background:url(../images/line.jpg) no-repeat; }

#l { float:left; width:217px; height:410px; margin-left:7px!important; margin-left:3px; background:url(../images/bg.gif) repeat-x; }
#m { float:left; width:387px; height:410px; background:url(../images/bg.gif) repeat-x; }
#r { float:left; width:315px!important; width:316px; height:245px; padding-top:165px; background:url(../images/c.jpg) repeat-x; }
#r p { padding:0 20px 0 25px; }

#footer { text-align:center; height:80px; background-color:#2e3a4d; }
#copyright { margin:0 auto; width:941px; height:80px; background:url(../images/f_m.gif) repeat-x; overflow:hidden; }
#copyright div { width:100%; height:100%; background:url(../images/f_l.gif) no-repeat; }
#copyright div div { width:100%; height:100%; background:url(../images/f_r.gif) right top no-repeat; }
#copyright div div p { margin:0; padding-top:4px; color:#cbd3e4; font-size:11px; }

#p { width:180px; height:239px; margin:0 auto; background:url(../images/p.gif) no-repeat; }
#p ul { width:143px; margin:60px auto 0; }
#p ul li { width:143px; height:23px; overflow:hidden; }
#p ul li a { display:block; width:117px; height:23px; padding-left:26px; line-height:21px; color:#FFFFFF; text-decoration:none; background:url(../images/li.gif) no-repeat; }
#p ul li a:hover { background:url(../images/li_hover.gif) no-repeat; color:#FFFFFF; }

#contact { width:183px; height:149px; margin:12px auto 0; background:url(../images/contact.jpg) no-repeat; }

#show_box { margin:0 auto; width:354px; height:232px; padding:3px; background-color:#576b82; }
#show { border:1px solid #081424; }

#items { width:360px; padding-top:35px; margin:12px auto 0; background: url(../images/items.gif) left top no-repeat; }

#demo { width:100%; overflow:hidden; }
.items { display:block; width:146px; height:88px; text-align:center; vertical-align:middle; line-height:88px; border:3px solid #5b697f; background:url(../images/items_bg.png) no-repeat; overflow:hidden; }
.items img { width:146px; height:88px; vertical-align:middle; }

#box { width:927px; margin:0 auto; border:0; background:#667a91 url(../images/bg2.gif) repeat-x; }
#box td { vertical-align:top; }

#sidebar { background:url(../images/p_t.jpg) center top no-repeat; }
#sidebar ul { margin:59px auto 0; width:177px; }
#sidebar ul li { height:40px; border-bottom:1px dashed #84abe4; }
#sidebar ul li a { display:block; width:143px; height:26px; padding-left:34px; padding-top:14px; text-decoration:none; background:url(../images/icon.gif) 13px center no-repeat; }
#sidebar ul li a:hover { color:#eef6ff; background:url(../images/icon.gif) 18px center no-repeat; }

#content { width:100%; border:1px solid #3d4d63; border-bottom:none; margin-bottom:10px; background:url(../images/bg3.gif) repeat-x; }
#title { padding-left:32px; padding-top:10px; height:24px; font-size:14px; color:#d6e3f4; background:url(../images/title.gif) no-repeat; }
#content p { padding:0 25px; }

ol.p li { float:left; clear:none; width:48%; text-align:center; line-height:180%; margin-top:10px; }
ol.p li div { display:block; width:195px; height:125px; border:4px solid #FFFFFF; background:url(../images/p_bg.jpg) no-repeat; }
ol.p li img { width:195px; height:125px; }

ol.a { clear:both; margin:20px auto 0; width:90%; }
ol.a li { clear:both; height:20px; }

.contacts p { text-indent:4em; }