*{ 
margin:0; 
padding:0; 
border:0px none; 
}
html{margin-bottom:1px; height:100%;}
body {
	font-family: Arial, tahoma, verdana;
	color:#707A87;
	margin:0px 0px 0px 0px;
	background:url('../images/pg-bg.jpg') repeat-x left top;
}
@font-face {
  font-family: 'Avenir LT Com 65 Medium';
  src: url(../fonts/AVENIRL0.eot);
  src: local('Avenir LT Com 65 Medium'), local('Avenir LT Com 65 Medium'), 
         url(../fonts/AvenirLTCom-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Myriad Web Pro';
  src: url(../fonts/MYRIADW0.eot);
  src: local('Myriad Web Pro'), local('Myriad Web Pro'), 
         url(../fonts/MyriadWebPro.ttf) format('truetype');
}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {margin:0px auto;width:946px; position:relative; float:none !important;}
#maindiv{width:944px; float:left; border:1px solid #c9cbd3;}

/*~~~~~~~~~~~~~~~~~~~~~~~~ Header CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#header{width:944px; float:left;}
.logo{width:727px; float:left; padding:24px 0px 24px 15px;}
.links{width:187px; float:left; text-align:right; font:11px Arial, Tahoma, Verdana; color:#000; padding:5px 15px 5px 0px;}
.links a{color:#000; text-decoration:none;}
.social{width:187px; float:left; text-align:right; padding:0px 15px 5px 0px;}
.search{width:187px; float:left; padding:0px 15px 5px 0px;}
.search-left{width:56px; height:24px; float:left; background:url('../images/search-left.jpg') no-repeat left top; font-size:1px;}
.search-right{width:24px; float:left;}
.search-mid{width:107px; height:20px; float:left; background:url('../images/search-bg.jpg') repeat-x left top; padding:2px 0px 2px 0px;}
.searchinput{width:97px; height:20px; border:0px; font:11px Arial, Tahoma, Verdana; color:#767676; padding:0px 5px 0px 5px;}

#maincontent{width:924px; float:left; padding:10px 10px 10px 10px;}
#content{width:924px; float:left; padding:25px 0px 0px 0px;}
.row{width:924px; float:left; padding:0px 0px 10px 0px;}
.whyus{width:924px; float:left; background:url('../images/why-gios-bg.jpg') repeat-x left top; padding:0px 0px 10px 0px;}
.whyus h2{font:22px 'Myriad Web Pro', Arial, tahoma, verdana; color:#21262b; margin:0px; padding:3px 0px 3px 15px;}

.reason{width:288px; float:left; font:bold 13px 'Avenir LT Com 65 Medium', Arial, tahoma, verdana; color:#1782c5; text-transform:uppercase; padding:15px 0px 15px 20px}
.sap{ background:url('../images/why-gios-saperator.jpg') no-repeat right bottom;}
.resnum{width:58px; float:left;}
.restxt{width:230px; float:left;}
.reason span{font:18px 'Avenir LT Com 65 Medium', Arial, tahoma, verdana; color:#21262b;}

.mainblock{width:924px; float:left; padding:0px 0px 10px 0px;}
.blockrow1{width:924px; float:left; background:url('../images/block-bg.jpg') repeat-y left top;}
.blockrow2{width:924px; height:11px; float:left; background:url('../images/block-bottom.jpg') no-repeat left top; font-size:1px;}

.roundbox{width:302px; float:left;}
.roundboxtop{width:302px; height:10px; float:left; background:url('../images/greybox-top.jpg') no-repeat left top; font-size:1px;}
.roundboxbot{width:302px; height:10px; float:left; background:url('../images/greybox-bot.jpg') no-repeat left top; font-size:1px;}
.roundboxmid{width:298px; float:left; border-left:1px solid #cdcfd3; border-right:1px solid #cdcfd3; padding:0px 1px 0px 1px;}
.roundboxmidin{width:268px; float:left; background:url('../images/greybox-bg.jpg') repeat-x left top; padding:0px 15px 0px 15px;}
.roundbox h3{font:20px 'Myriad Web Pro', Arial, tahoma, verdana; color:#000; margin:0px; padding:3px 0px 3px 0px;}
.roundbox p{font:12px Arial, Tahoma, Verdana; color:#21262b; line-height:18px; margin:0px; padding:3px 0px 3px 0px;}
.roundbox p a{font-weight:bold; color:#1782c5; text-decoration:none;}
.roundbox p span{font:11px Arial, Tahoma, Verdana; color:#73777b;}

#footer{width:924px; float:left; padding:0px 0px 0px 0px;}
.blocksec{width:894px; float:left; background:url('../images/footer-block-bg.jpg') repeat-x left top #40454a; border-top:3px solid #777c81; padding:15px 15px 15px 15px;}
.block{width:223px; float:left;}
.block h2{font:20px 'Myriad Web Pro', Arial, tahoma, verdana; color:#a9adb2; margin:0px; padding:3px 0px 8px 0px;}
.block ul{margin:0px; padding:0px;}
.block ul li{list-style:none; font:12px Arial, Tahoma, Verdana; color:#b9bec3; background:url('../images/arrow-bullet.gif') no-repeat 0px 8px; padding:3px 0px 3px 10px;}
.block ul li a{list-style:none;color:#b9bec3; text-decoration:none;}
.block ul li a:hover{list-style:none;color:#ff7200; text-decoration:underline;}


.mainfooter{width:894px; float:left; background:url('../images/footer-bg.jpg') repeat-x left top; font:12px Arial, Tahoma, Verdana; color:#b1b1b1; line-height:25px; padding:10px 15px 10px 15px;}
.mainfooter a{color:#b1b1b1; text-decoration:none;}
.mainfooter a.eco{color:#339901; text-decoration:none;}
.mainfooter span{font:11px Arial, Tahoma, Verdana; color:#828282;}
.copy{width:447px; float:left;}
.credential{width:447px; float:left; text-align:right;}


.middle{vertical-align:middle;}
.right{text-align:right;}
.boxmargin{margin-right:9px;}

/******************** Global Inner Page CSS *********************/
.contentpad{padding:24px 0px 0px 0px;}
.leftpane{width:602px; float:left; padding:10px 10px 10px 0px;}
.rightpane{width:302px; float:left; padding:10px 0px 10px 10px;}
.controw{width:602px; float:left; padding:0px 0px 20px 0px;}

.leftpane a{list-style:none;color:#317bc2; text-decoration:underline;}

h1{font:24px 'Myriad Web Pro', Arial, tahoma, verdana; color:#ff7200; margin:0px; padding:0px 0px 12px 0px;}
h2{font:18px 'Myriad Web Pro', Arial, tahoma, verdana; color:#21262b; margin:0px; padding:2px 0px 2px 0px;}
h3{font:15px 'Myriad Web Pro', Arial, tahoma, verdana; color:#317bc2; margin:0px; padding:5px 0px 0px 0px;}
p{font:12px Arial, tahoma, verdana; color:#252525; line-height:16px; margin:0px; padding:3px 0px 5px 0px;}

.roundboxmidin ul{margin:0px; padding:5px 0px 0px 0px;}
.roundboxmidin ul li{list-style:none; font:16px 'Myriad Web Pro', Arial, Tahoma, Verdana; color:#ff7200; background:url('../images/bullet.gif') no-repeat 0px 8px; padding:5px 0px 5px 18px;}
.roundboxmidin ul li a{list-style:none;color:#ff7200; text-decoration:none;}
.roundboxmidin ul li a:hover{list-style:none;color:#ff7200; text-decoration:none;}

/******************** Solutions Page CSS *********************/

.solutionsrow{width:924px; float:left; padding:0px 0px 10px 0px;}
.solutionsrow-left{width:531px; float:left;}
.solutionsrow-right{width:373px; height:136px; background:#1782c5; float:left; padding:40px 0px 40px 20px;}
.standout-txt{width:342px; height:53px; background:url(../images/standout-txt.jpg) no-repeat; float:left; }
.standout-txt1{width:342px; height:53px; background:url(../images/standout-txt.jpg) no-repeat; float:left; margin-top:40px; }
.request-btn{width:184px; float:right; padding:40px 25px 3px 0px;}

.sol-container{width:594px; float:left;}
.sol-top{width:594px; height:10px; background:url(../images/solutions-top.jpg) no-repeat top; float:left;}
.sol-mid{width:576px; background:#fff; border-left:1px solid #cdcfd3; border-right:1px solid #cdcfd3;  float:left; padding:2px 8px 0px 8px;}

.gios-block{width:560px; background:#fff; float:left; padding:0px 0px 0px 15px;}
.gios-block h2{font:18px 'Myriad Web Pro', Arial, tahoma, verdana; color:#317bc2; margin:0px; padding:2px 0px 2px 0px;}

.funct-area{width:556px; background:#f1f1f1; float:left; padding:5px 10px 15px 10px; margin:15px 0px 0px 0px; }
.bullet-gray{ width:255px; float:left;}
.bullet-gray ul{ margin:0px ; padding:5px 0px 0px 0px;}
.bullet-gray li{ list-style:none; background:url(../images/bullet_blue.jpg) no-repeat 0px 8px; font:12px Arial, Helvetica, sans-serif; color:#317bc2;  line-height:22px; padding:0px 0px 0px 12px;}

.sol-bottom{width:594px; height:7px; background:url(../images/solutions-bottom.jpg) no-repeat top; float:left;}

/******************** System Architecture Page CSS *********************/
.bullet-left{ width:250px; float:left;  }
.bullet-1{ width:250px; float:left; margin:10px 0px 10px 0px;}
.bullet-1 ul{ margin:0px ; padding:0px;}
.bullet-1 li{ list-style:none; background:url(../images/round.jpg) no-repeat 0px 9px; font:12px Arial, Helvetica, sans-serif; color:#252525; line-height:22px; padding:0px 0px 0px 12px;}

.bullet-2 ul{ margin:0px ; padding:0px;}
.bullet-2 li{ list-style:none; background:url(../images/round.jpg) no-repeat 0px 10px; font:12px Arial, Helvetica, sans-serif; color:#252525; padding:5px 0px 0px 15px;}

/******************** Data Warehousing Page CSS *********************/
.data-bullet{ width:185px; float:left; margin:5px 0px 10px 0px;}
.data-bullet ul{ margin:0px ; padding:0px;}
.data-bullet li{ list-style:none; background:url(../images/round.jpg) no-repeat 0px 8px; font:12px Arial, Helvetica, sans-serif; color:#252525; padding:3px 0px 0px 15px; margin:3px 0px 0px 0px;}

/******************** System Architecture Page CSS *********************/
.ms-bullet ul{ margin:0px ; padding:0px;}
.ms-bullet li{ list-style:none; background:url(../images/round.jpg) no-repeat 0px 14px; font:12px Arial, Helvetica, sans-serif; color:#252525; padding:10px 0px 0px 15px;}


/******************** Partner Page CSS *********************/
.comp-tag{ width:136px; float:left; border:1px solid #dbdbdb; text-align:center; padding:10px 0px 10px 0px; margin:0px 12px 12px 0px; }
.comp-tag-line{ width:575px; float:left; background:#ededeb; color:#252525; font:12px Arial, Helvetica, sans-serif; padding:5px 0px 5px 10px; }

.casestudy-left{ width:140px; float:left;}
.pdf-tag{ width:140px; float:left;  padding:5px 0px 5px 0px; }
.casestudy-right{ width:430px; float:left; padding:0px 0px 0px 20px;}

/*...................recruitment ......................*/
.recruitment-bullet ul{ margin:0px ; padding:0px;}
.recruitment-bullet li{ list-style:none; background:url(../images/round.jpg) no-repeat 0px 14px; font:12px Arial, Helvetica, sans-serif; color:#252525; padding:10px 0px 0px 15px;}

/*...................Application Development Process ......................*/
.img-mid{width:602px;  text-align:center; padding:10px 0px 10px 0px;}

/*...................Business Modelling Process ......................*/

.bmp-box{width:600px; float:left; font-weight:bold; color:#000; border:1px solid #454545; }
.bmp-row{width:290px; float:left; font-weight:bold; color:#000; border-bottom:1px solid #454545;   padding:5px 5px 5px 5px;}
.bmp-bullet-1{ width:290px; float:left; margin:0px 0px 10px 0px;  padding:5px 5px 5px 5px;}
.bmp-bullet-1 ul{ margin:0px ; padding:0px;}
.bmp-bullet-1 li{ list-style:none; background:url(../images/round.jpg) no-repeat 0px 9px; font:12px Arial, Helvetica, sans-serif; color:#252525; line-height:22px; padding:0px 0px 0px 12px;}

.bmp-bullet-2 ul{ margin:0px ; padding:0px;}
.bmp-bullet-2 li{ list-style:none; background:url(../images/round.jpg) no-repeat 0px 10px; font:12px Arial, Helvetica, sans-serif; color:#252525; padding:5px 0px 0px 15px;}

/*...................Business Modelling Process ......................*/
.bot-block{width:186px; float:left; margin:0px 10px 0px 0px;}
.bot-top{width:186px; float:left;}
.bot-mid{width:164px; float:left; border-left:1px solid #e1dede; border-right:1px solid #e1dede; border-bottom:1px solid #e1dede; padding:0px 10px 10px 10px;}

/*...................Contact Us ......................*/
.contact-left{ width:230px; float:left;}
.contact-left a{ text-decoration:none; color:#21262b;}
.contact-left a:hover{ text-decoration:none; color:#ff7200;}
.contact-map{ width:370px; float:left; }

/*...................Popup ......................*/

.popupdiv{width:330px; float:left; background:#f0f0f0;}
.popuptitle{width:320px; float:left; background:#317bc2; color:#fff; font-size:16px; padding:8px 0px 8px 10px;}
.popupform{width:295px; float:left; padding:10px 10px 10px 10px;}
.popuprow{width:295px; float:left; padding:5px 0px 5px 5px;}
.popuplabel{width:100px; float:left; padding-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2d2d2d; text-align:right;}
.popupfld{width:165px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2d2d2d; }
.type{width:165px; float:left; padding:0px 0px 10px 0px;}

.popup-form-textarea {width:180px; float:left; height:50px; border:1px solid #cdcfd3; padding:0px 0px 0px 0px; }
.popup-form-input-big { width:180px; float:left; height:22px; border:1px solid #cdcfd3; padding:0px 0px 0px 5px; line-height:28px;}
.popup-btn { width:75px; float:right; padding-right:15px;}
.red-txt{ color:#FF0000; font-size:16px;}
.send_btn{ width:62px;height:29px; float:right; font-size:11px; padding:0px 30px 0px 0px;}

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 150%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 18%;
			left: 38%;
			width: 330px;
			padding: 5px;
			border: 5px solid #317bc2;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
.white_content a{position:absolute; top:8px; right:10px;}

ul.sitemap{margin:0px 0px 0px 30px; padding:0px; background:url(../images/sitemap.jpg) repeat-y left;}
ul.sitemap li{list-style:none; background:url(../images/sitemap-bg.jpg) no-repeat 0px 13px; font:12px Arial; color:#0E2B55; line-height:25px; padding:0px 0px 0px 20px;}
ul.sitemap li a{color:#0E2B55; text-decoration:none;}

ul.level1{margin:0px; padding:0px; background:url(../images/sitemap.jpg) repeat-y left;}
ul.level1 li{list-style:none; background:url(../images/sitemap-bg.jpg) no-repeat 0px 13px; font:12px Arial; color:#666666; line-height:25px; padding:0px 0px 0px 20px;}
ul.level1 li a{color:#22569F; text-decoration:none;}

ul.level2{margin:0px; padding:0px; background:url(../images/sitemap.jpg) repeat-y left;}
ul.level2 li{list-style:none; background:url(../images/sitemap-bg.jpg) no-repeat 0px 13px; font:12px Arial; color:#666666; line-height:25px; padding:0px 0px 0px 20px;}
ul.level2 li a{color:#1782c5; text-decoration:none;}