body{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; color:#222222; font-style:normal; line-height:17px; background:url(../images/wholeback_gradiant.jpg) repeat-x; clear:both; margin:0; padding:0; } ul, li{ list-style-type:none; } h2,h3,h4,h5,h6,img,p,div,form{ margin:0; padding:0; border:none; } a { -moz-outline: none !important; } .clearer{ clear:both; display:none; font-size:0px; height:0; margin:0; padding:0; overflow:hidden; clear:both; } h1{ font-size:22px; color:#000000; font-weight:bold; line-height:26px; overflow:hidden; margin:0 0 14px 0; padding:0; } h4 {font-size:13px; line-height:18px; } h4 a{font-size:13px; float:left; margin:5px 0 0 0 ; color:#DA277B; text-decoration:underline; overflow:hidden; font-weight:normal; } h4 a:hover{text-decoration:none;} h3 {font-size:16px; line-height:20px;} a span{display:none} /* main container Start*/ #wholecontainer{ width:auto; height:auto; margin:0; padding:0; } #container{ width:992px ; height:auto; margin:0 auto; padding:0; } /*Navigation*/ #navwrap{ width:992px; height:30px; margin:11px 0 0 0px; padding:0; position:relative; } #nav ul{ width:653px; height:30px; margin:0 0 0 0; padding:0; list-style-type:none; display:block; } #nav li{ width:653px; height:25px; margin:5px 0 0 0; padding:0; list-style-type:none; float:right; display:block; border:none} #nav li.home{ width:58px; height:25px; background:url(../images/home_unsel1.gif) bottom right no-repeat ; float:right; position:relative; } #nav li.home a{ width:58px; height:25px; display:block; float:right; } #nav li.about{ width:76px; height:25px; background: url(../images/about_unsel1.gif) bottom right no-repeat; float:right; position:relative;} #nav li.about a{ width:76px; height:25px; display:block;} #nav li.services{ width:74px; height:25px; background: url(../images/services_unsel1.gif) bottom right no-repeat; float:right; position:relative; } #nav li.services a{ width:74px; height:25px; display:block; } #nav li.infra{ width:154px; height:25px; background:url(../images/our_unsel1.gif) bottom right no-repeat ; float:right; position:relative ; margin-left:-1px} #nav li.infra a{ width:154px; height:25px; display:block; } #nav li.clients{ width:65px; height:25px; background:url(../images/clients_unsel1.gif) bottom right no-repeat; float:right; position:relative; } #nav li.clients a{ width:65px; height:25px; display:block; } #nav li.partner{ width:77px; height:25px; background:url(../images/partners_unsel1.gif) bottom right no-repeat; float:right; position:relative; } #nav li.partner a{ width:77px; height:25px; display:block; } #nav li.contact{ width:93px; height:25px; background:url(../images/contact_unsel1.gif) bottom right no-repeat; float:right; position:relative; } #nav li.contact a{ width:93px; height:25px; display:block; } #nav li.innerContact{ width:93px; height:25px; background:url(../images/innerContact_unsel.gif) bottom right no-repeat; float:right; position:relative; } #nav li.innerContact a{ width:93px; height:25px; display:block; } #nav li.login{ width:58px; height:25px; background:url(../images/login_unsel1.gif) bottom right no-repeat; float:right; position:relative; } #nav li.login a{ width:58px; height:25px; display:block; } #nav li a span{ display:none; } /* HOVER STAGE*/ #nav li.home a:hover{ background: url(../images/home_sel1.gif) no-repeat; } #nav li.about a:hover{ background: url(../images/about_sel1.gif) no-repeat; } #nav li.services a:hover{background:url(../images/services_sel1.gif) no-repeat top left;} #nav li.infra a:hover{ background:url(../images/our_sel1.gif) no-repeat; } #nav li.clients a:hover{background:url(../images/clients_sel1.gif) no-repeat; } #nav li.partner a:hover{background: url(../images/partners_sel1.gif) no-repeat; } #nav li.contact a:hover{background:url(../images/contact_sel1.gif) no-repeat; } #nav li.innerContact a:hover {background:url(../images/innerContact_sel.gif) no-repeat;} #nav li.login a:hover{background:url(../images/login_sel1.gif) no-repeat; } /*selected stage*/ #nav li.home a.sel{ background:url(../images/home_sel1.gif) no-repeat; } #nav li.about a.sel{ background:url(../images/about_sel1.gif) no-repeat; } #nav li.services a.sel{ background:url(../images/services_sel1.gif) no-repeat;} #nav li.infra a.sel{ background:url(../images/our_sel1.gif) no-repeat; } #nav li.clients a.sel{ background:url(../images/clients_sel1.gif) no-repeat; } #nav li.partner a.sel{ background:url(../images/partner_sel1.gif) no-repeat; } #nav li.contact a.sel{ background:url(../images/contact_sel1.gif) no-repeat; } #nav li.innerContact a.sel {background:url(../images/innerContact_sel.gif) no-repeat;} #nav li.login a.sel{ background:url(../images/login_sel1.gif) no-repeat; } /*headr*/ #header{ width:992px; height:auto; background:url(../images/header.jpg) no-repeat top left; margin-top:-1px; padding:0; position:relative; } /*body*/ #bodywrapper{ width:962px; height:auto; margin:-5px 10px 0 0; padding-left:32px; float:left; background: url(../images/headershadow.gif) top left no-repeat; } #bodytxtwrap{ width:962px; height:auto; min-height:250px; float:left; position:relative; margin:12px 0 0 0; } #leftpart{ width:274px; height:auto; background:url(../images/leftbodybg.gif) repeat-x ; margin:0; padding:0 0 0 0; float:left; position:relative; } #leftpartwrap{ width:293px; height:auto; margin:2px 0 0 2px ; padding:0; } #leftpartwrap ul{ width:293px; height:auto; margin:0; padding:0; float:left; list-style:none; display:inline; } #leftpartwrap li{ width:282px; height:auto; margin-top:2px; padding-left:15px; background:url(../images/left_liststyle.gif) no-repeat 0 4px; float:left; } #middlepart{ width:300px; height:auto; background:url(../images/middlebodybg.gif) repeat-x; margin-left:30px!important; margin-left:15px; padding:0; float:left; position:relative; } #middlepartwrap{ width:293px; height:auto; margin:2px 0 0 2px ; padding:0;} #middlepartwrap ul{ width:293px; height:auto; margin:0; padding:0; float:left; list-style:none; display:inline; } #middlepartwrap li{ width:282px; height:auto; margin-top:2px; padding-left:15px; background:url(../images/middle_liststyle.gif) no-repeat 0 3px; float:left; } #rightpart{ width:290px; height:auto; background:url(../images/rightbodybg.gif) repeat-x ; margin:0 30px 0 0!important; margin-right:10px; padding:0; float:right; position:relative; } #rightpartwrap{ width:290px; height:auto; margin:2px 0 0 2px; padding:0; } #rightpartwrap ul{ width:290px; height:auto; margin:0; padding:0; float:left; list-style:none; display:inline; } #rightpartwrap li{ width:290px; height:auto; margin:2px 0 5px 0; padding-left:17px; background: url(../images/right_liststyle.gif) no-repeat 0 1px; float:left; } /*addsense*/ #clientlistwrap{ width:966px; height:96px; margin-top:21px !important; margin:30px 0 0 12px ; border:#ECECEC 5px solid; float:left !important; float:none; position:relative; } #clientlistwrap h1 { margin:0; } #clientright{ width:588px; height:86px; background:url(../images/clientslistimg.gif) no-repeat; margin-top:7px; padding:0; float:right ; position:relative; } #clientleft{ width:350px; height:70px; background:#FFFFFF; float:left; position:relative; margin-top:5px; padding:12px 0 0 15px } /*footer*/ #footer{ width:966px; height:auto; display:block; margin:15px 0 15px 15px; padding:0; position:relative; float:left;} #footerleft{ width:445px; height:35px; text-align:left; margin:0; float:left; } #footerleft a{ color:#DA277B;} #footerright{ width:514px; height:35px; text-align:right; margin:0; padding:0; float:left; } #footerright a{ font-size:12px; color:#3B3B3B; font-style:normal; line-height:15px; overflow:hidden; text-decoration:underline; } #footer a:hover{text-decoration:none;} /* INNER PAGES*/ #innerheader{ width:992px; height:163px; background:#E5E5E5; margin:0 !important; margin-top:-1px; padding:0; position:relative; } #innerbodywrap{ width:992px; height:auto; margin: 0 !important; margin-left:-45px; padding:0; } #footertop {width:980px; height:6px; background:url(../images/footer_topline.gif) repeat-x ; float:left; margin:10px 0 0 12px !important; margin:10px 0 0 10px; padding:0 ;line-height:0px; font-size:0px; } /*about Page*/ #aboutleftWrap{width:584px; height:auto; display:block; margin:10px 55px 5px 32px!important; margin:0 40px 5px 30px; padding:0; float:left; background:url(../images/aboutinner_redline.gif) repeat-x; } #aboutleftImageNdText {width:584px; height:auto; display:block; margin:0;} #aboutleftImage{width:100px;height:auto; display:block; margin:15px 18px 10px 0; padding:2px 2px 4px 2px; float:left; border:#D5D5D5 solid 1px ; text-align:center; font-size:11px; } #aboutrightWrap{ width:auto;height:auto; display:block; margin:5px 5px 0 0; padding:0; float:right; } #aboutbuildingImg {width:288px; height:auto; margin:0 0 5px 0 ; padding:2px 2px; border:#D5D5D5 solid 1px ; font-size:11px} #aboutrightH1Border {width:290px!important;width:auto;height:26px; margin:0 0 5px 0; padding:0;float:left; background:url(../images/aboutinner_greenline.gif) repeat-x; } #aboutrightWrap li { margin-bottom:2px; background:url(../images/aboutinner_greenbullet.gif) no-repeat 0 3px ; } #aboutrightWrap li a{ text-decoration:underline; color:#006600; } #aboutrightWrap li a:hover{ text-decoration:none; } /*about Page Content finish*/ /*service page*/ #servicecommondiv{ width:930px!important; width:928px; height:auto; margin:0 33px 0 30px!important; margin:0 0 0 37px; padding:0; background:url(../images/services_pinkline1.gif) repeat-x top left; float:left; } /*serviceNew Div*/ .classH2 { width:180px; height:25px; font-size:18px; color:#E01473; margin:0; padding:2px; border-bottom:#D5D5D5 1px solid; border-right:#D5D5D5 1px solid; float:left; } .blankclass { width:740px; height:27px; border-top:#D5D5D5 1px solid; border-right:#D5D5D5 1px solid; float:left } .class1H2 { width:230px; height:25px; font-size:18px; color:#E01473; margin:0; padding:2px; border-bottom:#D5D5D5 1px solid; border-right:#D5D5D5 1px solid; float:left; text-align:center; } .blank1class { width:690px; height:27px; border-top:#D5D5D5 1px solid; border-right:#D5D5D5 1px solid; float:left } .services { width:924px; height:auto; display:block; border-bottom:#D5D5D5 1px solid; border-right:#D5D5D5 1px solid; border-left:#D5D5D5 1px solid; float:left; padding:5px 0; margin:-1px 0 10px 0; position:relative; } .servicesImagesNDtext { width:904px; height:auto; display:block; margin:0 10px!important; margin:0; padding:0; float:left; } .servicesImagesPortion1{ width:280px; height:auto; display: block; float:right; margin:0 5px; padding:0; } .singleImage { width:265px; height:auto; margin:0 0 10px 0; padding:5px; border:1px solid #D5D5D5 } .graylineBtwnText { width:170px; height:1px; background:#D5D5D5; float:left; margin:10px 0 10px 3px; padding:0;} .serviceBullrtwrap { width:269px; height:auto; margin-left:5px; padding:0; float:left; } /*common ul*/.serviceBullrtwrap ul{ width:269px; height:auto; margin:0; padding:0; float:left; list-style:none; display:inline; } #servicetoptext{ width:269px; height:auto; display:block; margin:10px 0 0 4px ; padding:0; float:left; position:relative;} #servicetoptext li{ margin-bottom:2px; padding-left:16px; background:url(../images/servicesinner_yellowbullet.gif) no-repeat 0 4px;} .servicemiddletext{ width:269px; height:auto; display:block; margin:0 0 0 4px ; padding:0; float:left; position:relative; } .servicemiddletext li{ margin-bottom:2px; padding-left:16px; background:url(../images/servicesinner_redbullet.gif) no-repeat 0 3px; } #servicerighttext{ width:269px; height:auto; display:block; margin:0 0 0 4px ; padding:0; float:left; position:relative; } #servicerighttext li{ margin-bottom:2px; padding-left:16px; background:url(../images/middle_liststyle.gif) no-repeat 0 3px; } #service2lefttext{ width:269px; height:auto; display:block; margin:0 0 0 4px ; padding:0; float:left; position:relative;} #service2lefttext li{ margin-bottom:2px; padding-left:16px;background: url(../images/aboutinner_greenbullet.gif) no-repeat 0 3px; } #service2middletext{ width:269px; height:auto; margin:0 0 0 4px ; padding:0; float:left; position:relative;} #service2middletext li{ margin-bottom:2px; padding-left:16px; background: url(../images/servicesinner_bluebullet.gif) no-repeat 0 3px; } #service2righttext{ width:269px; height:auto; margin:0 0 0 4px ; padding:0; float:left; position:relative;} #service2righttext li{ margin-bottom:2px; padding-left:16px; background: url(../images/servicesinner_orangebullet.gif) no-repeat 0 3px; } /*Service page end*/ /*servicesInner page*/ .photogallery {width:896px; height:auto; float:left; position:relative; border:1px solid #D7D7D7; margin:5px 0 10px 4px;} .imageSingle { width:100px; float:left; margin:5px; position:relative; border:1px solid #D7D7D7 } /*contact page*/ #contactformwrap{ width:375px !important; width:150px; height:auto; margin:0 0 10px 0; padding:0; float:left; position:relative; } #contactformwrap2{width:387px;height:auto; margin:0; padding:0; } #contactformwrap2 .formleft{ width:132px; height:auto; margin:7px 0 3px 0; padding:0; text-align:right; float:left; } #contactformwrap2 .formright{ width:227px; height:auto; margin:0 0 2px 0px; padding:0; float:right; position:relative; } .input{ width:220px; float:left; margin:2px 0 0 0} .inputImage {width:auto; float:left; margin-top:2px} textarea{width: 220px; height:70px; float:left; margin:2px 0 0px 0;} #formfooterright{ width:227px; height:auto; margin:15px -35px 2px 0 !important; margin:15px -10px 2px 0; padding:0; float:right; position:relative; } #contactaddresswrap{ width:439px !important; width:350px; height:auto; margin:0 0 20px 113px !important; margin:0 0 0 113px; padding:0; float:left ; position:relative; } #contactaddresswrap a{color:#E03D6D; text-decoration:underline; } #contactaddresswrap a:hover{text-decoration:none} /*contact inish*/ /*clients also used in equipments page*/ #clientwrapper{ width:992px; height:auto; display:inline; margin:0; padding:0; } #clientsinnerdiv{width:942px; height:auto; display:block; min-height:1000px; margin:10px 25px 10px 25px; padding:0; background:url(../images/client_redline.gif) repeat-x } .clientList1Wrap {width:942px; height:auto; display:inline; min-height:80px; font-size:12px; margin-top:15px; padding-left:4px; float:left } .clientIndividual { width:225px; height:auto; display:inline; min-height:80px; float:left; margin-right:10px; padding:0; position:relative } .image {margin-left:-3px;} /*equipments page*/ #equipmentWrap { width:942px; height:auto; display:block; margin:10px 0 10px 25px !important; margin:10px 0 10px 15px; padding:0; background:url(../images/client_redline.gif) repeat-x; float:left; position:relative; } .equipmentWithBorder { width:450px; height:auto; display:block; margin:10px 10px 10px 0; padding:0; float:left; border-right:#D5D5D5 1px solid ; position:relative; } .equipmentWithoutBorder { width:460px; height:auto; display:block; margin:10px; float:right; position:relative } .equipmentImage { width:auto; height:105px; display:block; margin-right:17px; padding:0; float:right } .equipmentImageforWithoutBorder { width:278px; height:105px; display:block; margin-right:9px; padding:0; float:right } .greenInnerBullet { width:555px; height:auto; margin:2px 0 0 2px ; padding:0; } .greenInnerBullet ul{ width:auto; height:auto; margin:0; padding:0; list-style:none; display:block; } .greenInnerBullet li{ margin-bottom:2px; padding-left:16px; background: url(../images/aboutinner_greenbullet.gif) no-repeat 0 3px; } .equipGreenBullet{ width:auto; height:auto; margin:2px 0 0 2px ; padding:0; } .equipGreenBullet ul{ width:auto; height:auto; margin:0; padding:0; float:left; list-style:none; display:inline; } .equipGreenBullet li{ margin-bottom:2px; padding-left:16px; background: url(../images/aboutinner_greenbullet.gif) no-repeat 0 3px; } .equipGreenBullet li a{color:#3AB714; text-decoration:underline; } .equipGreenBullet li a:hover{text-decoration:none;} #equipOrangeBullet{ width:auto; height:auto; margin:2px 0 0 2px ; padding:0; } #equipOrangeBullet ul{ width:auto; height:auto; margin:0; padding:0; float:left; list-style:none; display:block; } #equipOrangeBullet li{ margin-bottom:2px; padding-left:16px; background:url(../images/servicesinner_orangebullet.gif) no-repeat 0 4px; } #equipOrangeBullet li a{color:#F5611E; text-decoration:underline;} #equipOrangeBullet li a:hover{text-decoration:none;} /*innerEquipment start*/ .innerEquipmentWithBorder { width:942px; height:auto; display:block; float:left; position:relative; margin-bottom:10px; border-bottom:#D5D5D5 1px solid; padding-bottom:10px; } .innerEquipYellowBullet{ width:540px; height:auto; margin:2px 0 0 2px ; float:left; padding:0; } .innerEquipYellowBullet ul{ width:auto; height:auto; margin:0; padding:0; float:left; list-style:none; display:block; } .innerEquipYellowBullet li{ margin-bottom:2px; padding-left:16px; float:none; background:url(../images/servicesinner_yellowbullet.gif) no-repeat 0 4px; } .bulletfloat {float:left; position:relative} .innerEquipmentWithoutBorder {width:942px; height:auto; display:block; float:left; position:relative; margin-bottom:10px; } .innerImagesEquipment {width:380px; height:auto; text-align:center; font-size:14px; float:right; margin:0; padding-bottom:10px; font-weight:bold;} /*infrastructure*/ #inframaindiv{ width:992px; height:auto; margin:0; padding:0; } #infra2div{ width:925px; height:auto; margin:10px 23px 20px 23px; padding:0; background:url(../images/infraorangline.gif) repeat-x; } .infraTextNdImage { width:919px; height:auto; display:block; padding:0 3px; margin-top:10px; float:left; overflow:hidden } .infraImage1 {width:288px; height:141px; float:right; position:relative; margin:0; padding:2px 0 2px 10px; } .infratext1 {width:620px; height:auto; float:left; } .infraImage2 {width:288px; height:141px; float:left; position:relative; margin-right:5px; padding:2px 10px 2px 0;} .infratext2 {width:615px; height:auto; float:right; text-align:left;} #infraOrangeBullet{ width:auto; height:auto; margin:2px 0 0 2px ; padding:0; } #infraOrangeBullet ul{ width:auto; height:auto; margin:0; padding:0; float:left; list-style:none; display:inline; } #infraOrangeBullet li{ margin-bottom:2px; padding-left:16px; background:url(../images/servicesinner_orangebullet.gif) no-repeat 0 3px; float:left } #infraBullet4Equip {width:990px; height:auto; float:left; margin-bottom:10px; } .format {width:auto; height:auto; float:left; margin-right:20px;} .format ul{margin:0; padding:0; float:left; list-style:none; display:inline; margin-top:5px } .format li{ margin-bottom:2px; padding-left:16px; background:url(../images/servicesinner_orangebullet.gif) no-repeat 0 4px; float:left } .format li a{color:#000; text-decoration:underline} .format li a:hover{ text-decoration:none} .format a{color:#F5611E; text-decoration:underline} /*login page start*/ #loginmaindiv{width:992px; height:auto; margin:0; padding:0; } #login2div{ width:927px; height:auto; margin:15px 34px 40px 31px; padding:0; background:url(../images/loginblueline.gif) repeat-x; } #login3div { width:366px; height: auto; margin:21px 0 20px 277px !important; margin:21px 0 0 150px; padding:0; border:#000000 1px solid; float:left; position:relative; } #loginform { width:307px; height:auto; margin:28px 0 0 26px !important; margin:28px 0 5px 15px; padding:0; float:left; position:relative;} #loginformleft{ width:83px; height:auto; margin:10px 0 30px 0; padding:0; float:left; position:relative; text-align:center; vertical-align:middle; line-height:25px; } #loginformright { width:222px; height:130px; margin:10px 0 30px 0 ; padding:0; text-align:left; float:left; position:relative; } input{width:200px; float:left; margin:0 0 10px 0; padding:0;} input.checkbox{width:auto;border:0; margin:0 5px 0 0; padding:0; float:left;} /*login finish*/