body{background:#666 url("../img/bdybg.gif") repeat-x top; font-family:verdana, arial, helvetica, sans-serif; font-size:12px; line-height:17px;margin:0px; text-align:center; color:#666;}
h1{font-family: arial; font-size:14px; font-weight:bold; color:#666; margin:5px 0;}
#top h5{margin:0px;font-style:italic}
p{margin:0px;}
img{border:0px;}
a:link {color: #f63;text-decoration: none;} 
a:visited, a:active {color: #f63; text-decoration: none;}
a:hover {color: #eca259; text-decoration: none;}
a:focus {outline-style: none;}
.nav-box a:visited, a:active {color: #999;}

input, textarea{border:1px solid #ccc;}
input.frm-btn{cursor:pointer; color:#fff;}
.f-l{float:left;}
.f-r{float:right;}
.cfx{clear:both; overflow:auto; width:100%;}
.clear{clear:both;}
ul{margin:0; padding:0}
ul li{list-style-image:none; list-style-position:inside;list-style-type:disc;margin:4px 0 4px 5px;}
.main{width:900px;  padding:0 15px; margin:10px auto; border:1px solid #666; background:#fff; text-align:left;}
.left{width:38%;}
.right{width:60%;}
#top{border-bottom:1px solid #ccc;margin:20px 0 0; padding:0 0 1px;}
.nav-box{width:420px; margin:30px 0 0 0;}
.nav-box ul{margin:0px; padding:0px;}
.nav-box li{float:left; margin:0 1px 0 0; list-style:none; _width:1px;}
.nav-box li a{display:block; color: #999; height:36px; text-decoration:none; background: url("../img/navi_off.gif") repeat-x top; padding:0px 13px;}
.nav-box li a:hover{color:#333; background: url("../img/navi_on.gif") repeat-x top;}
.nav-box li a span{position:relative; top:15px; font:13px verdana;}

.hdr{line-height:18px; font-size:18px; margin:10px 0;}
.shdr {background: url("../img/hdrbg.gif") repeat-x top; margin: 0; padding:10px 0 0 0;}
.shdr p{margin:5px 0; line-height:27px; font-size:18px}

.servli{background: url("../img/zel.jpg") no-repeat 100% 0; height:259px; width:100%; padding:10px 0 0 0;}
.servli ul{margin:0px; padding:0px 0 0 0;}
/*
list-style-image: url("/img/001_06.gif")
*/
.servli li{margin:5px 0; line-height:17px; color:#666; font-size:13px;font-weight:bold; font-style:italic}
.home-bdy .f-l{width:350px;}
.home-bdy .f-r{width:520px;}

#scroll{
display: block;
height: 250px;
overflow: auto;
scrollbar-arrow-color:#ccc;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-highlight-color:#ccc;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
}
.client-list {margin:0 10px; padding:0px}
.client-list li{float:left; margin:5px 10px; list-style: none;}
#form{width:400px; margin:10px 0 0 0;}
#form td{padding:5px;}
.error {color: #f03; font-size:10px;}

.proj{position:relative;}
#proj-desc-off{display:none;}
#proj-desc-on{position:absolute; 
top:30px; 
background:#fff;
border:1px solid #ccc;
padding:5px;
z-index:5000;
width:350px;
font-size:12px;
line-height:20px;
}
#projname{font-size:18px; background: url("/img/001_38.gif") no-repeat; padding:0 0 0 30px; font-weight:bold; margin:10px 0; line-height:24px; display:block;}

.proj img{display:block; margin:0 0 0 -5px;}
.port-bdy{}
.port-bdy .f-l{width:300px;}
.port-bdy .f-r{width:590px;}
.bdy-cntr .f-r li{list-style: circle}
.bdy-cntr{clear:both; float:none; margin:0 0 10px 0;}

.bdy-cntr p{margin:0 0 5px 0;}
.bdy-cntr ul {margin:0 0 10px; padding:0 0 0 14px;}
.bdy-cntr ul li{margin:0; padding:0; list-style:square}

.about-bdy p{margin:5px 0; font-size:13px; line-height:17px}

.footer{margin:20px 0 10px 0; font-size:10px; text-align:right;background: url("../img/hdrbg.gif") repeat-x top;padding:10px 0 0 0;color:#ccc;}