﻿html
{
	padding:0;
	margin:0;
	min-width:998px;
	height: 100%;
}
body 
{    
    padding:0;
	margin:0;
	font:200 12px Arial;
	font-family:Arial, Sans-Serif;
    color:#505050;
    background-color:#f1f1f1;     
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
}
a img 
{
	border:none;
}
table 
{
    border-collapse: collapse;
    border-spacing: 0;
}
td, th, tr
{
    padding:0;
	margin:0;
	vertical-align:top;
}
ol, ul 
{
    list-style: none;
    padding:0;
    margin:0;
}
#sitemap ol, #sitemap ul 
{
    padding-left:20px !important;
}
#refresh 
{
	
background:transparent url(/images/st1_1.gif) no-repeat scroll 0 0 !important;
border:medium none !important;
height:17px;
padding:0;
vertical-align:top;
width:15px !important;
}
a 
{
    color:#4881aa;

}
#mm a
{
    display:block !important;
}
a:hover
{
    text-decoration:none; 
}
p 
{
    margin:0;
    padding:0;
    font-size:12px;
    padding-bottom:21px;
    line-height:18px;
}
b, strong
{
    font-weight:bold;
}
h1, h2, h3, h4, h5, h6, form, input, label, select
{
    margin:0;
    padding:0;
    border:0;
}
.clearBG
{
    background:none!important;
}
.clearM
{
    margin:0!important;
}
.clearP
{
    padding:0!important;
}
.overflow
{
    overflow:hidden;
    _zoom:1;
}

/***********************    HEAD    ************************/
#head
{
    background: url(/images/img/top-bg-c.gif) left top repeat-x;
}
#head-l
{
    background: url(/images/img/top-bg-l.jpg) left top no-repeat;    
}
#head-r
{
    background: url(/images/img/top-bg-r.jpg) right top no-repeat;     
    height:150px;
    width:100%;
}
#logobox
{
    position:absolute;
    top:20px;
    left:66px;
    width:239px;
    z-index:102;
}
#logobox div
{
    padding:3px 10px 0;
    color:#585858;
    font-size:11px;
}
#logosite
{
    display:block;
    width:239px;
    height:80px;
    background: url(/images/img/logosite.jpg) left top no-repeat;    
}
#fastnav
{
    position:absolute;
    top:0px;
    left:0px;
    padding:13px 10px 5px;
    height:20px;
}
#fastnav li
{
    float:left;
}
#fastnav li a
{
    float:left;
    width:13px;
    height:10px;
    margin-right:13px;
    _font-size:1px;
    _line-height:1px;
}

#fastnav li a#home
{
    background:url(/images/img/fn-home.gif) left top no-repeat;      
}
#fastnav li b#home
{
    background:url(/images/img/fn-home.gif) left top no-repeat;      
}
#fastnav li a#home:hover
{
    background:url(/images/img/fn-home.gif) left -10px no-repeat;      
}
#fastnav li b#home.active
{
    background:url(/images/img/fn-home.gif) left -10px no-repeat;      
}
#fastnav li a#map
{
    background:url(/images/img/fn-map.gif) left top no-repeat;      
}
#fastnav li a#map:hover
{
    background:url(/images/img/fn-map.gif) left -10px no-repeat;      
}
#fastnav li a#map.active
{
    background:url(/images/img/fn-map.gif) left -10px no-repeat;      
}
#mm
{
    padding:61px 0 0 351px; 
    position:relative;
    z-index:101;    
}
#mm li
{
    float:left;
    position:relative;
    margin-right:1px;
    width:112px;
    height:21px;
    padding-top:4px;
    background:url(/images/img/mm-bg.gif) left bottom no-repeat;   
    text-align:center;   
}
#mm li a
{
    color:#FFF;
    text-decoration:none;  
}
#mm li.drop
{
    background:url(/images/img/mm-arr.gif) left bottom no-repeat;    
}
#mm li:hover
{
    background:url(/images/img/mm-bg.gif) left top no-repeat;      
}
#mm li:hover a
{
    color:#173664; 
}
#mm li.drop:hover
{
    background:url(/images/img/mm-arr.gif) left top no-repeat;     
    color:#173664; 
}
#mm li .dropmenu
{
    background-color:#6596ba;
    font-size:11px;
    padding:7px 15px 7px;
    position:absolute;
    top:25px;
    left:0;
    display:none;
    z-index:100;    
}
#mm li .dropmenu li 
{
    float:none;
    height:auto;
    width:auto;
    padding:0 0 5px 14px;
    margin:0;
    background:url(/images/img/dm-li.gif) left 7px no-repeat; 
    white-space:nowrap;
    text-align:left;
}
#mm li .dropmenu li a
{
    color:#FFF;
}
#mm li:hover .dropmenu
{
    display:block;
}
#mm li .dropmenu li:hover
{
    background:url(/images/img/dm-li-a.gif) left 7px no-repeat; 
}
#mm li .dropmenu li:hover a
{
    color:#173664; 
}
/***********************    CONTENT    ************************/
#content
{
    padding-bottom:150px;
}
#main
{
    background:url(/images/img/main-bg.jpg) 50% top no-repeat;
    margin-top:-37px;
    width:100%;
    position:relative;
    z-index:0;
}
#main-up
{
    width:998px;
    height:431px;
    margin:0 auto;
    position:relative;
    z-index:0;
}
#main-up a
{
    position:absolute;
}
#main-a1
{
    top:106px;
    left:17px;
    width:79px;
    padding-top:117px;
    height:35px;
}
#main-a2
{
    width:59px;
    height:73px;
    padding:23px 0 0 56px;
    top:72px;
    left:148px;
}
#main-a3
{
    width:93px;
    height:59px;
    padding:8px 0 0 73px;
    top:18px;
    left:295px;
}
#main-a4
{
    width:87px;
    height:34px;
    padding:27px 0 0 71px;
    top:0px;
    left:502px;
}
#main-a5
{
    width:85px;
    height:21px;
    padding:0 10px 50px 10px;
    top:69px;
    left:798px;
}
#main-a6
{
    width:153px;
    height:50px;
    padding:35px 94px 0 0;
    top:368px;
    left:662px;
    text-align:right;
}
.h3
{
    font-size:24px;
    color:#000;
    padding-bottom:12px;
}
.line
{
    width:100%;
    _width:99%;
    height:8px;
    background:url(/images/img/line.gif) left top repeat-x;
    margin-bottom:26px;    
}
#main-l
{
    float:left;
    width:30%;
}
#main-l a
{
    display:block;
    margin-bottom:9px;
}
#main-l p
{
    font-size:11px;
    line-height:15px;
}
.data 
{
    background: url(/images/img/data-bg-c.jpg) left bottom repeat-x;   
    margin-left:-18px;  
    margin-bottom:27px;      
    *overflow:hidden;
    _zoom:1;
}
.data div
{
    background: url(/images/img/data-bg-l.jpg) left bottom no-repeat;     
}
.data div div
{
    background: url(/images/img/data-bg-r.jpg) right bottom no-repeat;
    padding:0 18px 18px;
}
.data span, .newsbox span
{
    display:block;
    margin-bottom:8px;
    width:48px;
    height:18px;
    background: url(/images/img/data-bg.gif) left top no-repeat;    
    color:#FFF;
    font-size:11px;
    padding:2px 0 0 7px; 
    margin-left:-3px;
}
.border1
{
    width:226px;
    height:98px;
    text-align:center;
    overflow:hidden;
    _zoom:1;
    position:relative;
    padding-top:6px;
    margin-left:-8px;
    margin-bottom:11px;
}
.border1 a, .border1 i
{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:226px;
    height:104px;
    background: url(/images/img/border1.png) left top no-repeat; 
}


#main-r
{
    margin-left:30%;   
    padding:15px 122px 0 50px;
}
#main-mid
{
   /* max-width:1280px;*/
    margin:0 auto;
}
#main-r-up
{
    position:relative;    
}
#main-r-up img
{
    display:block;
}
#readmore
{
    width:157px;
    display:block;
    position:relative;
    left:210px;
    bottom:20px;
    background: url(/images/img/arr.gif) right 3px no-repeat;     
    padding-right:15px;
}
.bg
{
    background:#fbfbfb url(/images/img/bg.gif) left top repeat-x;
    margin-left:-20px;
    *overflow:hidden;
}
.bg div
{
    background:url(/images/img/bg.gif) left top repeat-y;
 
}
.bg div div 
{
    background:url(/images/img/bg.gif) right top repeat-y;
}
.bg div div div
{
    background:url(/images/img/bg-t-l.gif) left top no-repeat;
}
.bg div div div div
{
    background:url(/images/img/bg-t-r.gif) right top no-repeat;
}
.bg div div div div div
{
    background:url(/images/img/bg-b-r.gif) right bottom no-repeat;
}
.bg-end
{
    background:url(/images/img/bg-b-l.gif) left bottom no-repeat !important;
    padding:63px 19px 26px;
  
}
.projectbox
{
    padding:0 13px;
    font-size:11px;
}
#ourproject
{
    margin:20px 0 60px;
    _margin-bottom:0;
    padding-top:91px;
    background:url(/images/img/mainh-2.gif) left top no-repeat;   
}
#cable
{
    background:url(/images/img/bg-cable.jpg) right top no-repeat;
    padding-right:122px;     
    margin-right:-122px;
}
#ourproject table td
{
    width:33%;
}
#ourproject table td div
{
    position:relative;      
    background:none;
}
.projectbox div.img
{
    height:125px;
    overflow:hidden;
    _zoom:1;
    position:absolute;
    margin-top:-125px;
    top:0;
}
#inside-l .projectbox div.img
{
    position:relative;
    margin:0;
}
.projectbox span, .projectbox span a
{
    display:block;
    font-size:18px;
    color:#173664;
    padding-left:13px;
    background:url(/images/img/arr.gif) left 5px no-repeat;  
    margin-left:-13px;
    margin-bottom:8px !important;
    margin-top:0;
    text-decoration:none;
}
.projectbox .img .kart
{
    margin:0;
} 

.projectbox span a:hover
{
    text-decoration:underline;
}
.projectbox a
{
    display:block;
    margin-top:22px;
}
#inside-l .projectbox a
{
    margin-top:7px;
    margin-bottom:30px;
    
}
.undercont
{
    margin-left:30%;
    padding-left:60px;
}
/***********************    INSIDE    ************************/
#inside-l
{
    float:left;
    width:42%;
    background:url(/images/img/inside-bg.jpg) right top no-repeat;      
    padding:413px 0 50px;
}
#inside-l .padd-l
{
    width:60%;
    margin:0 auto;
}
#inside-r
{
    margin-left:42%;
    padding:0 122px 0 50px;    
}
.inside ul
{
    _zoom:1;
}
.inside ul li
{
    background:url(/images/img/arr.gif) left 2px no-repeat;
    padding:0 0 16px 15px;    
}
.inside ul li a
{
    font-style:italic;
    color:#173664;
    text-decoration:none;
}
.inside ul li a:hover
{
    text-decoration:underline;
}
.h5
{
    color:#173664;
    font-size:18px;
    margin-bottom:8px;
}
.ifbg
{
    background:#FFF url(/images/img/ifbg-t-l.gif) left top no-repeat;
    margin-bottom:25px;
    margin-left:-10px;
    _zoom:1;
}
.ifbg div
{
    background:url(/images/img/ifbg-t-r.gif) right top no-repeat;
}
.ifbg div div
{
    background:url(/images/img/ifbg-b-r.gif) right bottom no-repeat;
}
.ifbg div div div
{
    background:url(/images/img/ifbg-b-l.gif) left bottom no-repeat;
    padding:6px;
}
.ifbg div div div div
{
    background:none; 
    padding:0;   
}
.border2
{
    background:none;
    width:152px;
    height:97px;
    overflow:hidden;
    _zoom:1;
    position:relative;
    text-align:center;
    padding-top:5px!important;
    float:left;
}
.border2 a
{
    display:block;
    width:152px;
    height:102px;
    background:url(/images/img/border2.png) left top no-repeat;  
    position:absolute;
    top:0;
    left:0;  
}
.newsbox .border2 a
{
    background:url(/images/img/border3.png) left top no-repeat;      
}
.ifbg-txt
{
    margin-left:160px;
    padding:5px 0 !important;
    font-style:italic;
    font-size:11px;
    color:#737373;
}
.newsbox .ifbg-txt 
{
    font-style:normal;
    color:#505050;
    font-size:12px;
    margin-left:165px;    
}
.newsbox span
{
    margin-bottom:5px !important;
}
.newsbox .overflow
{
    margin:10px 0 23px;
}
.pagenav
{
    padding-left:10px;
    margin-bottom:26px;
    overflow:hidden;
    _zoom:1;
}
.pagenav a
{
    float:left;
    width:18px;
    height:19px;
    padding:3px 0 1px;
    margin-right:4px;
    text-align:center;
}
.pagenav b
{
    background:url(/images/img/pn-active.gif) left top no-repeat;
    width:20px;
    font-weight:bold;
    color:#FFF;
    text-decoration:none;  
     float:left;
    width:21px;
    height:19px;
    padding:3px 0 1px;
    margin-right:4px;
    text-align:center; 
}
.pagenav a.first
{
    background:url(/images/img/pn-first.gif) left 1px no-repeat;    
}
.pagenav a.prev
{
    background:url(/images/img/pn-prev.gif) left 1px no-repeat;    
}
.pagenav a.next
{
    background:url(/images/img/pn-next.gif) left 1px no-repeat;    
}
.pagenav a.last
{
    background:url(/images/img/pn-last.gif) left 1px no-repeat;    
}
/***********************    FOTTER    ************************/
#footer
{
    background:#f1f1f1 url(/images/img/bottom-bg-c.gif) left bottom repeat-x;
    clear:both;
    position:absolute;
    bottom:0;
    width:100%;
}
#footer-l
{
    background: url(/images/img/bottom-bg-l.jpg) left bottom no-repeat;    
}
#footer-r
{
    _height:150px;
    min-height:150px;
    background: url(/images/img/bottom-bg-r.jpg) right bottom no-repeat; 
    padding-left:53px;  
    font-size:11px;
    color:#808080; 
}
#foot-l
{
    float:left;
    width:25%;
}
#foot-r
{
    margin-left:30%;
    padding:33px 0 35px;
}
#cont-info
{
    float:left;
    font-size:11px;
    line-height:16px;
    color:#505050;    
}
#cont-info span
{
    color:#173664;
    font-weight:bold;
}
form.search
{
    width:180px;
    height:25px;
    position:relative;
    background:url(/images/img/search-bg.gif) left top no-repeat;     
}
#txt
{
    width:115px;
    padding-top:3px;
    height:15px;
    color:#a6a6a6;
    font-size:11px;   
    position:absolute;
    top:2px;
    left:9px;
}
#sub
{
   position:absolute;
    top:2px;
    left:127px;
    width:19px;
    height:20px;
    background:url(/images/img/search-sub.gif) left 3px no-repeat;
    cursor:pointer;
}
#footer a:hover
{
    text-decoration:none !important;
}

#logo-a
{
    padding:16px 0 5px 80px;
    padding-right:10%;    
    background:url(/images/img/logo-abp.gif) left 16px no-repeat;    
    color:#808080;
    font-size:11px;  
    float:right;      
}
#copyright
{
    padding-top:24px;
    font-size:11px;        
    left:57px;
    color:#505050;  
}
#copyright a
{
    display:block;
    width:130px;
    color:#505050;
    text-decoration:none;
}
#footer #copyright a:hover
{
    text-decoration:underline !important;
}
.adverst
{
    display:block;
    color:#808080;
    text-decoration:none;
}
#footer .adverst:hover
{
    text-decoration:underline !important;
}


.form1 div
{
    display:block;
    vertical-align:top;
    padding-bottom:18px;
}
.form1 label
{
    float:left;
    width:100px;
    padding-top:3px;
}
.form1 textarea
{
    border:solid 1px #b3b9c3;
    color:#808080;
    font-size:11px;
    height:70px;
    width:279px;
    font-family:Arial;
    width:277px; 
    padding-bottom:0px !important;      
}
/*opera*/
@media not all and (-webkit-min-device-pixel-ratio) {
   
.form1 textarea {width:277px; }
   
}
/*hrom*/
@media all and (-webkit-min-device-pixel-ratio:0) {
   
   body:first-of-type .form1 textarea {width:275px; }
   
}
.form1 div.inp input
{
    border:solid 1px #b3b9c3;
    color:#808080;
    font-size:12px;
    height:18px;
    width:279px;
}


#form1-paddsub
{
    padding-left:82px;
}
div.sub1
{
    float:left;
    background:url(/IMAGES/img/subbg-1.gif) left top no-repeat; 
    padding-left:7px;
}
div.sub2
{
    float:left;
    background:url(/IMAGES/img/subbg-2.gif) right top no-repeat; 
    padding:4px 7px 4px 0;
}
input.sub
{
   
    border: 1px solid black;
    margin-left:82px;
   
}