/*
------------------------------------------------------
STRUCTURE
------------------------------------------------------
*/
/* Font Adjustment & Body Background
---------------------------------------*/
body {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	background:#000 url(../images/inner_bg.jpg) repeat-x left top;
	font-weight:normal;
}
.clearfix{clear:both;}

/* Generic styles
---------------------------------------*/
img{border:none;}
.no-wrap{ white-space: nowrap; }
a{text-decoration: none; color:#00559f; }
a:hover{text-decoration:none; color:#e81b23;}
.active{color:#ffcc10 !important ;}
a img, a:focus, fieldset{ border: none;}
strong { font-weight: bold;}
p{font-size:12px; line-height:16px; color:#333}
.floatLeft{float:left;}
.floatRight{float:right;}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
.center{text-align:center;}
.right{text-align:right}
.marginTop{margin-top:15px;}
.marginBottom{margin-bottom:15px;}
.none{ display:none;}
/* Header Tags Styles
---------------------------------------*/
h1 {font-size:2.5em;}
h2 {font-size:1.6em;}

/* Form Tags Styles
---------------------------------------*/
/*
------------------------------------------------------
Layout
------------------------------------------------------
*/
.hm{
	background:url(../images/hm.jpg) repeat-x center top;
}
#pageWrapper{
	width:990px;
	margin:0 auto;
	height:100%;
}
/*
------------------------------------------------------
header
------------------------------------------------------
*/
.header{
	width:990px;
	display:block;
}
/*
------------------------------------------------------
navigation
------------------------------------------------------
*/

.navigation{
	width:990px;
	height:36px;
	background:url(../images/navbg.png) repeat-x;
	margin:10px auto 0px auto;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:0 0px;
	clear:both;
}
#nav, #nav ul	{
	margin:0; 
	padding:0; 
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
}
#nav a			{
	float:left; 
	padding:7px 10px; 
	color:#fff; 
	text-decoration:none;
	text-align:center;
	position:relative; 
	}
#nav a:hover, #nav a.active	{color:#F90;}
#nav li			{
	float:left; 
	position:relative; 
	padding:4px 26px; 
	background:url(../images/black.png) right center repeat-y;
	margin:0 auto}
#nav li.last			{
	background:none;
}
#nav li a		{
	font-family: 'SubpearRegular'; 
	font-size:11px; 
	text-transform:uppercase;
}
#nav ul 		{
	position:absolute; 
	display:none; 
	width:220px; 
	top:33px; 
	padding:0px; 
	background: #000 url(../images/black.png) left top repeat; 
	border:1px solid #000; 
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
#nav li ul li	ul 		{
	position:absolute; 
	display:none; 
	width:220px; 
	left:200px; 
	padding:0px; 
	background: #000 url(../images/black.png) left top repeat; 
	border:1px solid #000; 
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
#nav li ul li	{ 
	border-bottom:1px solid #000; 
	width:220px; 
	background:none;
	padding:4px 0;
}
#nav li ul a	{
	/*width:12em; */
	height:auto; 
	display:block; 
	padding:5px 10px; 
	font-size:11px;
	text-align:left;
	margin:0;
	left:0;
	position:relative;
}
#nav ul ul		{top:0 !important; background:url(../images/black.png) left top no-repeat;}	
#nav li ul ul 	{left:0; margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
.subnone{
	display:none;
}
/*
------------------------------------------------------
navigation
------------------------------------------------------
*/

.bannerBlock{
	display:inline-block;
	*display:inline;
	zoom:1;
	background:url(../images/bannerbg.jpg) repeat-x;
	height:398px;
	overflow:hidden;
}
/*------- welcomeBlock --------*/
.welcomeBlock{
	width:542px;
	float:left;
	padding:0 25px 0 0;
}
.innerBlock{
	width:450px;
	float:left;
}
.Computhink{
	background:url(../images/logo.png) no-repeat left top;
	float:left;
	margin:10px 0;
	display:block;
	width:990px;
	height:76px;
	text-indent:-1000px;
}
.welcomeBlock h1{
	font-family: 'ITCKabelBookRegular';
	color:#000;
	font-size:22px;
	clear:both;
	margin:15px 0px 0px 37px;
	text-shadow:#fff 1px 1px 2px;
}
.welcomeBlock p{
	font-family: 'HelveticaNeueRegular';
	color:#000;
	font-size:14px;
	margin:15px 0px 0px 37px;
	text-align:justify;
	line-height:21px;
	overflow:hidden;
}
.welcomeBlock a.more{
	font-family: 'HelveticaNeueRegular';
	color:#fff;
	font-size:14px;
	background:url(../images/more.png) no-repeat right center;
	line-height:25px;
	padding:0 32px 0 0;
	float:right;
}
.welcomeBlock a.more:hover{
	color:#F00;
	text-decoration:none;
}
/*------- banner --------*/
.banner{
	width:423px;
	float:right;
	margin:0px 0 0 0;
	/*background:url(../images/banner.png) no-repeat;	*/
}
/*
------------------------------------------------------
mainMenu
------------------------------------------------------

.mainMenu{
	width:990px;
	height:256px;
	position:relative;
}
*/
/*
------------------------------------------------------
bottomBlock
------------------------------------------------------
*/
.bottomBlock{
	width:990px;
	height:230px;
}
/*------- newsEvents --------*/
.newsEvents{
	width:250px;
	height:130px;
	float:left;
	margin:70px 100px 0 10px;
}

.newsEvents ul li strong{
	color:#a67c52;
	display:block;
	font-weight:normal;
	margin:5px 0;
	font-size:12px;
}
.newsEvents ul li 
{
	background:url(../images/dashed.gif) repeat-x left bottom;
	margin:0 0 10px 0;
	padding:10px 0;
	display:block;
	height:140px;
}
.newsEvents ul li a{
	font-size:12px;
	line-height:16px;
	text-align:left;
	font-family: 'HelveticaNeueRegular';
	color:#999999;
	height:82px;
	overflow:hidden;
	display:block;
}
.newsEvents ul li a:hover{
	color:#ddd;
}
.newsEvents ul li a img{
	float:left;
	margin:5px 10px 5px 5px;
	border:1px solid #666;
}

/*------- weAreOn --------*/
.weAreOn{
	width:260px;
	height:130px;
	float:left;
	margin:70px 80px 0 0;
}
.testimonials{
	width:100%;
	margin:10px 0 0 0;
}
.testimonials p{
	font-style:italic;
	color:#666;
	text-align:center;

}
.testimonials p.clientsname{
	float:right;
	text-align:right;
	text-decoration:underline;
	font-weight:normal;
	color:#F90;
	margin:10px 0 0 0
}
/*------- servicesBlock --------*/
.servicesBlock{
	float:right;
	width:215px;
	height:130px;
	margin:65px 10px 0 0;
	padding:15px;
}
.servicesBlock ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.servicesBlock li {
	text-align: center;
	width: 213px;
	height: 135px;
	padding: 0;
	margin: 0px;
	display: block;
	float: left;
}
.servicesBlock li span {
	background:url(../images/span-bg.png) no-repeat center center;
	display:block;
	padding:10px 5px;
	text-align:center;
	height:36px;
	line-height:36px;
	color:#a67c52;
}

/*
------------------------------------------------------
partners
------------------------------------------------------
*/
#partners{
	width:445px;
	height:280px;
	display:block;
	position:relative;
}
.more-partners	{display:block;	margin:0; overflow:hidden; text-indent:-8000px;	width:133px;	height:30px; position:absolute;	left:310px; bottom:0px;}	

a.more-partners {
	display:block; 
	height:30px; 
	background:url(../images/more-partners.png) no-repeat 0 0;
}												

/*
------------------------------------------------------
footer
------------------------------------------------------
*/
.footer{
	width:990px;
	height:70px;
	line-height:70px;
	background:url(../images/dashed-footer.gif) repeat-x left 10px;
	color:#faad5b;
}
.footer ul{
	width:99%;
	margin:0 auto;
}
.footer ul li{
	width:33%;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.footer ul li a{
	color:#f98e1b;
}
.footer ul li a:hover{
	text-decoration:underline;
}
/*Social Icons*/
.myBox{
	text-align:center;
	position:relative;
	left:50px;
	bottom:10px;
	margin:00px 0 0 0;

}
ul.socialized-in {
	margin:0 auto;
	padding:0;
	width:200px;
	height:40px;
}
ul.socialized-in li{
	width:32px;
	text-align:center;
	vertical-align:middle;
	border:none;
	overflow: hidden; 
	float: left; 
	padding: 5px;
	margin:0 auto;
}
ul.socialized-in li a{
	position:relative;
	height:40px;
	line-height:40px;
	top:5px;
}
/*
------------------------------------------------------
Inner Page - CSS
------------------------------------------------------
*/
.innerBannerBlock{
	height:261px;
}

.innerContent{
	background:url(../images/inner_block_bg.jpg) repeat-x left top #000;
	display:inline-block;
	width:990px;
	min-height:516px;
	margin:0 0 20px 0
}
/*breadcrumbs*/
.breadcrumbs{
	padding:0 10px;
	margin:0 auto 10px auto;
	height:40px;
	line-height:40px;
	background:url(../images/black-h.png) repeat-x left bottom;
}
.breadcrumbs li{
	display:inline-block;
	*display:inline;
	zoom:1;
	background:url(../images/bc-sep.png) no-repeat left 15px;
	padding:0 5px 0 11px;
	color:#9d9fa2;
	font-family: 'SubpearRegular'; 
	font-size:9px; 
	letter-spacing:1px;
	text-transform:uppercase;
}
.breadcrumbs li a{
	color:#FFCC10;
}
.breadcrumbs li a:hover{
	color:#F90;
}
.breadcrumbs li a.home{
	color:#FFCC10;
	text-indent:-9999px;
	display:block;
	background:url(../images/home.png) no-repeat;
	width:16px;
	height:15px;
	
}
.text{
	width:682px;
}
.column1{
	width:336px;
	float:left;
	text-align:center;
	margin:0 0 20px 0;
}
a.tabs_in{
	background:url(../images/tabs_in.png) no-repeat center top;
	width:288px;
	height:42px;
	line-height:42px;
	text-align:center;
	text-transform:uppercase;
	display:inline-block;
	*display:inline;
	zoom:1;
	font-size:12px;
	color:#F90;
	font-family: 'SubpearRegular'; 
}
a.tabs_in:hover{
	background:url(../images/tabs_in.png) no-repeat center bottom;
	color:#fff;
}
a.back{
	background:url(../images/back.png) no-repeat left top;
	min-width:52px;
	height:25px;
	line-height:25px;
	text-align:right;
	text-transform:uppercase;
	font-size:9px;
	color:#F90;
	font-family: 'SubpearRegular';
	padding:0 10px 0 0;
	position:relative;
	right:0;
	top:0px;
	float:right; 
}
a.back:hover{
	background:url(../images/back.png) no-repeat left bottom;
	color:#fff;
}

ul.ulist{
	margin:0 0 30px 0;
}
ul.ulist li{
	font-size:12px;
	padding:0 0px 0 28px;
	line-height:20px;
	background:url(../images/finger.png) no-repeat left 5px;
	
}

/*olist*/
ol.olist{
	margin:0 0 30px 0;
}
ol.olist li{
	font-size:12px;
	padding:0 0px 0 8px;
	line-height:20px;
	background:none;
	list-style:decimal !important;
	list-style-position:inside !important;
	
}

/*Tabel
*/
table.myTable {
	border-collapse: collapse;
	width: 950px;
	margin: 20px;
}
 
th {
	color: #fff;
	font-weight: bold;
	padding:11px;
	text-align: left;
	border-right: 1px solid #fff;
	background-color: #333;
}
 
td {
	padding:10px 10px;
	border-bottom: 1px solid #222;
	border-right: 0px solid #222;
	vertical-align: middle;
	text-align:left;
	color: #eee;
	font-size:12px;
	background:#111;
}
tr.alt td {
	background: #222;
}
td h3{
	font-size:11px;
	color:#F90;
	font-family: 'SubpearRegular'; 
	text-transform:uppercase;
	font-weight:normal;
	margin:5px 0;
	letter-spacing:1px;
	display:block;
	line-height:18px;
	height:36px;
	text-align:center;
}
td p{
	color:#ddd;
	text-align:justify;
	line-height:24px;
}
td a.web{
	background:#0069aa;
	border:1px solid #fff;
	text-align:center;
	color:#fff;
	margin:5px 0;
	display:block;
	text-transform:uppercase;
}
td a.web:hover{
	background:#fff;
	color:#0069aa;
}

 
td * {
	padding: 6px 5px;
}
.imgLeft{
	float:left;
	margin:0 10px 10px 0;
	background:#333;
	padding:5px;
	border:1px solid #222;
}
.imgRight{
	float:right;
	margin:0 0 10px 10px;
	background:#333;
	padding:5px;
	border:1px solid #222;
}


/*Apply Now*/
/* CSS Document */
/* Career ------------------------------------------------------------------------------------------------Start--------*/
.clrRed{ color:#F00; padding-left:3px!important; font-size:15px!important;
}
.forMain{ border:1px solid #F00; display:inline-table; font-family:Arial, Helvetica, sans-serif
}
.mainForm{ border-bottom:1px solid #111; display:inline-table; width:100%; padding:7px 0 7px 0px;font-family:Arial, Helvetica, sans-serif; background:#333;
}
.leftSide{ float:left; padding-left:41px;width:266px;font-family:Arial, Helvetica, sans-serif
}
.leftSide tt{vertical-align:top; margin:0; padding:0;}
.leftSide label{ float:left; width:150px;  vertical-align:top; margin:0; padding-top:3px; color:#fff; font-weight:bold; font-size:12px; font-family:Arial, sans-serif;}
.radioChecks input{vertical-align:top; margin-right:5px;}
.colomn{ float:left; width:10px; padding-top:3px!important;
}
.inputText{ float:left; width:215px; margin:0; padding:2px; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;vertical-align:top;
}
.selectBox{ width:221px!important; float:left; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;vertical-align:top; height:20px;
}
.textarea{ float:left; width:175px; margin:0; padding:2px; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;vertical-align:top; overflow:hidden; height:65px
}
.checks{ border:0px solid #F00; float:left; width:200px;
}
.checks span{ float:left; width:100px; vertical-align:top; margin:0; padding:0; color:#666
}
.checks span input{float:left; vertical-align:top; padding:0px 0px 0 0!important; margin:4px 10px 0px 0px!important
}
*:first-child+html .checks span input{float:left; vertical-align:top; padding:0!important; margin:0px 10px 0px 0px!important
}
.errorMsg{ float:left; color:#F00; width:58%; margin:0; padding:0 0 0 105px; display:none
}
.inpEffects{background:#222; border: solid 1px #000; color: #FC6;}
.inpEffects:hover { background:#333; border: solid 1px #111; color: #ddd; }
.inpEffects:focus { color: #EEE; background: #666; border: solid 1px #111; cursor: text;}
.submitBtn{ width:99px; color:#eee; text-transform:uppercase; font-weight:normal; padding:5px 10px; cursor:pointer; font-size:15px;
background:#111; border:1px solid #000; margin:0 250px; text-align: center;
}
*:first-child+html .submitBtn{padding:2px 0 18px 0;}
.submitBtn:hover{ color:#FC3; background-position:0 -64px;
}
.submitBtn:focus{ border:none
}
.bdrNone{ border:0px solid #FFF; 
}
/* Career ------------------------------------------------------------------------------------------------End--------*/
.leftSideNewsArc{ float:left; padding:4px 0 0 15px; width:264px; border:0px solid #666; font-family:Arial, Helvetica, sans-serif
}
.leftSideNewsArc tt{vertical-align:top; margin:0; padding:0;}
.leftSideNewsArc label{ float:left; width:90px;  vertical-align:top; margin:0; padding:0; color:#990000; font-weight:bold; font-size:12px;
font-family:Arial, sans-serif;}
.colomnNewsArc{ float:left; width:10px; vertical-align:top; margin:0; padding:0;
}
.inputTextNewsArc{ float:left; width:123px; margin:0; padding:2px; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;vertical-align:top;
}
.selectBoxNewsArc{ width:110px!important; float:left; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;vertical-align:top; height:20px;
}
.textareaNewsArc{ float:left; width:110px; margin:0; padding:2px; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;vertical-align:top; overflow:hidden; height:65px
}
.searcNews{ float:left; padding:1px 0 0 15px;}
.searcNews input{background:url(../images/nextPreBgBtn.png) left top no-repeat; padding:4px 0 5px 0; width:60px;float:left; border:0px solid #FFF; font-size:13px; font-weight:bold; color:#900; cursor:pointer;
    }
.searcNews input:hover{background-position: left -34px; color:#fff;}    
.BusInfo    {border:0px solid red; float:left; width:290px;}
.BusInfo p  {padding:0px 0px 4px 0px!important;}
.BusInfo p input {vertical-align:text-top}
.styWidth   {width:830px!important;}
.fontSize   { font-size:14px; font-weight:bold;}
.BusCap     {width:98.5%;}
.BusCap tr th{font-size:13px; padding:5px; border:1px solid #FFF; border-right:1px solid #f5d9ae; border-bottom:1px solid #f5d9ae}
.BusCap tr td{font-size:12px; padding:3px; border:1px solid #FFF; border-right:1px solid #f5d9ae; border-bottom:1px solid #f5d9ae}
.textAreaWidth                  {width:91%;}
.textAreaWidth textarea         {width:666px!important;}