/* default styles reset
========================================== */
html {width:100%;height:100%;font:13px/20px Tahoma, Arial, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#000;background:#fff;}

p {margin:0 0 20px 0;}
dfn,var,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;font:13px Tahoma, Arial, Helvetica, sans-serif;}
h1 {margin-bottom:20px;font-size:20px;}
h1 a {color:#000;}
h2,u {margin-bottom:20px;font:20px Verdana, Arial, Helvetica, sans-serif;color:#8c8c8c;display:block;text-decoration:none;}
#left h2 {margin-bottom:12px;font:bold 13px Tahoma, Arial, Helvetica, sans-serif;color:#000;}

a {color:#f00;text-decoration:underline;}
a:hover {color:#06a;}
img {border:1px solid #999;}

ul,dl {padding:0px;margin:0 0 20px 0;list-style:none;}
ul li {padding:0 0 7px 25px;background:url('../_images/ico/li.gif') no-repeat 0 10px;}
ol {padding:0 0 0 25px;margin:0 0 20px 0;overflow:hidden;}
ol li {padding:0 0 7px 0;}

table {border-collapse:collapse;}
td,th {padidng:0;}

form {margin:0px;}
input,select,textarea,button {margin:0px;font:13px Tahoma, Arial, Helvetica, sans-serif;color:#000;}
input.text,select,textarea {padding:3px 5px;border:1px solid #999;background:#fff;}
select {padding:1px 0;border:1px solid #999;}
input.submit {padding:0 6px 1px 6px;}
input.image,input.submit,button {cursor:pointer;font:13px Tahoma, Arial, Helvetica, sans-serif;color:#000;}

/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:38px;clear:both;overflow:hidden;display:block;}
#left .clear {height:54px;}


/* container
========================================== */
body.body {background:#d8d8d8;}
#wrap {
width:93%;
padding:0 4px;
min-width:930px;
margin:0 auto;
position:relative;
overflow:hidden;
background:#fff url('../_images/wrap.png') repeat-y 100% 0;
}
#space {
width:100%;
padding:0 0 0 4px;
margin:0 0 0 -4px;
position:relative;
background:#fff url('../_images/space.png') repeat-y 0 0;
}
#space:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}


/* footer
========================================== */
#footer {
width:100%;
height:227px;
padding:0 4px;
margin:0 -4px;
position:relative;
clear:both;
border-bottom:68px solid #d8d8d8;
background:url('../_images/border.png') repeat-x 0 223px;
}
#footer .bl {
width:10px;
height:10px;
position:absolute;
left:0;top:217px;
font-size:1px;
background:url('../_images/border.png') repeat-x 0 -14px;
}
#footer .br {
width:10px;
height:10px;
position:absolute;
right:0;top:217px;
font-size:1px;
background:url('../_images/border.png') repeat-x -10px -14px;
}
#footer img {
border:none;
display:block;
}
#phone {
margin-left:1px;
position:absolute;
left:4.9%;top:99px;
}
#copyright {
margin:0 0 0 3px;
font-size:12px;
line-height:12px;
position:absolute;
left:4.9%;top:136px;
}
#footer .banner {
width:550px;
height:106px;
border:1px solid #c8c8c8;
position:relative;
left:34.6%;top:49px;
}
#counters {
margin:0;
float:right;
overflow:hidden;
position:relative;
top:244px;right:6%;
}
#counters li {
padding:0 0 0 20px;
float:left;
background:none;
}
#author {
width:20%;
padding:0 15px 0 0;
margin:0;
display:block;
float:right;
font-size:10px;
line-height:16px;
text-align:right;
position:relative;
top:244px;right:6%;
}
#author a {
color:#000;
text-decoration:none;
}
#author a span {
text-decoration:underline;
}
#author a:hover span {
text-decoration:none;
}


/* header
========================================== */
#header {
width:100%;
height:196px;
padding:4px 4px 0 4px;
margin:0 -4px 25px -4px;
position:relative;
border-top:40px solid #d8d8d8;
background:url('../_images/border.png') repeat-x 0 -24px;
}
#header .tl {
width:10px;
height:10px;
position:absolute;
left:0;top:0;
font-size:1px;
background:url('../_images/border.png') repeat-x 0 -4px;
}
#header .tr {
width:10px;
height:10px;
position:absolute;
right:0;top:0;
font-size:1px;
background:url('../_images/border.png') repeat-x -10px -4px;
}
#header .space {
width:100%;
height:196px;
position:relative;
background:#ff3b3b url('../_images/header.png') repeat-x 0 0;
}
#header img {
border:none;
display:block;
}
#header .banner {
width:550px;
height:106px;
margin:0 0 0 11px;
border:none;
position:absolute;
left:34.6%;top:26px;
}
#logo {
position:absolute;
top:51px;left:5.3%;
}
#logo img {
width:224px;
height:74px;
display:block;
color:#fff;
}
#menu {
width:68%;
height:38px;
margin:0;
border-collapse:collapse;
position:absolute;
top:158px;left:0;
background:#141414 url('../_images/menu.png') repeat-x 0 0;
}
#menu td {
width:20%;
padding:0;
font:13px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
#menu td a {
height:38px;
line-height:38px;
padding:0 17px 0 16px;
display:block;
color:#fff;
text-decoration:none;
background:url('../_images/menu-hover.png') no-repeat 100% 0;
}
#menu td a:hover {background:url('../_images/menu-hover.png') no-repeat 100% -38px;}
#menu td.active {background:url('../_images/menu-active.png') no-repeat 100% 0;}
#menu td.active a {color:#000;}
#menu td.active a:hover {background:url('../_images/menu-hover.png') no-repeat 100% 0;}

#search {
width:32%;
height:38px;
position:absolute;
top:158px;left:68%;
background:#575757;
}
#search form {
padding:7px 0 0 10px;
margin:0;
height:31px;
display:block;
overflow:hidden;
}
#search input {
border:none;
float:left;
display:block;
}
#search input.text {
width:83.5%;
padding:4px 0;
text-indent:10px;
color:#828282;
background:#fff url('../_images/search-text.png') repeat-x 0 0;
}
#search input.image {
margin:0 0 0 -16px;
position:relative;
left:10%;
}
#sitemap {
height:30px;
line-height:30px;
padding:0 45px 0 0;
margin:0 -45px 0 0;
display:block;
position:absolute;
top:-35px;right:4.9%;
background:url('../_images/sitemap.png') no-repeat 79px 1px;
}
#sitemap a {color:#555;}
#sitemap a:hover {color:#f00;}

p#nav {
padding:0 0 26px 34.6%;
margin:-3px 0 0 0;
display:block;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#8c8c8c;
}
p#nav a {
color:#8c8c8c;
}
p#nav a:hover {
text-decoration:none;
}


/* left
========================================== */
#left {
width:26%;
float:left;
position:relative;
left:4.9%;
}
#submenu {
padding-bottom:65px;
position:relative;
}
#submenu div {
padding:0 0 0 94px;
margin:0 0 0 -10px;
font:20px/24px Verdana, Arial, Helvetica, sans-serif;
position:relative;
z-index:1;
zoom:1;
display:block;
}
#submenu div a.head {
border-bottom:1px dashed #f00;
color:#f00;
text-decoration:none;
}
#submenu div a.head:hover {
border-color:#06a;
color:#06a;
}

#submenu div.software {
padding:1px 0 47px 94px;
background:url('../_images/software.jpg') no-repeat 0 0;
}
#submenu div.hardware {
padding:11px 0 47px 94px;
background:url('../_images/hardware.jpg') no-repeat 0 0;
}
#submenu div.services {
padding:12px 0 47px 94px;
background:url('../_images/services.jpg') no-repeat 0 0;
}
#submenu ul {
width:100%;
padding:0;
margin:0;
position:relative;
top:17px;
z-index:2;
font:11px Tahoma, Arial, Helvetica, sans-serif;
display:none;
}
#submenu ul.active {
display:block;
}

#submenu ul li {
zoom:1;
padding:0 0 11px 0;
color:#010101;
background:none;
}
#submenu ul li a {
color:#707070;
}
#submenu ul li a:hover {
color:#06a !important;
}
#submenu ul li.active {
font-weight:bold;
}
#submenu ul li.active a {
color:#010101;
text-decoration:underline;
}
#submenu ul li ul {
padding:11px 0 0 0;
margin:0 0 -4px 0;
font:11px Tahoma, Arial, Helvetica, sans-serif;
top:0px;
display:block;
}
#submenu ul li ul li {
padding:0 0 11px 18px;
color:#010101;
background:url('../_images/ico/submenu.gif') no-repeat 0 5px;
}
#submenu ul li ul li a {
color:#707070 !important;
text-decoration:underline !important;
}
#submenu ul li ul li.active {
background:none;
}
#submenu ul li ul li.active a {
color:#010101 !important;
text-decoration:none !important;
}
#submenu ul li ul li.active a:hover {
color:#06a !important;
}


#left .banner img {
border:none;
display:block;
}


/* content
========================================== */
#content {
width:59.3%;
float:left;
position:relative;
left:8.6%;
}
.m_text img {
margin-right:18px;
}


#index #left {
padding-top:36px;
}