html, body {
margin:0;
padding:0;
background-color:#f3f3f3;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
}
#min_width {
min-width:1000px;
}
#header {
position:relative;
width:100%;
height:170px;
background-color:#f3f3f3;
}
#logo {
position:absolute;
top:20px;
left:20px;
width:299px;
height:147px;
}
#title {
position:absolute;
margin-left:-180px;
top:50px;
left:50%;
width:400px;
height:40px;
font-size:20px;
font-weight:600;
color:#dd3131;
}
#header_tr_bg {
position:absolute;
top:50px;
right:0;
width:245px;
height:64px;
background-image:url(/base/images/header_tr_bg.gif);
background-repeat:repeat-x;
}
#phone {
position:absolute;
top:64px;
right:130px;
width:89px;
height:50px;
background-image:url(/base/images/phone.gif);
background-repeat:no-repeat;
}
#tel {
padding:0;
position:absolute;
bottom:32px;
right:36px;
width:200px;
height:22px;
}
#tel span {
padding:0;
font-size:18px;
font-weight:600;
}
#icq {
padding-left:20px;
position:absolute;
bottom:13px;
right:120px;
width:95px;
height:15px;
background-image:url(/base/images/icq.gif);
background-repeat:no-repeat;
}
#header_br_bg {
position:absolute;
bottom:0;
right:0;
width:245px;
height:9px;
background-color:#cccccc;
font-size:1px;
}
#content {
position:relative;
width:100%;
background-color:#fff;
}
#left {
position:relative;
float:left;
width:245px;
min-height:800px;
-height:800px;
background-color:#f3f3f3;
}
#menu {
position:absolute;
top:0;
right:0;
z-index:10;
width:225px;
background-image:url(/base/images/diagram.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
#menu_right {
position:absolute;
top:13px;
right:0px;
width:15px;
height:322px;
background-image:url(/base/images/menu_right.gif);
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
}
#menu ul li {
position:relative;
border-bottom-width:1px;
border-bottom-color:#bebebe;
border-bottom-style:solid;
}
#menu li a {
display:block;
padding:12px 20px 13px 25px;
width:180px;
color:#000000;
font-size:12px;
font-weight:600;
text-decoration:none;
}
#menu .link {
position:absolute;
top:15px;
left:12px;
width:4px;
height:8px;
background-image:url(/base/images/arr.gif);
background-repeat:no-repeat;
}
#menu li a:hover {
background-color:#ffffff;
}
#menu li a:hover .link {
background-image:none;
}
#menu li a:hover .active {
position:absolute;
top:15px;
right:15px;
width:4px;
height:8px;
background-image:url(/base/images/arr.gif);
background-repeat:no-repeat;
}
#menu li a.act {
background-color:#ffffff;
}
#menu li a.act .active {
position:absolute;
top:15px;
right:15px;
width:4px;
height:8px;
background-image:url(/base/images/arr.gif);
background-repeat:no-repeat;
}
#diagram {
margin-top:20px;
width:210px;
height:195px;
}
#wrap-cl {
position:relative;
margin-left:245px;
background-color:#fff;
zoom:1;
}
#center {
position:relative;
margin:0;
margin-right:245px;
padding:20px;
}
#osn {
position:relative;
width:99%;
line-height:17px;
}
#zag h1 {
margin:0;
padding:0 0 10px 0;
font-size:16px;
font-weight:600;
color:#0083cb;
}
#right {
padding:20px 20px 20px 0;
position:relative;
float:right;
width:225px;
font-size:11px;
}
#right strong {
color:#525252;
}
#right .title {
margin-top:20px;
margin-bottom:10px;
padding:15px 18px;
width:187px;
background-image:url(/base/images/right_title.gif);
background-repeat:repeat-x;
background-position:bottom;
font-size:12px;
font-weight:600;
color:#0083cb;
}
#footer {
position:relative;
width:100%;
height:100px;
}
#left_footer {
position:relative;
float:left;
width:245px;
height:100px;
background-color:#f3f3f3;
}
#map {
position:absolute;
top:20px;
left:45px;
z-index:10;
width:102px;
height:17px;
}
#right_footer {
margin-left:245px;
position:relative;
height:100px;
background-color:#fff;
}
#bottom_menu {
margin:0;
padding:0;
position:absolute;
top:18px;
left:20px;
list-style-type:none;
}
#bottom_menu li {
display:inline;
color:#0068a2;
}
#bottom_menu li a {
font-size:11px;
color:#0068a2;
text-decoration:none;
}
#bottom_menu li a:hover {
text-decoration:underline;
}
#box_copyright {
position:absolute;
top:47px;
left:0;
width:100%;
}
#copyright {
margin-left:18px;
margin-right:21px;
padding-top:12px;
position:relative;
height:30px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#000;
font-size:11px;
}
#matrix {
position:absolute;
top:12px;
right:0;
}
.osn_banner {
position:relative;

height:90px;
}
.osn_banner .banner {
position:absolute;
top:0;
left:0;
width:100%;
height:77px;
background-color:#e5f2fa;
background-image:url(/base/images/osn_banner_bg.gif);
background-repeat:repeat-y;
background-position:right;
}
.osn_banner .text {
margin:25px 215px 0 20px;
font-size:16px;
color:#0068a2;
font-weight:600;
}
.osn_banner img {
position:absolute;
bottom:0;
right:0;
}
.triangle {
position:absolute;
top:77px;
left:43px;
width:25px;
height:13px;
background-image:url(/base/images/triangle.gif);
background-repeat:no-repeat;
}
.osn_ul {
padding-left:20px;
list-style-type:square;
}
.osn_ul li {
padding-top:6px;
padding-bottom:6px;
color:#000;
}
.osn_ul span {
font-size:12px;
font-weight:600;
color:#0083cb;
}
a {
color:#0068a2;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}