/************************************** CSS Document**************************************** DESIGN & DEVELOPED BY:RAHUL.V.R GEOTRANS TECHNOLOGIES ************************************** CSS Document****************************************/ .imgldr{z-index: 1; position: absolute; display: none;} *{margin:0; padding:0;} html { height:100%; } body { margin:0 auto; padding:0px; text-align:center; height:100%;font:10px Tahoma; color:#666666;background:#E2E2E2; } div { text-align:left; } a { color:#333333; text-decoration:underline; outline:none; } a:hover { text-decoration:underline; color:#000000; } #right-top {width:522px; height:194px; float: left; } h1{ font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; font-weight:100; color: #666666; } h2{ font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight: bold; color: #FF6600; text-align: left; margin-bottom:3px;} h3{font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight:100; color: #6699FF; text-align: left; text-decoration: none;} h4{font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; font-weight:100; color: #996600; text-align: left; text-decoration: none;} h5{ font-family: "Verdana", Arial, Helvetica, sans-serif;color:#E15A00;font-size:12px; } h6{ font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; font-weight:100; color: #666666 ; } .font01{ font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight: bold; color: #6699FF; text-align: left;} .validation a{ margin-left:30px; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;text-decoration: none; } .validation a:hover{ color: #FFCC00;text-decoration: none; } /*--------------------------------- End Common --------------------------------- */ /*--------------------------------- INDEX --------------------------------- */ #hid { visibility:hidden; } #container { margin:0px auto; width:900px; height:570px; /*border:1px solid #999999;*/ overflow: hidden; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#FFFFFF; } #header { height:59px; width:900px; margin:0px auto; float:left; border-bottom:1px solid #6699FF; border-top:13px solid #00297B;overflow:hidden;background-color:#FFFFFF; } #logo { width:175px; height:59px; float:left; background-color:#FFFFFF;} #home-con{width:725px; height:59px; float:left;background-color:#FFFFFF;} #img {width:725px; height:20px; text-align:right; } #nav { width:725px; height:22px; margin-top:12px; margin-bottom:5px; float:left; } #navid{width:464px; height:22px; float: left; list-style:none;padding-left:257px;} #nav ul { width:464px; height:22px; float: left; list-style:none; margin:0px; padding:0px; } #nav li{float:left; width:75px; height:16px; margin-top:4px; padding-top:2px; list-style:none; margin-left:2px; background-color:#2E3988; overflow:hidden;text-align:center; } #nav li a{list-style:none;height:19px; font-family: Tahoma ; font-weight:bold; font-size:10px; color: #ffffff; text-decoration:none; text-align:center; } #nav li a:hover{ font-family: Tahoma ; font-weight:bold; font-size:10px; color: #FFCC00; } .link-page{ border-bottom:2px solid #FF9900; color: #000000; overflow: hidden;} #nav li.home a {margin:0px; } #pointer{ width:445px;height:10px; text-align:right; float:left; text-decoration:none;} #a1{width:900px; height:194px; float:left; margin-bottom:1px;border-bottom:1px solid #6699FF; overflow:hidden;} #top-content {width:377px; padding-top:19px; height:174px; float:left; background:url(../images/top-content.jpg) no-repeat;} #top-content-right{width:522px; height:194px; float:left; background: url(../images/map.gif) no-repeat;} #left-mid { width:377px; height:194px;margin-top:2px;float:left; background:url(../images/top-content-mid.jpg) repeat-x; } #top {width:375px; height:233px; float:left;} #total{width:375px; height:233px;} #link {width:130px; height:153px; float: left; padding-left:77px; margin-top:6px; } #link ul{width:175px; height:155px; margin:0px; padding:0px;list-style:none;} #link li{width:175px; height:20px; background:url(../images/ul.gif) repeat-x ; list-style:none; text-decoration:none; } #link li a{font-family: Tahoma; font-size:11px; color: #FFFFFF; font-weight: bold; } #link li :hover{font-family: Tahoma; color: #F4F4F4; text-decoration:none; } .link { text-decoration:none; } #bottom-content{ width:900px; height:307px;} #bottom-content-top{width:900px; height:23px; float:left;} #bottom-content-top-a{width:197px; height:20px; float:left; background:url(../images/newproduct.jpg) no-repeat; padding-left:15px; padding-top:3px;} #bottom-content-top-b{ width:257px; height:23px; float:left; padding-left:200px; background:url(../images/a2.jpg) repeat-x;} #bottom-content-top-c{width:55px; height:20px; float: left; padding-top:3px; } #bottom-content-top-d{width:230px; height:23px; float:left; background: url(../images/a2.jpg) repeat-x; text-align:right;} #bottom-content-top-e{ width:214px; height:20px; float: left; text-align: right; padding-top:3px; padding-right:16px; } #bottom-content-bottom{ width:900px; height:249px; } #bottom-content-bottom-a{width:209px; height:249px; float:left; background:url(../images/a3.jpg) repeat-y; } #bottom-content-bottom-a ul{width:195px; height:249px;} #bottom-content-bottom-a li{list-style:none; } .pc{margin-top:21px;} .dsk{margin-top:5px;} #bottom-content-bottom-b{width:457px; height:249px; float:left;} #bottom-content-bottom-c{width:231px; height:249px; float:left; background:url(../images/a4.jpg) repeat-y;} #bottom-content-bottom-c-a{width:230px; height:113px; float:left;padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: left; color:#CC9900;} #bottom-content-bottom-c-b{width:231px; height:126px; float:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: left; color:#CC9900;} .font1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: left; color: #FF9900;} #footter{ width:885px; height:21px; background:url(../images/footer.jpg) repeat-x; float:left; text-align: left; padding-left:15px; padding-top:13px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FFFFFF; } /*--------------------------------- INDEX --------------------------------- */ /*--------------------------------- ABOUT US--------------------------------- */ #about-bottom-content-bottom-a{width:158px; height:205px; float:left; background:url(../images/a3.jpg) repeat-y; padding:23px 18px 21px 36px;} #about-bottom-content-bottom-b{width:680px; float:left; padding:4px; } #about-bottom-content-top-b{width:676px; height:20px; float:left; text-align:right; padding-top:3px; background:url(../images/a2.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006699; font-style:italic; padding-right:12px;} #about-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #cnt01{ width:320px; float:left; padding-left:5px; padding-right:5px;} #cnt02{ width:340px; float:left;padding-left:5px; padding-right:5px;} /*--------------------------------- ABOUT US --------------------------------- */ /*--------------------------------- SERVICE--------------------------------- */ #ser-bottom-content-bottom-a{width:184px; height:231px; float:left;background: url(../images/service-b.jpg) no-repeat; padding:6px 3px 12px 25px;} #ser-bottom-content-bottom-a ul{width:178px; height:158px;} #ser-bottom-content-bottom-a li { height:15px; padding-top:5px; text-align:right; list-style:none; border-bottom:1px #CC9900 solid; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FF9900; text-decoration:none; } #ser-bottom-content-bottom-a li a{ height:15px; padding-top:5px; text-align:right; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#996600; text-decoration:none; } #ser-bottom-content-bottom-a li a:hover{list-style:none; color: #CC0000; text-decoration:none; } .ser-link {font-family: Tahoma; font-size:12px; line-height:14px; font-weight:100; color: #CC9900; text-align: left; text-decoration: none; } .ser-link:hover{ color: #CC0000;text-decoration: none; } #ser{ width:100px; height:107px; float: left; background:url(../images/service-b.jpg) no-repeat; } #ser-bottom-content-bottom-b{width:678px; height:239px; float:left; padding:5px; } #ser-bottom-content-top-b{width:688px; height:23px; float:left; background:url(../images/a2.jpg) repeat-x; padding-top:3px; text-align:right;font-size:12px; color:#006699; font-style:italic;} #ser-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #ser-content-a{ width:330px; height:239px; padding-left:5px; float:left;} #ser-content-b{ width:315px; height:239px; padding-left:5px; float:left;} /*--------------------------------- SERVICE --------------------------------- */ /*--------------------------------- TRAINING--------------------------------- */ #tra-bottom-content-top-a{width:212px; height:23px; float:left; background: url(../images/training-a.jpg) no-repeat;} #tra-bottom-content-bottom-a{width:184px; height:231px; float:left;background: url(../images/training-b.jpg) no-repeat; padding:6px 3px 12px 25px;} #tra-bottom-content-bottom-a ul{width:178px; height:158px;} #tra-bottom-content-bottom-a li { height:15px; padding-top:5px; text-align:right; list-style:none; border-bottom:1px #CC9900 solid; text-decoration:none;} #tra-bottom-content-bottom-a li a{ height:15px; padding-top:5px; text-align:right; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #996600; text-decoration:none; } #tra-bottom-content-bottom-a li a:hover{list-style:none; color: #CC3300; text-decoration:none; } .tra-link {font-family: Tahoma; font-size:12px; line-height:14px; font-weight:100; color: #6699FF; text-align: left; text-decoration: none; } .tra-link:hover{ color: #6633FF;text-decoration: none; } #tra{ width:100px; height:107px; float: left; background:url(../images/service-b.jpg) no-repeat; } #tra-bottom-content-bottom-b{width:678px; height:239px; float:left; padding:5px; } #tra-bottom-content-top-b{width:688px; height:23px; float:left; background:url(../images/a2.jpg) repeat-x;padding-top:3px; text-align:right;font-size:12px; color:#006699; font-style:italic;} #tra-content-a{ width:330px; padding-left:5px; float:left;} #tra-content-b{ width:310px; padding-left:5px; float:left;} #tra-content-c{ width:310px; padding-left:5px; float:left;} /*--------------------------------- TRAINING --------------------------------- */ /*--------------------------------- SOLUTION--------------------------------- */ #sol-bottom-content-top-a{width:212px; height:23px; float:left; background: url(../images/SOLUTIONS-b.jpg) no-repeat;} #sol-bottom-content-bottom-a{width:184px; height:231px; float:left;background: url(../images/SOLUTIONS-a.jpg) no-repeat; padding:6px 3px 12px 25px;} #sol-bottom-content-bottom-a ul{width:178px; height:158px;} #sol-bottom-content-bottom-a li { height:15px; padding-top:5px; text-align:right; list-style:none; border-bottom:1px #CC9900 solid; text-decoration:none; } #sol-bottom-content-bottom-a li a{ height:15px; padding-top:5px; text-align:right; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #996600; text-decoration:none; } #sol-bottom-content-bottom-a li a:hover{list-style:none; color: #CC3300; text-decoration:none; } .sol-link {font-family: Tahoma; font-size:12px; line-height:14px; font-weight:100; color: #6699FF; text-align: left; text-decoration: none; } .sol-link:hover{ color: #6633FF;text-decoration: none; } #sol{ width:100px; height:107px; float: left; background:url(../images/service-b.jpg) no-repeat; } #sol-bottom-content-bottom-b{width:678px; height:239px; float:left; padding:5px; } #sol-bottom-content-top-b{width:688px; height:23px; float:left; background:url(../images/a2.jpg) repeat-x;padding-top:3px; text-align:right;font-size:12px; color:#006699; font-style:italic;} #sol-content-a{ width:310px; height:239px; padding-left:29px; float:left;} #sol-content-b{ width:310px; height:239px; padding-left:29px; float:left;} /*--------------------------------- SOLUTION --------------------------------- */ /*--------------------------------- CAREERS --------------------------------- */ #car-bottom-content-top-a{width:212px; height:23px; float:left; background: url(../images/careers-b.jpg) no-repeat;} #car-bottom-content-bottom-a{width:184px; height:231px; float:left;background: url(../images/careers-a.jpg) no-repeat; padding:6px 3px 12px 25px;} #car-bottom-content-bottom-a ul{width:178px; height:158px;} #car-bottom-content-bottom-a li { height:15px; padding-top:5px; text-align:right; list-style:none; border-bottom:1px #CC9900 solid; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #6699FF; text-decoration:none; } #car-bottom-content-bottom-a li a{ height:15px; padding-top:5px; text-align:right; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#6699FF; text-decoration:none; } #car-bottom-content-bottom-a li a:hover{list-style:none; color: #6666CC; text-decoration:none; } .car-link {font-family: Tahoma; font-size:12px; line-height:14px; font-weight:100; color: #6699FF; text-align: left; text-decoration: none; } .car-link:hover{ color: #6633FF;text-decoration: none; } #car{ width:100px; height:107px; float: left; background:url(../images/service-b.jpg) no-repeat; } #car-bottom-content-bottom-b{width:678px; height:239px; float:left; padding:5px; } #car-bottom-content-top-b{width:688px; height:23px; float:left; background:url(../images/a2.jpg) repeat-x;padding-top:3px; text-align:right;font-size:12px; color:#006699; font-style:italic;} #car-content-a{ width:310px; height:239px; padding-left:29px; float:left;} #car-content-b{ width:310px; height:239px; padding-left:29px; float:left;} /*--------------------------------- CAREERS --------------------------------- */ /*--------------------------------- INDUSTRIES--------------------------------- */ #ind-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/indstry-a.jpg) no-repeat; padding:23px 18px 21px 36px;} #ind-bottom-content-bottom-b{width:680px; float:left; } #ind-bottom-content-top-b{width:688px; height:23px; float:left; background:url(../images/a2.jpg) repeat-x;padding-top:3px; text-align:right;font-size:12px; color:#006699; font-style:italic;} #ind-bottom-content-top-a{width:212px; height:23px; float:left; background: url(../images/indstry-C.jpg) no-repeat;} /*--------------------------------- INDUSTRIES --------------------------------- */ /*--------------------------------- CONTACT US--------------------------------- */ #con-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/contactus-a.jpg) no-repeat; padding:23px 18px 21px 36px;} #con-bottom-content-bottom-b{width:680px; float:left; } #con-bottom-content-top-b{width:688px; height:23px; float:left; background:url(../images/a2.jpg) repeat-x;padding-top:3px; text-align:right;font-size:12px; color:#006699; font-style:italic;} #con-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- CONTACT US --------------------------------- */ /*--------------------------------- GIS Services--------------------------------- */ #gis-bottom-content-bottom-b{width:680px; float:left; } #gis-bottom-content-top-b{width:676px; height:20px; float:left; background:url(../images/a2.jpg) repeat-x; padding-top:3px; text-align:right;font-size:12px; color:#006699; font-style:italic; padding-right:12px;} #gis-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #gis-content-b{ position:relative;width:677px; height:240px;overflow:hidden;} /*--------------------------------- GIS Services--------------------------------- */ /*--------------------------------- SAP--------------------------------- */ #sap-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- SAP--------------------------------- */ /*--------------------------------- AVLS--------------------------------- */ #avls-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- AVLS--------------------------------- */ /*--------------------------------- WEB--------------------------------- */ #web-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- WEB--------------------------------- */ /*--------------------------------- SOFT--------------------------------- */ #soft-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- SOFT--------------------------------- */ /*--------------------------------- SOFT-training--------------------------------- */ #stra-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- SOFT-training--------------------------------- */ /*--------------------------------- diploma--------------------------------- */ #diploma-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- diploma-------------------------------- */ /*--------------------------------- CERTIFICATE--------------------------------- */ #cert-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- CERTIFICATE-------------------------------- */ /*--------------------------------- OTHER--------------------------------- */ #other-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- OTHER-------------------------------- */ /*--------------------------------- enterprise--------------------------------- */ #enter-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- enterprise-------------------------------- */ /*--------------------------------- enterprise--------------------------------- */ #web-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- enterprise-------------------------------- */ /*--------------------------------- LOCATION--------------------------------- */ #loc-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- LOCATION-------------------------------- */ /*--------------------------------- FIMS--------------------------------- */ #fim-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} /*--------------------------------- FIMS-------------------------------- */ /*--------------------------------- HEALHT--------------------------------- */ #hel-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #hel-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/health-A.jpg) no-repeat; padding:23px 18px 21px 36px;} #tran-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/indstry-D.jpg) no-repeat; padding:23px 18px 21px 36px;} /*--------------------------------- HEALHT-------------------------------- */ /*--------------------------------- agriculture--------------------------------- */ #agr-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #agr-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/AGRI-A.jpg) no-repeat; padding:23px 18px 21px 36px;} /*--------------------------------- agriculture-------------------------------- */ /*--------------------------------- marine--------------------------------- */ #mer-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #mer-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/marinea.jpg) no-repeat; padding:23px 18px 21px 36px;} /*--------------------------------- marine-------------------------------- */ /*--------------------------------- utility--------------------------------- */ #ut-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #ut-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/utility.jpg) no-repeat; padding:23px 18px 21px 36px;} /*--------------------------------- utility-------------------------------- */ /*--------------------------------- business--------------------------------- */ #bu-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #bu-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/businessa.jpg) no-repeat; padding:23px 18px 21px 36px;} /*--------------------------------- business-------------------------------- */ /*--------------------------------- tourism--------------------------------- */ #tu-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #tu-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/TOUR.jpg) no-repeat; padding:23px 18px 21px 36px;} /*--------------------------------- tourism-------------------------------- */ /*--------------------------------- defense--------------------------------- */ #de-a-bottom-content-top-a{width:197px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #de-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/DEFENCEA.jpg) no-repeat; padding:23px 18px 21px 36px;} /*--------------------------------- defense-------------------------------- */ /*--------------------------------- CORPORATE--------------------------------- */ #co-a-bottom-content-top-a{width:297px; height:20px; float:left; background: url(../images/a2.jpg) repeat-x; padding-left:15px; padding-top:3px;} #co-bottom-content-bottom-a{width:158px; height:205px; float:left; background: url(../images/CORPORATEA.jpg) no-repeat; padding:23px 18px 21px 36px;} #about-bottom-content-top-f{width:576px; height:20px; float:left; text-align:right; padding-top:3px; background:url(../images/a2.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006699; font-style:italic; padding-right:12px;} /*--------------------------------- CORPORATE-------------------------------- */ /*--------------------------------SCROLL------------------------------- */ div#scrollbar { display: block ; /* initially display:none; to hide from incapable */ } div#wn { position:relative; width:670px; height:240px; overflow:hidden; } div#scrollbar { position: absolute; width:11px; height:240px; font-size:1px; /* so no gap or misplacement due to image vertical alignment */ left: 677px; } /*div#track { position:absolute; left:0; top:12px; width:11px; height:176px; background: #336; } div#dragBar { position:absolute; left:1px; top:1px; width:9px; height:20px; background-color:#ceced6; }*/ div#up { position:absolute; left:0; top:0; } div#down { position:absolute; left:0; bottom:0; } /* for safari, to prevent selection problem */ /*div#scrollbar, div#track, div#dragBar, div#up, div#down { -moz-user-select: none; -khtml-user-select: none; }*/ #snap{width:678px; height:240px;} /* so no gap or misplacement due to image vertical alignment font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */ div#scrollbar img { display:block; } /*--------------------------------SCROLL------------------------------- */ #index-top-content {width:900px; height:194px; background: url(../images/index-map.jpg) no-repeat;} #index-a1{width:900px; height:194px; float:left; background:url(../images/index-map.jpg) no-repeat; margin-bottom:1px;border-bottom:1px solid #6699FF; overflow:hidden;} #INDEX-bottom-content-bottom-b{width:901px; height:249px; float:left; } #INDEX-bottom-content-bottom-b-a{width:304px; height:176px; margin-left:75px; position:absolute;} #INDEX-bottom-content-bottom-b-b{width:304px; height:176px; position: relative; left:515px;} #index-logo { width:175px; height:59px; margin: auto;background-color:#FFFFFF;} #news{ width:901px; text-align:center; margin-bottom:20px; }