@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------------------html*/
body, html{
	margin: 0;
	height: 100%;
	background: black url(/images/header-bg.gif) center top repeat-x;
}
/*--------------------------------------------------------------------------------png behavior*/
.topWraper, .bottomWraper{
	behavior: url(/css/iepngfix.htc);
}

/*--------------------------------------------------------------------------------Platform*/
.platform{
	width: 100% !important;
}
/*--------------------------------------------------------------------------------Header*/
.header{
	width: 100%;
	height: 130px;
}
	.headerWraper{
		width: 900px;
		height: 87px;
		background: url(/images/ci-logo.gif) center left no-repeat;
		text-align: right;
	}
	.indexWraper{
		width: 850px;
		height: 30px;
		color: #CCCCCC;
		font: bold 13px trebuchet ms;
		padding-top: 12px;
		text-align: left;
	}
/*--------------------------------------------------------------------------------Main Container*/
.mainBody{
	width: 100%;
	background: #45709f url(/images/body-bg.gif) top center repeat-x;
}
	.bodyContainer{
		width: 965x;
		background-position: top right;
		background-repeat: no-repeat;
	}
		.ftHome{
			background-image: url(/images/fthome.jpg);}
		.ftAbout{
			background-image: url(/images/ftabout.jpg);}
		.ftSupport{
			background-image: url(/images/ftsupport.jpg);}
		.ftEnews{
			background-image: url(/images/ftenews.jpg);}
		.ftContact{
			background-image: url(/images/ftcontact.jpg);}
		.ftPartner{
			background-image: url(/images/ftpartner.jpg);}
		.ftServices{
			background-image: url(/images/ftservices.jpg);}
		.ftSoftware{
			background-image: url(/images/ftsoftwares.jpg);}
		.ftProducts{
			background-image: url(/images/ftproducts.jpg);}
		.ftSolutions{
			background-image: url(/images/ftsolutions.jpg);}
		.ftSearch{
			background-image: url(/images/ftsearch.jpg);} 
			
/*--------------------------------------------------------------------------------Body panel*/		
.bodyPanel{
	width: 590px !important;
	vertical-align: top;	
}
	.bodyWraper{
		width: 590px;
	}
	.topWraper{
		height: 25px;
		background: url(/images/top_body.png) center top no-repeat;
		margin: 0;	
	}
	.middleWraper{/* main body content -- this is where all the content is being placed */
		width: 500px;
		background: url(/images/middle_body.gif) center center repeat-y;
		text-align: left;
		padding: 0 45px 0 45px;
		color: #5F5F5F;
		font: 12px arial;
		line-height: 1.4em;
	}
		.brake{
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #e6e6e6;
		}
	.bottomWraper{
		height: 75px;
		background: url(/images/bottom_body.png) center center no-repeat;
		margin: 0;
	}
	.legend{
		padding: 0 0 0 50px;
		font: 11px trebuchet ms;
		color:#999999;
		line-height: 1.2em;
		margin: 20px 0 10px 0;
		text-align: left;
	}
/*--------------------------------------------------------------------------------Side panel*/
.sidePanel{
	width: 375px;
	padding: 351px 0 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	line-height:1.2em;
	vertical-align: top;
	text-align: left;		
}
	.sidepanelWraper{
		width: 355px !important;
		height: auto;
		padding: 0;
		margin: 0 20px 40px 0;
	}
	.topSP{
		width: 355px;
		height: 24px;
		background: url(/images/sidepanel-gui.gif) top center no-repeat;
	}
	.centerSP{
		width: 315px;
		background-color: #1e2d45;
		padding: 0 20px 0 20px;
		font: 11px Arial;
		line-height: 1.4em;
	}
	.bottomSP{
		width: 355px;
		height: 24px;
		background: url(/images/sidepanel-gui.gif) bottom center no-repeat;
	}
/*--------------------------------------------------------------------------------Footer*/
.footer{
	width: 100%;
	height:	 70px;
	padding-top: 30px;
	color: #666666;
	font: 11px trebuchet ms;
	text-align: center;
	vertical-align: top;
}
/*--------------------------------------------------------------------------------Fonts*/
.textBig{
	font: 26px trebuchet ms;
	color: #4a4a4a;
	letter-spacing: -1px;
	line-height: 1em;
}
.textMed{
	font: bold 13px arial;
	color: #306eb3;
	line-height: 1.6em;
}
.textBig2{
	font: 18px arial;
	color: #5592d5;
	letter-spacing: -1px;
	line-height: 1em;
}
.textMain{
	color: #5F5F5F;
	font: 12px arial;
	line-height: 1.4em;
}
.textLite{
	font: 11px arial;
	line-height: 1em;
	color: #9f9f9f;
}
/*--------------------------------------------------------------------------------Links*/
a.whiteLink{
	color: white;
	text-decoration: none;	
}
a.whiteLink:hover{
	color: #999;
	text-decoration: none;	
}
a.blueLink{
	color: #306eb3;
	text-decoration: none;	
}
a.blueLink:hover{
	color: #666666;
	text-decoration: none;	
}
a.readMore{
	display: block;
	width: 65px;
	height: 16px;
	padding: 4px 25px 0 0;
	text-align: right;
	font: bold 12px Arial;
	color: #2c68ab;
	line-height: 1em;
	text-decoration: none;
	background: url(/images/more-btn.gif) center right no-repeat;
	float: right;
	margin-right: 10px;
}
a.readMore:hover{
	color: #999999;
}
/*--------------------------------------------------------------------------------Search*/
.search_box {
	width: 315px;
	background: url(/images/search_tab.gif) top center no-repeat;
	padding: 15px 0 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	color:#55687b;
}
.search_field {
	width: 155px;
	height: 16px;
	font: 13px Arial, Helvetica, sans-serif;
	color:#335380;
	padding: 1px 0 2px 5px;
	margin-bottom: 3px;
	
	/*width:165px;
		height: 24px;
		padding: 3px 0 0 5px;
		border-width: 1px;
		border-style: solid;
		color: #0D2846;
		font: 13px Arial, Helvetica, sans-serif;*/
}
/*--------------------------------------------------------------------------------form*/
.btn1{
	border: none;
	width: 59px;
	height: 24px;
	background: url(/images/btn1.gif) center center no-repeat;
	color: white;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.formField1{
	height: 18px;
	padding-top: 2px;
	text-indent: 3px;
	background: #f8f8f8;
	border: 1px solid #dbdbdb;
	color: #306eb3;
	font: 12px Arial, Helvetica, sans-serif;
}
.formArea1{
	height: 80px;
	padding-top: 2px;
	text-indent: 3px;
	background: #f8f8f8;
	border: 1px solid #dbdbdb;
	color: #306eb3;
	font: 12px Arial, Helvetica, sans-serif;
}
/*-------------------hot buttons*/
.ftWraper{
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	width: 499px;
}
.ftWraper td{
	width: 145px;
	border-bottom: 1px solid #e6e6e6;
	color: #2f6caf;
	font: 11px trebuchet ms;
	display: block;
	position: relative;
	padding: 10px 10px 35px 10px;
	float: left;
	text-align: center;
}
.ftWraper .ftCell{
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.ftWraper img{
	margin: 0 0 7px 0;
}
.ftWraper a{
	display: block;
	width: 165px;
	height: 22px;
	color: white;
	font: 11px trebuchet ms;
	background: #2f6caf;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 23;
	text-align: center;
	text-decoration: none;
	padding: 5px 0 0 0;
}
.ftWraper a:hover{ background: #666666;}