@charset "utf-8";

/* CSS Document */



*{margin:0px; padding:0px; border:0px;}



BODY {

background-image:url(../images/rcg-infosoft-corporate-site.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; font-stretch:normal; font-style:normal; color:#FFFFFF;

}



#WRAPPER {

margin:0 auto; width:937px

}

#HEADER {

width:937px; height:361px; vertical-align:top

}

#CONTAINER {

width:937px; height:626px; vertical-align:top

}

#FOOTER {

width:937px; height:203px; vertical-align:top; margin-top:10px

}

#TOP {

width:937px; height:12px

}

#LOGO {

float:left; width:211px; height:41px; background:url(../images/rcginfosoft-logo.png)

}

#HOMEBTN {

float:left; width:104px; height:41px

}

#ABTBTN {

float:left; width:101px; height:41px; margin-left:2px

}

#SERVICESBTN {

float:left; vertical-align:top; width:101px; height:41px; margin-left:3px

}

#DSGNSTDBTN {

float:left; vertical-align:top; width:101px; height:41px; margin-left:3px

}

#CASTUDIESBTN {

float:left; vertical-align:top; width:101px; height:41px; margin-left:2px

}

#CAREERSBTN {

float:left; vertical-align:top; width:101px; height:41px; margin-left:3px

}

#CONTUSBTN {

float:left; vertical-align:top;  width:102px; height:41px; margin-left:2px

}

#BFRHEADR {

float:left; width:937px; height:13px;

}

#BANNER {

float:left; width:937px; height:253px; 

}

#AFTRHEADR {

float:left; width:937px; height:42px;

}

#CONTAINER {

float:left; width:937px; height:626px

}

#MIDLFT {

float:left; width:628px; height:626px

}

#GREENTAB {

float:left; width:230px; height:29px; background:url(../images/green-tab.jpg); padding-top:5px; padding-left:61px

}

#BLUETAB {

float:left; width:220px; height:29px; background:url(../images/blue-tab.jpg); margin-left:36px; margin-right:10px;; padding-top:5px; padding-left:71px

}

.TXTTAB {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-stretch:normal; font-style:normal; font-variant:normal; color:#FFFFFF

}

#AFTRLFTTAB {

float:left; width:628px; height:15px

}

#GRENICON {

float:left; width:76px; height:54px; margin-left:7px; background:url(../images/business-icon.png)

}

#GRENTXT {

float:left; width:203px; height:111px; margin-left:5px

}

#BLUEICON {

float:left; width:47px; height:54px; background:url(../images/business-icon2.png); margin-left:40px

}

#BLUETXT {

float:left; width:215px; height:111px; margin-left:25px

}

#READMOR1 {

float:left; width:21px; height:20px; margin-left:269px

}

#READMOR2 {

float:left; width:21px; height:20px; margin-left:298px

}

#AFTRTABS 	{

float:left; width:628px; height:21px

}

#MAIN {

float:left; width:618px; height:421px;

}

#COMPANY {

width:174px; height:27px; margin-left:60px; margin-top:13px

}

#COMPIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/company-image.png); background-repeat:no-repeat

}

#MMATR {

float:left; width:404px; height:300px; margin-left:31px

}

#MIDRGHT {

float:left; width:309px; height:626px

}

#RGHTTOP {

float:left; width:309px; height:184px

}

#ORANGETAB {

float:left; width:200px; height:29px; background:url(../images/orange-tab.jpg); margin-left:26px; padding-top:5px; padding-left:83px

}

#AFTRGHTAB {

float:left; width:283px; height:15px

}

#SMALLICONS {

float:right; width:21px; height:19px; margin-top:10px; margin-right:5px;

}

#SMALLICON2 {

float:right; width:21px; height:19px; margin-right:7px; margin-top:10px;

}

#SMALLICON3 {

float:right; width:25px; height:25px; margin-right:7px; margin-top:7px;

}

#ORNGCONTANER {

float:left; width:283px; height:111px; margin-top:15px; margin-left:26px

}

#ORNGICON {

float:left; width:45px; height:53px; margin-left:15px; background:url(../images/business-icon3.png)

}

#ORNGTXT {

float:left; width:205px; height:111px; margin-left:18px

}

#READMORE3 {

float:left; width:21px; height:20px; margin-left:262px

}

#AFTRLFTABS1 {

float:left; width:309px; height:21px

}

#RGHTSERVICES {

float:left; width:283px; height:168px; margin-left:17px; margin-right:9px; background:url(../images/rghtservices.png);

}

#RGHTRCG {

width:186px; height:35px; margin-left:22px; margin-top:10px

}

#RGHTRCG1 {

width:145px; height:123px; margin-left:55px

}

#RGHTRCG1 UL {

width:145px; height:123px;

}

#RGHTRCG1 UL li {

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-variant:normal; color:#999999; list-style-type:none; list-style-image:url(../images/bullet1.png); text-decoration:none

}

#RGHTRCG1 UL li a{

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-variant:normal; color:#999999; list-style-type:none; list-style-image:url(../images/bullet1.png); text-decoration:none

}

#RGHTRCG1 UL li a:hover {

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-variant:normal; color:#FFFFFF; list-style-type:none; list-style-image:url(../images/bullet1.png); text-decoration:none; padding-left:2px

}

#QUERIES {

float:left; width:283px; height:244px; margin-left:17px; margin-right:9px; margin-top:9px; background:url(../images/loginback.png)

}

#QUERYBOX {

float:left; width:206px; height:225px; margin-top:10px; margin-left:41px; background:url(../images/quick-query.png); background-repeat:no-repeat

}

#QUERYFORM {

float:left; width:188px; height:161px; margin-top:33px; margin-left:9px

}

#QUERSUBMITBTN {

float:left; width:188px; height:22px; margin-top:4px; 

}

#QUERYFORM1 {

float:left; width:188px; height:161px

}

#QUERYNAME {

float:left; width:169px; height:21px; margin-top:6px; margin-left:10px; background-image:url(../images/quicktxtfield.png); background-repeat:no-repeat

}

#QUERYEMAIL {

float:left; width:169px; height:21px; margin-top:10px; margin-left:10px; background-image:url(../images/quicktxtfield.png); background-repeat:no-repeat

}

#QUERYPHONE {

float:left; width:169px; height:21px; margin-top:10px; margin-left:10px; background-image:url(../images/quicktxtfield.png); background-repeat:no-repeat

}

#QUERYMESSAGE {

float:left; width:169px; height:58px; margin-top:10px; margin-left:10px; background-image:url(../images/quicktextarea.png); background-repeat:no-repeat

}

.querytxtfield {

width:169px; height:21px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-stretch:normal; font-style:normal; font-variant:normal; border: #0099FF 1px solid

}

.querytxtarea {

width:169px; height:58px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-stretch:normal; font-style:normal; font-variant:normal; border: #0099FF 1px solid

}





#TXTHEAD {

float:left; width:937px; height:32px; margin-top:30px

}



#BLWTXTHEAD {

float:left; width:937px; height:108px

}

#BTMHEAD1 {

float:left; width:198px; height:30px; margin-left:74px

}

#BTMHEAD2 {

float:left; width:240px; height:30px; margin-left:83px; padding-left:15px

}

#BTMHEAD3 {

float:left; width:241px; height:30px; margin-left:70px

}

#INFOTECH {

float:left; width:207px; height:108px; margin-left:74px

}

#INFOTECH UL {

float:left; width:200px; height:108px

}

#INFOTECH UL li {

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-variant:normal; color:#999999; margin-bottom:5px; list-style-type:none

}

#INFOTECH UL li a{

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-variant:normal; color:#999999; margin-bottom:5px; list-style-type:none; text-decoration:none

}

#INFOTECH UL li a:hover {

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-variant:normal; color:#FFFFFF; margin-bottom:5px; list-style-type:none; text-decoration:none; padding-left:2px

}

#FOLWRCG {

float:left; width:230px; height:108px; margin-left:70px

}

#FACEBOOK {

float:left; width:45px; height:75px;  margin-left:17px

}

#TWITTER {

float:left; width:44px; height:75px;  margin-left:30px

}

#LINKEDIN {

float:left; width:44px; height:75px;  margin-left:30px

}

#MGMTCOSLT {

float:left; width:228px; height:108px; margin-left:100px

}

#MGMTCOSLT UL {

float:left; width:228px; height:108px

}

#MGMTCOSLT li{

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-variant:normal; color:#999999; margin-bottom:5px; list-style-type:none

}

#MGMTCOSLT li a{

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-variant:normal; color:#999999; margin-bottom:5px; list-style-type:none; list-style-image:none; text-decoration:none

}

#MGMTCOSLT li a:hover {

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-variant:normal; color:#FFFFFF; margin-bottom:5px; list-style-type:none; padding-left:2px; text-decoration:none

}



#BTMSTRIP {

float:left; width:917px; height:32px; background:url(../images/Btm-Strip.png); padding-left:20px

}

#BTMSTRIP li {

	margin:0px;

	list-style-type: none;

	float: left;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	padding-top:10px;

	color:#FFFFFF;

}

#BTMSTRIP li a{

	margin: 0px;

	list-style-type: none;

	float: left;

	color:#FFFFFF;

	font:Verdana, Arial, Helvetica, sans-serif;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	text-decoration:none

}

#BTMSTRIP li a:hover{

	margin: 0px;

	list-style-type: none;

	float: left;

	color:#99FF33;

	font:Verdana, Arial, Helvetica, sans-serif;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	text-decoration:none

}





.BTMTXT {

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-variant:normal; color:#FFFFFF;

}

p {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-variant:normal; text-align:justify; color:#FFFFFF

}

.bold {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-variant:normal; text-align:justify; color:#FFFFFF; font-stretch:normal; font-weight:200

}

.TOPTXT {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-variant:normal; text-align:justify

}

.MIDTTXT {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-variant:normal; list-style-type:none; color:#FFFFFF

}

h4 {

	font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-stretch:normal; font-style:normal; font-variant:normal; color: #0099FF; padding-left:10px

}

h3 {

	font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-stretch:normal; font-style:normal; font-variant:normal; color: #0099FF; padding-left:10px

}

h5 {

	font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-stretch:normal; font-style:normal; font-variant:normal; color:#99FF66

}





.HOMEBTNIMG {

background-image:url(../images/home-btn-hover.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.HOMEBTNIMG:hover{

background-image:url(../images/home-btn.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.ABTBTNIMG {

background-image:url(../images/about-btn.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.ABTBTNIMG:hover {

background-image:url(../images/about-btn-hover.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.SERVBTNIMG {

background-image:url(../images/services-btn.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.SERVBTNIMG:hover {

background-image:url(../images/services-btn-hover.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.DSGNSBTNIMG {

background-image:url(../images/designstudio-btn.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.DSGNSBTNIMG:hover {

background-image:url(../images/designstudio-btn-hover.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.CASEBTNIMG {

background-image:url(../images/REQUESTQUOTE-btn.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.CASEBTNIMG:hover {

background-image:url(../images/REQUESTQUOTE-HOVER-btn.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.CARERBTNIMG {

background-image:url(../images/careers-btn.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.CARERBTNIMG:hover {

background-image:url(../images/careers-btn-hover.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.CONTBTNIMG {

background-image:url(../images/contacts-btn.jpg); width:104px; height:41px; background-repeat:no-repeat;

}

.CONTBTNIMG:hover {

background-image:url(../images/contacts-btn-hover.jpg); width:104px; height:41px; background-repeat:no-repeat;

}



#ABOUTUS {

float:left; width:626px; height:626px

}

#ABOUTRCG {

width:200px; height:27px; margin-left:65px; margin-top:13px

}

#ABTIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/About-Us.png); background-repeat:no-repeat

}

#ABTMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#RGHTTOPEDIT {

float:left; width:309px; height:184px

}

#RGHTOPIMG {

float:left; width:258px; height:178px; margin-left:25px; background:url(../images/clipbox1.png); background-repeat:no-repeat

}



#MISNVISN {

float:left; width:626px; height:626px

}

#MISNVISNHEAD {

width:200px; height:27px; margin-left:50px; margin-top:13px

}

#MSNVSNIMGIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/MissionVision.png); background-repeat:no-repeat

}

#MISNVISNMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#MISNVISNbullets {

float:left; width:20px; height:480px; margin-top:15px

}

#bullets {

float:left; width:20px; height:7px; margin-top:15px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets1 {

float:left; width:20px; height:7px; margin-top:32px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets2 {

float:left; width:20px; height:7px; margin-top:45px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets3 {

float:left; width:20px; height:7px; margin-top:45px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets4 {

float:left; width:20px; height:7px; margin-top:45px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets5 {

float:left; width:20px; height:7px; margin-top:45px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets6 {

float:left; width:20px; height:7px; margin-top:19px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets7 {

float:left; width:20px; height:7px; margin-top:32px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets8 {

float:left; width:20px; height:7px; margin-top:32px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#bullets9 {

float:left; width:20px; height:7px; margin-top:32px; background-image:url(../images/arrow.png); background-repeat:no-repeat

}

#MISNRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/misn-visn-clipbox.png); background-repeat:no-repeat

}

#TEAM {

float:left; width:626px; height:626px

}

#TEAMHEAD {

width:200px; height:27px; margin-left:60px; margin-top:13px

}

#TEAMIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/Team.png); background-repeat:no-repeat

}

#TEAMMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#TEAMRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/rghttopbox.png); background-repeat:no-repeat

}





#SERVICES {

float:left; width:626px; height:626px

}

#SERVICESHEAD {

width:200px; height:27px; margin-left:50px; margin-top:13px

}

#SERVICESIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/Services.png); background-repeat:no-repeat

}

#SERVICESMATR {

float:left; width:404px; height:150px; margin-left:31px; margin-top:10px

}

#SERVICESMAINBOX {

float:left; width:550px; height:430px; vertical-align:top; margin-left:65px

}

#SERVICEBOX1 {

width:250px; height:130px; float:left; vertical-align:top; background-image:url(../images/services-image-box1.png); background-repeat:no-repeat

}

#SERVICEBOX2 {

width:250px; height:130px; float:left; vertical-align:top; margin-left:30px; background-image:url(../images/services-image-box1.png); background-repeat:no-repeat

}

#SERVICEBOX3 {

width:250px; height:130px; float:left; vertical-align:top; margin-top:20px; background-image:url(../images/services-image-box1.png); background-repeat:no-repeat

}

#SERVICEBOX4 {

width:250px; height:130px; float:left; vertical-align:top; margin-left:30px; margin-top:20px; background-image:url(../images/services-image-box1.png); background-repeat:no-repeat

}

#SERVICEBOX5 {

width:250px; height:130px; float:left; vertical-align:top; margin-top:20px; background-image:url(../images/services-image-box1.png); background-repeat:no-repeat

}

#SERVICEBOX6 {

width:250px; height:130px; float:left; vertical-align:top; margin-left:30px; margin-top:20px; background-image:url(../images/services-image-box1.png); background-repeat:no-repeat

}

#SERVICE1 {

width:225px; height:20px; float:left; padding-left:20px; padding-top:4px

}

#SERVICE1TXT {

width:230px; height:70px; float:left; margin-left:10px; padding-top:10px

}

#SERVICE1READMRE {

width:22px; height:20px; float:left; margin-left:210px

}

.SERVICE1 {

	font:Verdana, Arial, Helvetica, sans-serif;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-stretch:normal;

	font-style:normal;

	font-variant:normal;

	color: #666666

}

#SERVICE2 {

width:230px; height:20px; float:left; padding-left:20px; padding-top:4px

}

#SERVICE2TXT {

width:230px; height:70px; float:left; margin-left:10px; padding-top:10px

}

#SERVICE3 {

width:225px; height:20px; float:left; padding-left:25px; padding-top:4px

}

#SERVICE3TXT {

width:230px; height:70px; float:left; margin-left:10px; padding-top:10px

}

#SERVICE4 {

width:190px; height:20px; float:left; padding-left:60px; padding-top:4px

}

#SERVICE4TXT {

width:230px; height:70px; float:left; margin-left:10px; padding-top:10px

}

#SERVICE5 {

width:210px; height:20px; float:left; padding-left:40px; padding-top:4px

}

#SERVICE5TXT {

width:230px; height:70px; float:left; margin-left:10px; padding-top:10px

}

#SERVICE6 {

width:210px; height:20px; float:left; padding-left:40px; padding-top:4px

}

#SERVICE6TXT {

width:230px; height:70px; float:left; margin-left:10px; padding-top:10px

}



#CASTUD {

float:left; width:626px; height:626px

}

#CASTUDHEAD {

width:200px; height:32px; margin-left:40px; margin-top:13px

}

#CASTUDIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/company-image.png); background-repeat:no-repeat

}

#CASTUDMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}







#CAREER {

float:left; width:626px; height:626px

}

#CAREERHEAD {

width:200px; height:27px; margin-left:70px; margin-top:13px

}

#CAREERIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/Careers.png); background-repeat:no-repeat

}

#CAREERMATR {

float:left; width:404px; height:150px; margin-left:31px; margin-top:10px

}

#CAREERMAINBOX {

float:left; width:550px; height:430px; vertical-align:top; margin-left:65px

}

#CAREERSFORMBCK {

float:left; width:520px; height:400px; vertical-align:top; background:url(../images/careersback.png); background-repeat:no-repeat; padding-top:30px; padding-left:30px

}

#CAREERNAMEFIELD {

float:left; width:200px; height:180px; vertical-align:top

}

#CAREERBOXFIELD {

float:left; width:300px; height:180px; vertical-align:top

}

#CAREERNAME {

float:left; width:150px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERTXTNAME {

float:left; width:250px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERCITY {

float:left; width:150px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERTXTCITY {

float:left; width:250px; height:20px; vertical-align:top; margin-top:10px

}

#CAREEREMAIL {

float:left; width:150px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERTXTEMAIL {

float:left; width:250px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERPHONENO {

float:left; width:150px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERTXTPHONENO {

float:left; width:250px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERMOBILENO {

float:left; width:150px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERTXTMOBILENO {

float:left; width:250px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERPOSITION {

float:left; width:150px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERTXTPOSITION {

float:left; width:250px; height:20px; vertical-align:top; margin-top:10px

}

#CAREERNAMEFIELD2 {

float:left; width:500px; height:180px; vertical-align:top; margin-top:30px

}

#CAREERUPLOADTXT {

float:left; width:450px; height:20px; vertical-align:top

}

#CARERNAMFLD {

float:left; width:200px; height:20px; vertical-align:top

}

#CARERTXTNAMFLD {

float:left; width:300px; height:20px; vertical-align:top

}

#CARERSUBMITBTN {

float:left; width:100px; height:20px; margin-left:200px; margin-top:10px

}

#CARERRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background-repeat:no-repeat

}







#METHOD {

float:left; width:626px; height:626px

}

#METHODHEAD {

width:200px; height:27px; margin-left:50px; margin-top:13px

}

#METHODIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/Methodology.png); background-repeat:no-repeat

}

#METHODMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#METHODRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/clipbox1.png); background-repeat:no-repeat

}





#WEBAPP {

float:left; width:626px; height:626px

}

#WEBAPPHEAD {

width:500px; height:27px; margin-left:50px; margin-top:13px

}

#WEBAPPIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/web-based-app.png); background-repeat:no-repeat

}

#WEBAPPMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#WEBAPPRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/software-develop.-clipbox.png); background-repeat:no-repeat

}







#ELEARNPRO {

float:left; width:626px; height:626px

}

#ELEARNPROHEAD {

width:450px; height:27px; margin-left:50px; margin-top:13px

}

#ELEARNPROIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/e-learning.png); background-repeat:no-repeat

}

#ELEARNPROMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#ELEARNGRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/e-learning-clipbox.png); background-repeat:no-repeat

}





#RESOURCE {

float:left; width:626px; height:626px

}

#RESOURCEHEAD {

width:400px; height:27px; margin-left:50px; margin-top:13px

}

#RESOURCEIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/resourcing,-staff-agum.png); background-repeat:no-repeat

}

#RESOURCEMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#RESOURGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/news-events-rght-top.png); background-repeat:no-repeat

}







#CONTACT {

float:left; width:626px; height:626px

}

#CONTACTHEAD {

width:200px; height:20px; margin-left:40px; margin-top:13px

}

#CONTACTFORM {

float:left; width:580px; height:560px; margin-top:10px; margin-left:20px

}

#CONTBACK {

float:left; width:550px; height:400px; background:url(../images/contct-us-back.png); background-repeat:no-repeat

}

#CONTBACK1 {

float:left; width:270px; height:380px; margin-top:20px; padding-left:30px

}

#CONTIMAG {

float:left; width:250px; height:300px; margin-top:60px

}

#CONTIMAG1 {

float:left; width:122px; height:143px; margin-left:30px; background:url(../images/Contact-Us.png); background-repeat:no-repeat

}

#divCONT1 {

float:left; width:250px; height:230px

}

#divCONT2 {

float:left; width:250px; height:150px

}

#CONTICON1 {

float:left; width:28px; height:27px; background:url(../images/icon_msn.png); background-repeat:no-repeat

}

#CONTICON2 {

float:left; width:27px; height:26px; margin-top:10px; background:url(../images/icon_yahoo.png); background-repeat:no-repeat

}

#CONTICON3 {

float:left; width:28px; height:27px; margin-top:10px; background:url(../images/eblogger-icon.png); background-repeat:no-repeat

}

#CONTICON1txt {

float:left; width:200px; height:27px; margin-left:22px

}

#CONTICON2txt {

float:left; width:200px; height:27px; margin-left:22px; margin-top:10px

}

#CONTICON3txt {

float:left; width:200px; height:27px; margin-left:22px; margin-top:10px

}

#CONTRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/rghttopbox.png); background-repeat:no-repeat

}







.READMORE {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-stretch:normal; font-variant:normal; font-style:normal; color:#FFFFFF; text-decoration:none

}

.READMORE a {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-stretch:normal; font-variant:normal; font-style:normal; color:#FFFFFF; text-decoration:none; padding-left:5px; padding-top:10px

}

.READMORE a:hover {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-stretch:normal; font-variant:normal; font-style:normal; color:#99FF33; text-decoration:none;  padding-left:5px; padding-top:10px

}







#CONTRACTHIRE {

float:left; width:626px; height:626px

}

#CONTRACTHIREHEAD {

width:400px; height:27px; margin-left:50px; margin-top:13px

}

#CONTRACTHIREIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/contract-2-hire.png); background-repeat:no-repeat

}

#CONTRACTHIREMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#CONTRCTHIRERGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/news-events-rght-top.png); background-repeat:no-repeat

}







#OUTSOURCE {

float:left; width:626px; height:626px

}

#OUTSOURCEHEAD {

width:400px; height:27px; margin-left:50px; margin-top:13px

}

#OUTSOURCEIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/Partial-Outsourcing.png); background-repeat:no-repeat

}

#OUTSOURCEMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#OUTSOURCERGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/clipbox1.png); background-repeat:no-repeat

}







#BACKOFFICE {

float:left; width:626px; height:626px

}

#BACKOFFICEHEAD {

width:400px; height:27px; margin-left:50px; margin-top:13px

}

#BACKOFFICEIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/Backoffice.png); background-repeat:no-repeat

}

#BACKOFFICEMATR {

float:left; width:404px; height:500px; margin-left:31px; margin-top:10px

}

#BACKOFFRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/clipbox1.png); background-repeat:no-repeat

}





#QUOTE {

float:left; width:626px; height:626px

}

#QUOTEHEAD {

width:200px; height:20px; margin-left:40px; margin-top:13px

}







#SITEMAP {

float:left; width:626px; height:626px

}

#SITEMAPHEAD {

width:390px; height:27px; margin-left:50px; margin-top:13px; padding-left:10px

}

#SITEMAPIMG {

float:left; width:122px; height:143px; margin-left:57px; background-image:url(../images/Site-Map.png); background-repeat:no-repeat

}

#SITEMAPMATR {

float:left; width:404px; height:570px; margin-left:31px; margin-top:10px

}





#SITEMAPMATR li {

	

	list-style-type: none;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	padding-top:10px;

	color:#FFFFFF;

}

#SITEMAPMATR li a{

	margin: 0px;

	list-style-type: none;

	color:#FFFFFF;

	font:Verdana, Arial, Helvetica, sans-serif;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	text-decoration:none

}

#SITEMAPMATR li a:hover{

	margin: 0px;

	list-style-type: none;

	color:#99FF33;

	font:Verdana, Arial, Helvetica, sans-serif;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	text-decoration:none

}





.BTMTXT {

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-variant:normal; color:#FFFFFF;

}



#SITEMAPRGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/news-events-rght-top.png); background-repeat:no-repeat

}









div.box {

margin:0 auto;

width:500px;

background:#222222;

position:relative;

top:50px;

border:1px solid #262626;

}



div.box h1 { 

color:#ffffff;

font-size:18px;

text-transform:uppercase;

padding:5px 0 5px 5px;

border-bottom:1px solid #161712;

border-top:1px solid #161712; 

}



div.box label {

width:100%;

display: block;

background:#1C1C1C;

border-top:1px solid #262626;

border-bottom:1px solid #161712;

padding:10px 0 10px 0;

}



div.box label span {

display: block;

color:#bbbbbb;

font-size:12px;

float:left;

width:100px;

text-align:right;

padding:5px 20px 0 0;

}



div.box .input_text {

padding:10px 10px;

width:200px;

background:#262626;

border-bottom: 1px double #171717;

border-top: 1px double #171717;

border-left:1px double #333333;

border-right:1px double #333333;

}



div.box .message{

padding:7px 7px;

width:350px;

background:#262626;

border-bottom: 1px double #171717;

border-top: 1px double #171717;

border-left:1px double #333333;

border-right:1px double #333333;

overflow:hidden;

height:150px;

}



div.box .button

{

margin:0 0 10px 0;

padding:4px 7px;

background:#CC0000;

border:0px;

position: relative;

top:10px;

left:382px;

width:100px;

border-bottom: 1px double #660000;

border-top: 1px double #660000;

border-left:1px double #FF0033;

border-right:1px double #FF0033;

}







#QUOTEFORM {

float:left; width:580px; height:560px; margin-top:10px; margin-left:20px

}

#QUOTEBACK {

float:left; width:450px; height:540px; margin-left:15px;  background-image:url(../images/roqback.png); background-repeat:no-repeat

}

#QUOTERGHTOPBOX {

float:left; width:285px; height:184px; margin-left:15px; margin-right:9px; background:url(../images/rghttopbox.png); background-repeat:no-repeat

}

#ROQCONTENTS {

width:170px; height:540px; float:left; vertical-align:top

}

#ROQCONTAINER {

width:270px; height:540px; float:left; vertical-align:top; margin-left:10px

}

#ROQNAME {

width:130px; height:18px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTNAME {

width:250px; height:18px; float:left; vertical-align:top; margin-top:10px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px

}

#ROQEMAIL {

width:130px; height:18px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTEMAIL {

width:250px; height:18px; float:left; vertical-align:top; margin-top:10px;

}

#ROQCOUNTRY {

width:130px; height:18px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTCOUNTRY {

width:250px; height:18px; float:left; vertical-align:top; margin-top:10px;

}

#ROQPHONE {

width:130px; height:18px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTPHONE {

width:250px; height:18px; float:left; vertical-align:top; margin-top:10px;

}

#ROQWEBSITE {

width:130px; height:18px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTWEBSITE {

width:250px; height:18px; float:left; vertical-align:top; margin-top:10px;

}

#ROQBENCHMARK {

width:130px; height:58px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTBENCHMARK {

width:250px; height:58px; float:left; vertical-align:top; margin-top:10px;

}

#ROQSOLREQ {

width:130px; height:18px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTSOLREQ {

width:250px; height:18px; float:left; vertical-align:top; margin-top:10px;

}

#ROQDESCRIPTION {

width:130px; height:58px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTDISCRIPTION {

width:250px; height:58px; float:left; vertical-align:top; margin-top:10px;

}

#ROQSOLREQ {

width:130px; height:18px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTSOLREQ {

width:250px; height:18px; float:left; vertical-align:top; margin-top:10px;

}

#ROQADDONS {

width:130px; height:99px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTADDONS {

width:250px; height:99px; float:left; vertical-align:top; margin-top:10px

}

#ROQADDONS1 {

width:125px; height:18px; float:left; vertical-align:top

}

#ROQADDONS2 {

width:100px; height:18px; float:left; vertical-align:top; margin-left:10px

}

#ROQADDONS3 {

width:125px; height:18px; float:left; vertical-align:top; margin-top:5px

}

#ROQADDONS4 {

width:100px; height:18px; float:left; vertical-align:top; margin-left:10px; margin-top:5px

}

#ROQADDONS5 {

width:125px; height:18px; float:left; vertical-align:top; margin-top:5px

}

#ROQADDONS6 {

width:100px; height:18px; float:left; vertical-align:top; margin-left:10px; margin-top:5px

}

#ROQADDONS7 {

width:125px; height:18px; float:left; vertical-align:top; margin-top:5px

}

#ROQADDONS8 {

width:100px; height:18px; float:left; vertical-align:top; margin-left:10px; margin-top:5px

}

#ROQCHKBOX {

width:21px; height:18px; float:left;

}

#ROQCHKBOXMATR1 {

width:104px; height:18px; float:left

}

#ROQCHKBOXMATR {

width:79px; height:18px; float:left

}

#ROQEXPDATE {

width:130px; height:18px; float:left; vertical-align:top; margin-top:10px; padding-left:20px

}

#ROQTXTEXPDATE {

width:250px; height:18px; float:left; vertical-align:top; margin-top:10px;

}

#ROQSUBMITBTN {

width:250px; height:35px; float:left; vertical-align:top; margin-top:20px

}

.roqtxtfield {

border:#0099FF 1px solid; height:18px

}

.roqsubmitbox {

border:#0099FF 1px solid; width:100px; height:18px

}

.roqtxtarea {

width:200px; height:58px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-stretch:normal; font-style:normal; font-variant:normal; color:#333333; border:#0099FF 1px solid

}

.contacttxt {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-stretch:normal;  font-style:normal; font-variant:normal; color:#FFFFFF

}



.contactchktxt {

font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-stretch:normal;  font-style:normal; font-variant:normal; color:#FFFFFF;

}









#ABOUTPORTFOLIO {

width:200px; height:25px; margin-left:65px; margin-top:13px

}

#PORTFOLIOMAIN {

width:626px; height:575px; margin-top:10px

}



/*::::: PIROBOX RULES::::::::*/



.bg_thumbs{

background:#000;/*::::: you can change overlay background-color here ::::::::*/

position:fixed!important;

position:absolute;

top:0;

left:0!important;

left:-17px;

width:100%;

margin:0;

padding:0;

visibility:hidden;

z-index:1001;

display:none;

}



.unloader, .img_box{

background:#000;/*::::: you can change img_box background-color here ::::::::*/

}



/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/



/*:::: PREV/NEXT inside rules ::::*/

.box_next_in{position:absolute;top:0;height:90%;width:74px;right:0;overflow:hidden;z-index:1010;background:none;display:block;}

a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(next_tt.gif) top right no-repeat;}

a:hover.next_in{background:url(next_tt.gif) top right no-repeat!important;background:url(next_tt.gif) center right no-repeat;}

.box_previous_in{position:absolute;top:0;z-index:100012;height:90%;left:0;width:74px;overflow:hidden;background:none;display:block;}

a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(prev_tt.gif) top left no-repeat;}

a:hover.previous_in{background:url(prev_tt.gif) top left no-repeat!important;background:url(prev_tt.gif) center left no-repeat;}



/*:::: PREV/NEXT outside rules ::::*/



.box_next{position:fixed!important;position:absolute;top:50%;margin-top:-9px;height:18px;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006;}

a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:18px;width:81px;right:-81px;z-index:1007;background:url(next_t_h.gif) center right no-repeat;}

a:hover.next{background:url(next_t.gif) center right no-repeat;}

.box_previous{position:fixed!important;position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:81px;overflow:hidden;z-index:1008;}

a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:18px;background:url(prev_t_h.gif) center left no-repeat;}

a:hover.previous{background:url(prev_t.gif) center left no-repeat;}



/*:::: END PREV/NEXT rules ::::*/





/*:::: IMG_BOX rules ::::*/



.img_box{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-25px;width:50px;height:50px;border:solid 1px;padding:2px!important;padding:1px;z-index:1002;visibility:hidden; overflow:hidden;}

.img_box img{position:relative;top:0;left:0;border:none;padding:0;z-index:1003;}



/*:::: END IMG_BOX rules ::::*/



/*:::: CLOSE, LOADING rules ::::*/



.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 5px 5px 0!important;margin:0 5px 3px 0;z-index:100014;background:url(close_t.gif) center right no-repeat!important;background:url(close_t.gif) center right no-repeat;visibility:hidden;}

.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px!important;margin-left:-22px!important;margin-top:-15px;margin-left:-20px;width:50px;height:50px;display:block;z-index:1007;}

.loader img{border:none;padding:0!important;padding:0;background:none;}

.unloader{visibility:visible;}

.thumbs{visibility:hidden;}



.caption{ background:#000;position:absolute;bottom:0;left:0;margin:0 0 3px 3px!important;margin:0 0 1.5px 2px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text}

.caption p{ margin:0;padding:0; margin-right:82px; }

.pre{visibility:hidden;display:none;}

.end{display:none;}

.begin{display:none;}



/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::*/



.gallery{float:left;padding:0;margin:;width:600px;height:100%!important;height:auto;padding:5px; list-style-type:none}

.gallery ul{float:left;padding:0;margin:0!important;margin:0; list-style-type:none}

.gallery img{margin:0;padding:2px;height:150px;width:250px}

.gallery li{float:left;height:150px;width:250px;margin-left:20px!important;margin:5px; margin-bottom:10px}

.gallery li a{float:left;height:154px;width:254px;border:2px solid #333}

.gallery li a:hover{float:left;height:154px;width:254px;border:2px solid #000}

#footerstyle{float: left;width: 917px;height:32px;padding-left:30px;padding-bottom: 20px;margin-top: 10px;}
#footerstyle ol{list-style-type: none;margin:0px;padding:0px;}
#footerstyle ol li{float:left;padding-right:5px;padding-bottom: 0px;padding-left: 5px;padding-top: 10px;color: white;}

#footerstyle ol li a{color: white;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;}
#footerstyle ol li a:hover{color: #9F3;}