﻿html {padding:0;margin:0;}
.website{ padding:0;margin:0;}
body { background-color: #ebbf66;
       font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande",'Roboto Condensed', "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
   margin:0;padding:0;width:100%;
}

/*-----HEADER START------------------------------------------------------------------------------------------------*/
.head{ height:155px; background-color:#E65C00; border-bottom: 5px solid #E65C00; margin :auto;}
#logo{ margin-left:14%;float: left;margin-top: 5px;cursor: pointer;}
.upmenu{ height: 25px;width: 280px;float:right;position:absolute;margin-left: 850px;padding-top: 15px;}
.fut1{ color:#803300;text-underline-style: none;}
a.fut1:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

.headerouter{margin:0 auto;padding:0;width: 960px;}
.headerouter2{margin:0 auto;padding:0;width: 100%;}
.clrr{clear:both;padding:0;margin:0;width:100%;font-size:0px;line-height:0px;}
.up_com2{ width: 100%;height:auto;}
.up_com3{ width: 100%;background:#E65C00 repeat-x top;}
.logo{ float: left;height:auto;}
.logoarea{ width: 100%;height:auto;}
.client{float:right;height:auto;color: black;}
.client a:hover{ color: white;}
.red{ color: red;}
.registerbut{ height:30px; border:none; margin-top:5px;width:100px;background: #E65C00;color:white;}
.registerbut:hover{ cursor:pointer; color:white; background-color:#803300;}
/*-----HEADER END--------------------------------------------------------------------------------------------------*/



/*-----BODY START--------------------------------------------------------------------------------------------------*/

.outer{background-color: white;height: 500px;margin :auto; width:960px;}
.body1{ background: url(../Images/back.jpg) no-repeat; }

.contact{background-color: white;height: 600px;width: 960px;margin :auto;}
.contact1{float:left;padding-top: 10px;padding-left: 5px;width: 425px;margin-top: 50px;margin-left: 25px;}
.contact2{float:left;padding-top: 10px;padding-left: 5px;box-shadow: 0 0 20px rgb(230, 92, 0);width: 425px;height: 300px;margin-top: 20px;margin-left: 25px;}

.contact3{float:right;padding-top: 10px;padding-left: 5px;width: 425px;height:100px;margin-top: 30px;margin-right: 25px;}

.contact4{ float:right;width: 425px;margin-right: 25px;height: 300px;margin-top: 25px;}
.contact5{float:left;padding-top: 10px;padding-left: 5px;width: 425px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-right: 25px;height:100px;margin-top: 30px;margin-left: 25px;}

.contact6{float:right;padding-top: 10px;padding-left: 5px;width: 425px;margin-top: 50px;margin-right: 25px;height: 70px;}

.contactleft{width: 660px;height: auto;float: left;}
.contactright{width: 250px;height: auto;float: left;}
.contactform{ width:635px;height: auto;float: left;margin-top: 25px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;}
.contactdetails{width:635px;height: auto;float: left;margin-top: 25px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;}
.con11h{float:left;color:#911216;}
.con12h{float:left;color:#911216;padding-left: 10px;}
.test{ width: 250px;height: 250px;float: left;margin-left: 28px;margin-top: 60px;background-color: #ebbf66;}
.ads2{width: 250px;height: 100px;float: left;margin-top: 10px;margin-left: 28px;}
#textslide1{ width: 230px;float: left;height: auto;margin-left: 10px;text-align:justify;font-size:12px;padding-top: 10px;}
#textslide2{ width: 230px;float: left;height: auto;margin-left: 10px;text-align:left;font-size:14px;color:black;font-weight: bold;margin-top: 20px;}
#textslide3{ width: 230px;float: left;height: auto;margin-left: 10px;text-align:left;font-size:14px;color:black;font-weight: bold;}

.career{background-color: white;margin-left: 195px;height: 600px;width: 960px;margin :auto;}
.consulting{background-color: white;margin-left: 195px;height: 920px;width: 960px;margin :auto;}
.enterprisesol{background-color: white;margin-left: 195px;height: 1150px;width: 960px;margin :auto;}
.managed{background-color: white;margin-left: 195px;height:1000px;width: 960px;margin :auto;}
#con{float:left;padding-top: 10px;padding-left: 5px;box-shadow: 0 0 20px rgb(230, 92, 0);width: 450px;height: 420px;margin-top: 10px;margin-left: 25px;}
.con1{float:left;margin-top: 10px;font-size: 15px;padding-left: 5px;width: 210px;height:160px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 20px;}
.hed{width: 250px;float: left;margin-left: 400px;margin-top: 20px;}
.cap{ text-transform: capitalize;border: 1px solid grey;}
.smal{ text-transform: lowercase;border: 1px solid grey;}
.bor{border: 1px solid grey;}
#googleMap{height:280px; width:280px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 20px;float: left;margin-top: 10px;}
.point{cursor: pointer; }
#slider{ width: auto;height: 260px;alignment-adjust: central;margin :auto; width:980px;margin-top: -8px;}
#construction{width: 910px;height:800px;background-color: #8D070A;background: url(../Images/siteunder.gif) no-repeat;margin-left: 25px;}
.homcon{ float:left;margin-top: 10px;font-size: 15px;padding: 10px 10px;width: 250px;height:140px;box-shadow: 0 0 20px rgb(230, 92, 0);}
.homcon1{float:left;margin-top: 30px;margin-left: 45px;width: 250px;height:200px;}
.headings{font-size: 20px;font-weight: bold;color: #803300;}
.clients{ height: 200px;width: 310px;margin-left: 55px;float:left;margin-top: 30px;}
.homcon2{float:left;margin-top: 30px;margin-left: 55px;width: 290px;height:200px;}
.homcon3{float:left;margin-top: 10px;font-size: 15px;padding: 10px 10px;width: 290px;height:140px;box-shadow: 0 0 20px rgb(230, 92, 0);}

#expanding{ background-color: #E65C00;float:right;height: 0px;width: 35px;margin-top: 150px;}
#shareicon{margin-top: 2px;float:right;margin-left: 35px; position:absolute;}
#shareimg{ margin-top: 40px;float: left;position: fixed;margin-left: 2px;}

#slideshow {  
    position: relative; 
    width: 290px; 
    height: 140px; 
    padding: 10px;margin-top: 10px; 
     box-shadow: 0 0 20px rgb(230, 92, 0);
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
.tech{float:left;margin-top: 10px;padding: 10px 10px;font-size: 15px;width: 240px;height:140px;box-shadow: 0 0 20px rgb(230, 92, 0);}
.tech1{float:left;margin-left: 25px;margin-top: 30px;width: 250px;height:200px;}
#site{ padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#sit{ width: 100px;margin-left: 20px;}
.sitemap{background-color: white;margin-left: 195px;width: 960px;height: 500px;margin :auto;}
#com{ margin-left: 285px;width: 470px;float: left;margin-top: 20px;}
.mission{float: left;margin-top: 30px;width: 250px;height:200px;margin-left: 25px;}
.hommis{margin-top: 10px;font-size: 15px;padding: 10px 10px;width: 240px;height:140px;box-shadow: 0 0 20px rgb(230, 92, 0);}
.corpo{float: left;margin-top: 30px;width: 250px;height:200px;margin-left: 45px;}
.homcop{margin-top: 10px;font-size: 15px;padding: 10px 10px;width: 250px;height:140px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.hed1{width: 450px;float: left;margin-right: 500px;margin-left: 25px;}
.hed2{width: 450px;float: left;margin-right: 500px;margin-left: 25px;margin-top: 30px;}
.hed3{width: 150px;float: left;margin-left: 25px;margin-top: 30px;}
#car{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#car1{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 10px;}
#car2{float: left;width: 890px;margin-left: 25px;margin-top: 30px;}
#car3{float:left;padding-top: 10px;padding-left: 5px;box-shadow: 0 0 20px rgb(230, 92, 0);width: 500px;height: 400px;margin-right: 500px;margin-left: 25px;margin-top: 60px;}
.tech2{float:left;margin-left: 40px;width: 360px;height:230px;}
.tech3{float:left;padding: 10px 10px;font-size: 15px;width: 340px;height:150px;box-shadow: 0 0 20px rgb(230, 92, 0);}
.tech4{float:left;margin-left: 40px;width: 360px;height:210px;}
.tech5{float:left;padding: 10px 10px;font-size: 15px;width: 340px;height:160px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.cli{background-color: white;margin-left: 195px;height:800px;width: 960px;margin :auto;}
.cliimg{height: 100px;width: 220px;float: left;}
#cli1 {float: left;padding: 5px 5px;height: 120px;width: 550px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#cli2{float: left;padding: 5px 5px;height: 120px;width: 550px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;margin-top: 20px;}
#cli3{float: left;padding: 5px 5px;height: 120px;width: 550px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;margin-top: 20px;}
#cli4{float: left;padding: 5px 5px;height: 120px;width: 550px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;margin-top: 20px;}
#cli5{float: left;padding: 5px 5px;height: 120px;width: 550px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;margin-top: 20px;}
#cli6{float: left;padding: 5px 5px;height: 120px;width: 550px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;margin-top: 20px;}
#cli7{float: left;padding: 5px 5px;height: 120px;width: 550px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;margin-top: 20px;}
#cli8{float: left;padding: 5px 5px;height: 120px;width: 550px;box-shadow: 0 0 20px rgb(230, 92, 0);margin-left: 25px;margin-top: 20px;}
#techclient{float:right;width: 300px;height:250px;border: 1px solid black;margin-right: 25px;margin-bottom: 500px;}
#techclient1{float:right;padding: 10px 10px;font-size: 15px;width: 280px;height:200px;box-shadow: 0 0 20px rgb(230, 92, 0);border: 1px solid black;margin-top: 10px;}

.overview{background-color: white;margin-left: 195px;height:1000px;width: 960px;margin :auto;}
#over1{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 890px;margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#over2{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}
#over3{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}
#over4{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}

.people{background-color: white;margin-left: 195px;height:780px;width: 960px;margin :auto;}
#people1{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#people2{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}
#people3{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}

.company{background-color: white;margin-left: 195px;height:900px;width: 960px;margin :auto;}
.hed4{width: 500px;float: left;margin-left: 25px;position: absolute;margin-top: 20px;}
#com1{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#com2{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}
#com3{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}

.team{background-color: white;margin-left: 195px;height:780px;width: 960px;margin :auto;}
#team1{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#team2{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}

.Project{background-color: white;margin-left: 195px;height:780px;width: 960px;margin :auto;}
#project1{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#project2{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}

.services{background-color: white;margin-left: 195px;height:780px;width: 960px;margin :auto;}
#services1{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-right: 500px;margin-top: 60px;}
#services2{padding: 10px 10px;height:auto;box-shadow: 0 0 20px rgb(230, 92, 0);float: left;width: 550px;margin-left: 25px;margin-top: 15px;}

.comtech{float:left;margin-left: 630px;margin-top: 20px;width: 300px;height:350px;position:absolute;}
.comtech1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 280px;height:290px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.companyservice{float:left;margin-left: 630px;margin-top: 400px;width: 300px;height:320px;position:absolute;}
.companyservice1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 280px;height:260px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.ourservice{float:left;margin-left: 630px;margin-top: 400px;width: 300px;height:320px;position:absolute;}
.ourservice1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 280px;height:260px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.service{float:left;margin-left: 630px;margin-top: 400px;width: 300px;height:320px;position:absolute;}
.service1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 280px;height:290px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.comservice{float:left;margin-left: 630px;margin-top: 440px;width: 300px;height:320px;position:absolute;}
.comservice1{float:left;margin-top: 10px;padding: 10px 10px;font-size: 15px;width: 280px;height:260px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.resumetech{float:left;margin-left: 580px;margin-top: 20px;width: 360px;height:230px;position:absolute;}
.resumetech1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 340px;height:150px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.resumeservice{float:left;margin-left: 580px;margin-top: 260px;width: 360px;height:230px;position:absolute;}
.resumeservice1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 340px;height:150px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.careertech{float:left;margin-left: 620px;margin-top: 20px;width: 300px;height:230px;position:absolute;}
.careertech1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 300px;height:150px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.careerservice{float:left;margin-left: 620px;margin-top: 260px;width: 300px;height:230px;position:absolute;}
.careerservice1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 300px;height:150px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.overtech{float:left;margin-left: 630px;margin-top: 280px;width: 300px;height:300px;position:absolute;}
.overtech1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 280px;height:240px;box-shadow: 0 0 20px rgb(230, 92, 0);}

.overservice{float:left;margin-left: 630px;margin-top: 605px;width: 300px;height:280px;position:absolute;}
.overservice1{float:left;margin-top: 15px;padding: 10px 10px;font-size: 15px;width: 280px;height:220px;box-shadow: 0 0 20px rgb(230, 92, 0);}

/* Scroller Box */
    #scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4 {width: 280px; height: 290px; overflow: hidden;}
    #scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4, #scroller_container5, #scroller_container6, 
    #scroller_container7, #scroller_container8, #scroller_container9, #scroller_container10, #scroller_container11, #scroller_container12, 
    #scroller_container13, #scroller_container14, #scroller_container15, #scroller_container16 {overflow: auto;}
    #scroller_container4 {width: 280px; height: 150px; overflow: hidden;}
    #scroller_container5 {width: 280px; height: 290px; overflow: hidden;}
    #scroller_container6 {width: 280px; height: 260px; overflow: hidden;}
    #scroller_container7 {width: 280px; height: 140px; overflow: hidden;}
    #scroller_container8 {width: 280px; height: 290px; overflow: hidden;}
    #scroller_container9 {width: 280px; height: 290px; overflow: hidden;}
    #scroller_container10 {width: 280px; height: 260px; overflow: hidden;}
    #scroller_container11 {width: 280px; height: 240px; overflow: hidden;}
    #scroller_container12 {width: 280px; height: 220px; overflow: hidden;}
    #scroller_container13 {width: 280px; height: 290px; overflow: hidden;}
    #scroller_container14 {width: 280px; height: 290px; overflow: hidden;}
    #scroller_container15 {width: 280px; height: 290px; overflow: hidden;}
    #scroller_container16 {width: 280px; height: 150px; overflow: hidden;}
   
/* Scoller Box */
        
.marquee {
	position: relative;
	overflow: hidden;
	width: 280px;
	height: 290px;
	padding: 5px;
     }
.marquee p{
	list-style:none;	
}

.smallmarquee {
	position: relative;
	overflow: hidden;
	width: 240px;
	height: 130px;
	padding: 5px;
     }
.smallmarquee p{
	list-style:none;	
}
/*-----BODY END----------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------footer----------------------------------------------------*/

.footer{margin:0px 0px 0px 0px;padding:0;height:250px;background:#E65C00 repeat-x top;color: black;}
.footer_res{margin:0 auto;padding:0;width:960px;}
.footer_con{float:left;width:998px;height:auto;margin:10px 0px 0px 0px;color:#7d7d7d;padding:20px 0px 40px 0px;font-size:14px;line-height:1.9em;}

.foot1{float:left;width:225px;height:auto;}
.foot1h{float:left;width:225px;height:auto;padding:0px 0px 10px 0px;border-bottom:1px dotted #fff;font-size:18px;margin:0px 10px 0px 0px;color:black;}
.foot1t{float:left;width:225px;height:auto;padding:10px 0px 0px 0px;}

.foot2{float:left;width:225px;height:auto;margin:0px 0px 0px 20px;}
.foot2h{float:left;width:225px;height:auto;padding:0px 0px 10px 0px;border-bottom:1px dotted #fff;font-size:18px;margin:0px 10px 0px 0px;color:black;}
.foot2t{float:left;width:225px;height:auto;padding:10px 0px 0px 0px;}

.foot3{float:left;width:225px;height:auto;margin:0px 0px 0px 20px;}
.foot3h{float:left;width:225px;height:auto;padding:0px 0px 10px 0px;border-bottom:1px dotted #fff;font-size:18px;margin:0px 10px 0px 0px;color:black;}
.foot3t{float:left;width:225px;height:auto;padding:10px 0px 0px 0px;}

.foot4{float:left;width:225px;height:auto;margin:0px 0px 0px 20px;}
.foot4h{float:left;width:225px;height:auto;padding:0px 0px 10px 0px;border-bottom:1px dotted #fff;font-size:18px;margin:0px 10px 0px 0px;color:black;}
.foot4t{float:left;width:225px;height:auto;padding:10px 0px 0px 0px;}

.footer_con a {color:black;text-decoration:none;}
.footer_con a:hover {text-decoration:none;color: white;}

/*---------efter----------*/
.efter{margin:0;padding:0;height:auto;}
.efter_res{margin:0 auto;padding:0px;width:960px;}
.efter_con0{float:left;width:960px;height:auto;padding:0px 0px 0px 0px;}

.efter_con{text-align:center;float:left;width:960px;height:auto;padding:10px 0px 10px 0px;color:white;font-size:14px;line-height:1.9em;border-bottom:1px solid #3d3d3d;margin:0px 0px 10px 0px;}
.efter_con a {color:black;text-decoration:none;margin:0px 17px;}
.efter_con a:first-child {color:black;text-decoration:none;margin:0px 0px;}
.efter_con a:hover {color:white;text-decoration:none;}

.efter_con1{float:left;width:960px;height:auto;padding:0px 0px 0px 0px;color:black;}

.copy4{float:left;width:400px;height:auto;text-align:center;font-size:14px;line-height:1.9em;margin-left: 300px;}
.copy4 a {color:black;text-decoration:none;}
.copy4 a:hover {color:black;text-decoration:none;}