@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}