/* CSS Document */
* { margin:0; padding:0;}
body {
	font:12px/17px "Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
	background:#222939;
	color:#494949;
}
ul { list-style:none;}
img { border:none; display:block;}
a { text-decoration:none;}
.spacer { 
	font-size:0;
	line-height:0;
	clear:both;
}

.wrapper {
	width:960px;
	margin:0 auto;
	background:#fff;
	padding-bottom:16px;
}

.header {
	background:url(images/header-bg.jpg) no-repeat 0 0;
	height:100px;
	position:relative;
	/*margin-bottom:16px;*/
}
.header img.logo {
	position:absolute;
	left:31px;
	top:29px;
}
.header form img { float:left; margin-right:10px;}
.header input.txt {
	width:135px;
	height:20px;
	border:#7F9DB9 1px solid;
	float:left;
	margin-right:10px;
}
.header input.btn {
	float:left;
	width:58px;
	height:22px;
	cursor:pointer;
}
.header form {
	width:290px;
	position:absolute;
	right:17px;
	top:31px;
}

.midHead {
	height:131px;
	position:relative;
	margin-bottom:19px;
	overflow:hidden;
}
.midHead .inner {
	background:url(images/mid-header-bg.gif) no-repeat 0 0;
	width:944px;
	height:131px;
	position:absolute;
	left:-13px;
	top:0;
	padding-left:42px;
}
.midHead .inner a {
	color:#fff;
}
.midHead .inner a:hover {
	text-decoration:underline;
}
.midHead .inner ul.menu {
	width:199px;
	float:left;
	/*margin-right:12px;*/
	padding-top:16px;
}
.midHead .inner ul.menu li { 
	padding:0 0 5px 8px;
	background:url(images/bullet-head.gif) no-repeat 0 50%;
}
.midHead .inner ul.right { width:120px;}
.midHead .inner ul.news {
	font-size:13px;
	line-height:36px;
	color:#C4CBDB;
	padding-top:10px;
}
.midHead .inner p strong {
	font-size:15px;
}

/* Body */
.bodyCont {
	padding:5px 0 0;
	width:926px;
	margin:0 auto;
}
.bodyCont a {
	color:#1A65B5;
	text-decoration:underline;
}
.bodyCont a:hover {
	text-decoration:none;
}
.floatCont {
	overflow:hidden;
	height:100%;
}
.leftPan {
	width:303px;
	float:left;
}
.rightPan {
	width:614px;
	float:right;
}


.bodyBlock {
	border:#E8EEF3 1px solid;
	margin-bottom:8px;
}
.bodyBlock h2 {
	font-size:14px;
	line-height:31px;
	background:url(images/body-heading-bg.gif) repeat-x 0 0;
	height:31px;
	font-weight:normal;
	color:#194281;
	padding-left:15px;
}
.bodyBlock .content {
	padding:12px 10px 12px 15px;
}
.bodyBlock p {
	padding-bottom:12px;
}
.bodyBlock p.noPad { padding-bottom:0;}

.threeBlocks .bodyBlock {
	width:301px;
	float:left;
	margin-right:8px;
}
.threeBlocks .last {
	margin-right:0;
}

.twoBlocks .leftPan {	
	width:612px;
}
.twoBlocks .rightPan {	
	width:301px;
}


.threeBlocks .first {
	background:url(images/capabilities-bg.gif) repeat-x 0 100%;
}
.threeBlocks .second {
	background:url(images/core-competency-bg.gif) repeat-x 0 100%;
}
.threeBlocks .tata {
	background:url(images/tatai.gif) repeat-x 0 100%;
}

.threeBlocks .diductics {
	background:url(images/diductics.gif) repeat-x 0 100%;
}


.threeBlocks .mr {
	background:url(images/mr.gif) repeat-x 0 100%;
}

.threeBlocks .third {
	background:url(images/web-design-develop.gif) repeat-x 0 100%;
}
.fourth {
	background:url(images/fourth-bg.gif) repeat-x 0 100%;
}
.career {
	background:url(images/career-bg.gif) repeat-x 0 100%;
	padding-bottom:0px;
}
.career p.last {
	padding-bottom:8px;
}

.bannerCont {
	overflow:hidden;
	height:100%;
}

.bannerCont img { float:left;}
.bannerCont img.webbdsign {
	float:right;
}

.bannerCont1 {
	overflow:hidden;
	height:100%;
}
.footer {
	width:925px;
	margin:0 auto;
	font-size:11px;
	line-height:18px;
	color:#838B9E;
	height:105px;
	padding-top:10px;
}

/* Inner pages */

/*.innerPage .midHead .inner {
	height:100%;
}*/

.innerPage .bodyCont {
	margin-top:10px;
	z-index:200;
	position:relative;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#082039;
	background-color:inherit;
	min-height:300px;
	padding:5px 34px 5px 34px;
	width:auto;
}
.innerPage .bodyCont h2 {
	font-size:18px;
	line-height:22px;
	font-style:italic;
	padding-bottom:15px;
}
.innerPage .bodyCont p {
	padding-bottom:14px;
}
/*.innerPage .bodyCont a { color:#082039; text-decoration:none;}*/
.innerPage .bodyCont a:hover { text-decoration:none}
.innerPage .bodyCont ul.greenlist { padding-bottom:14px;}
.innerPage .bodyCont ul.italic { font-style:italic;}
.innerPage .bodyCont ul.greenlist li {
	padding:0 0 3px 20px;
	background:url(images/bullet-green.gif) no-repeat 0 2px;
}

.innerPage .bodyCont ul.left {
	width:286px;
	float:left;
}
.innerPage .bodyCont ul.mid {
	width:318px;
	float:left;
}
.innerPage .bodyCont ul.right {
	width:287px;
	float:left;
}

.innerLeftPan {
	width:566px;
	float:left;
}
.innerRightPan {
	width:320px;
	float:right;
}

img.floatRight {
	float:right;
}

.testimonial div.quote {
	background:url(images/quote-left.gif) no-repeat 0 0;
}
.testimonial blockquote {
	padding:7px 21px 30px 27px;
	background:url(images/quote-right.gif) no-repeat 100% 0;
	border-bottom:#CFCFCF 1px solid;
	margin-bottom:12px;
}
.blueTxt { color:#004791; background-color:inherit;}

.webhostBlock {
	text-align:center;
	padding:10px 0 20px;
	font-size:28px;
	line-height:32px;
	font-weight:bold;
}
.webhostBlock img { margin:0 auto 20px;}
.webhostBlock a {
	color:#46526C;
	background-color:inherit;
	text-decoration:underline !important;
}
.webhostBlock a:hover {
	text-decoration:none !important;
}

/* Contact Page */
div.innerBodyCont div.innerLeftPanel{
	width:303px;
	float:left;
	}
div.innerBodyCont div.innerRightPanel{
	width:560px;
	float:right;
	}

div.innerBodyCont div.innerRightPanel div.formArea{
	height:100%;
	overflow:hidden;
	padding-bottom:25px;
	}
div.innerBodyCont div.innerRightPanel div.formArea label{
	display:block;
	font:italic 13px/19px Arial, Helvetica, sans-serif;
	color:#082039;
	padding-bottom:2px;
	}
div.innerBodyCont div.innerRightPanel div.formArea input{
	border-color:#ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	width:255px;
	height:25px;
	outline:none;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	padding:2px 0 0 3px;
	color:#082039;
	margin-bottom:10px;
	}
div.innerBodyCont div.innerRightPanel div.formArea select{
	border-color:#ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	width:255px;
	height:27px;
	outline:none;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	padding:3px 2px 3px 3px;
	color:#082039;
	margin-bottom:10px;
	}
div.innerBodyCont div.innerRightPanel div.formArea textarea{
	border-color:#ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	width:255px;
	height:146px;
	outline:none;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	padding:2px 0 0 3px;
	color:#082039;
	margin-bottom:10px;
	resize:none;
	}
div.innerBodyCont div.innerRightPanel div.formArea div.btns{
	height:36px;
	padding-top:6px;
	}
div.innerBodyCont div.innerRightPanel div.formArea div.btns input{
	border:none;
	height:36px;
	padding:0;
	margin:0;
	float:right;
	}
div.innerBodyCont div.innerRightPanel div.formArea div.btns input.getQuoteBtn{
	width:119px;
	}
div.innerBodyCont div.innerRightPanel div.formArea div.btns input.submitBtn{
	width:90px;
	}
div.innerBodyCont div.innerRightPanel div.formArea div.formAreaLeft{
	width:260px;
	float:left;
	}
div.innerBodyCont div.innerRightPanel div.formArea div.formAreaRight{
	width:260px;
	float:right;
	}

.clientForm {
	overflow:hidden;
	height:100%;
}
.clientForm label {
	display:block;
	width:172px;
	float:left;
	line-height:32px;
}
.clientForm input { float:left;}
.clientForm input.text {
	width:189px;
	height:30px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-bottom:#999999 1px solid;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:248px;	width: 612px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 12px; right: 12px;
	width: 60px; height:12px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 0;
	text-decoration: none;
	color: #fff;
	background:url(images/paging-dot.png) no-repeat 0 0;
	display:block;
	width:10px;
	height:0;
	padding-top:10px;
	overflow:hidden;
	float:left;
	margin-right:3px;
}
.paging a.active {
	background-image:url(images/paging-dot-active.png);
}
.paging a:hover {font-weight: bold;}