@charset "utf-8";
/* CSS Document */

body 
{
background-color:#2e2e2e;

}

li ul
{
list-style:0;
}


/*....................Top Part................*/

#topBanner
{
height:90px;
width:785px;
background-image:url(Imgs/top_banner.jpg);
background-repeat:no-repeat;
}


.menuTop
{
color:#FFFFFF;
margin-top:58px;
padding-left:12px;
}

#mainBg
{
background:url(Imgs/mainbg.jpg);
background-repeat:no-repeat;
height:463px;
width:785px;
}

#addressBottom
{
background:url(Imgs/bottomAddress.gif);
background-repeat:no-repeat;
height:90px;
width:785px;
}

#contactPage
{
background-color:#5f5f5f;
height:463px;
width:785px;
}


#peoplepage
{
background-color:#5f5f5f;
height:774px;
width:785px;
}

#imageplacer
{
/*background:url(Imgs/img1.jpg);
background-repeat:no-repeat;*/
height:129px;
}

#contactimg
{
background:url(Imgs/contactimg_text.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:20px;
}

#People
{
background:url(Imgs/People_link.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:7px;
}

#address
{
color:#FFFFFF;
font-family:Arial;
font-size:11px;
height:110px;
width:210px;
margin-top:40px;
}

#aboutCont_1
{
font-family:Arial;
text-align:justify;
font-size:11px;
color:#FFFFFF;
width:520px;
padding-top:40px;
margin-left:80px;
}


#About
{
background:url(Imgs/about_page.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:20px;
}


#People
{
background:url(Imgs/People_link.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:7px;
}


#peolple_page
{
background:url(Imgs/people_text.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:40px;
}

#boldNbig
{
font-size:12px;
font-weight:bold;
}

#aboutcompany
{
background:url(Imgs/about_company.gif);
background-repeat:no-repeat;
height:10px;
width:130px;
padding-bottom:10px;
}



#Whyus
{
background:url(Imgs/Why-Us.gif);
background-repeat:no-repeat;
height:10px;
width:130px;
padding-bottom:10px;
}




#About_btn
{
background:url(Imgs/about_btn.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:7px;
}

#whtwedo_btn
{
background:url(Imgs/btnwht.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:1px;
}


/*--------------------------PEOPLEPAGE----------------*/

#Mangement
{
background:url(Imgs/Mangement.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:15px;
}


#accounts
{
background:url(Imgs/Accounts.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:461px;
}


#Projectmanger
{
background:url(Imgs/Projectmanager.gif);
background-repeat:no-repeat;
width:112px;
height:14px;
margin-left:20px;
margin-top:100px;
}
/*------------------------------------------------------People image holder----------------------------------------------------------*/
#Imageholder
{
width:204px;
background:url(Imgs/Imgholder.gif);
background-repeat:no-repeat;
width:190px;
height:60px;
margin-top:65px;
}

#Imageholderanwar
{
width:204px;
background:url(Imgs/Imgholder.gif);
background-repeat:no-repeat;
width:190px;
height:60px;
margin-top:33px;
}



#Imageholdergolam
{
width:204px;
background:url(Imgs/Imgholder.gif);
background-repeat:no-repeat;
width:190px;
height:60px;
margin-top:33px;
}



#Imageholderzaheed
{
width:204px;
background:url(Imgs/Imgholder.gif);
background-repeat:no-repeat;
width:190px;
height:60px;
margin-top:33px;
}





#Imageholderrais
{
width:204px;
background:url(Imgs/Imgholder.gif);
background-repeat:no-repeat;
width:190px;
height:60px;
margin-top:33px;
}


#Imageholdernext
{
width:204px;
background:url(Imgs/Imgholder.gif);
background-repeat:no-repeat;
width:190px;
height:60px;
margin-top:26px;
}

#Imageholderaccounts
{
width:204px;
background:url(Imgs/Imgholder.gif);
background-repeat:no-repeat;
width:190px;
height:60px;
margin-top:40px;
}


#imageholderprojectmanger
{
width:204px;
background:url(Imgs/Imgholder.gif);
background-repeat:no-repeat;
width:190px;
height:60px;
margin-top:59px;
}
/*------------------------------------------------------People image holder----------------------------------------------------------*/

#Executive1
{
width:215px;
font-family:Arial;
font-size:10px;
text-align:justify;
color:#ffffff;
margin-top:61px;;
}

#Executive2
{
width:215px;
font-family:Arial;
font-size:10px;
text-align:justify;
color:#ffffff;
margin-top:28px;;
}

#Executive3
{
width:215px;
font-family:Arial;
font-size:10px;
text-align:justify;
color:#ffffff;
margin-top:30px;
}



#Executive4
{
width:215px;
font-family:Arial;
font-size:10px;
text-align:justify;
color:#ffffff;
margin-top:28px;
}


#Executive5
{
width:215px;
font-family:Arial;
font-size:10px;
text-align:justify;
color:#ffffff;
margin-top:28px;
}

#Executive6
{
width:215px;
font-family:Arial;
font-size:10px;
text-align:justify;
color:#ffffff;
margin-top:40px;

}

#Executive7
{
width:215px;
font-family:Arial;
font-size:10px;
text-align:justify;
color:#ffffff;
margin-top:55px;
}



/*-----------Services----------------*/

#Services
{
background:url(Imgs/Servis_img.gif);
background-repeat:no-repeat;
width:98px;
height:14px;
margin-left:20px;
margin-top:20px;
}

#Servicelist
{
font-family:Arial;
color:#ffffff;
font-size:10px;
background-repeat:no-repeat;
width:130px;
height:126px;
margin-left:20px;
margin-top:5px;
line-height:15px;
}

#Servicelist a
{
color:#FFFFFF;
text-decoration:none;

}


#PresntationDraing
{
background:url(Imgs/ps.gif);
background-repeat:no-repeat;
width:140px;
height:14px;
margin-left:0px;
margin-top:10px;
}


#imgcontainer
{
width:140px;
height:14px;
margin-left:0px;
margin-top:10px;
}


/*----Here is the galary contents----*/
#Gallery
{
background-color:#484848;
/*background:url(Imgs/DummyImg.gif);
background-repeat:no-repeat;*/
width:785px;
height:588px;
}

#GalleryBottom
{
background:url(Imgs/Banner_bottom-galery.gif);
background-repeat:no-repeat;
width:785px;
height:53px;
}

#previous
{
background:url(Imgs/Previous.gif);
background-repeat:no-repeat;
width:8px;
height:11px;
}


#next
{
background:url(Imgs/Next.gif);
background-repeat:no-repeat;
width:8px;
height:11px;
}

.Textcontainer
{
color:#999999;
font-family:Verdana;
font-size:10px;
font-weight:bold;
padding-left:5px;
}


/*............Here is the JOB  content.........*/

.email a
{
color:#000000;

}

.imageholderjob
{
width:98px;
height:14px;
margin-left:20px;
margin-top:20px;
}

.smallimageholder
{
height:10px;
width:110px;
margin-top:8px;
margin-left:20px;
}
#gap1
{
padding-top:8px;
float:left;
width:165px;
}

#gap2
{
padding-top:8px;
float:left;
width:200px;
}

#gap
{
padding-top:8px;
}

#gaplast
{
padding-top:8px;
padding-bottom:15px;
}

#bs23
{
color:#060606;
}


/*----------------------------------------Galery Animation--------------------------------*/

.Galleryanimation
{
background-color:#484848;
width:785px;
height:383px;
}

.animationthumbs
{
margin-top:100px;
margin-left:120px;
width:580px;
height:120px;
}


#g1
{
float:left;
width:128px;
height:102px;
}

#g2
{
float:left;
width:128px;
height:102px;
}

#g3
{
float:left;
width:128px;
height:102px;
}

#g4
{
float:left;
width:128px;
height:102px;
}

.fontstyle{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}


.Textcontainer2
{

color:#ffffff;
font-family:Verdana;
font-size:15px;
font-weight:bold;
text-align:center;

}

/*-----------------------VRML------------------*/


.VRML
{
margin-top:100px;
margin-left:240px;
width:257px;
height:102px;
}


#v1
{
float:left;
width:128px;
height:102px;
}

#v2
{
float:left;
width:128px;
height:102px;
}